/* css */
*{box-sizing:border-box}
.align_left {text-align: left!important;}
.align_center {text-align: center!important;}
.align_right {text-align: right!important;}

.clearfix:after {content: '';display: block;clear: both;}

.orange_t {color: #E56117;text-align: center;font-weight: bold;font-size: 13px;}
.grad:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d91d7+0,3199d9+48,1486cc+50,0352a0+100 */
background: #1d91d7!important; /* Old browsers */
background: -moz-linear-gradient(-55deg,  #1d91d7 0%, #3199d9 48%, #2793D6 50%, #4193E4 100%)!important /* FF3.6-15 */
background: -webkit-linear-gradient(-55deg,  #1d91d7 0%,#3199d9 48%,#2793D6 50%,#4193E4 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(125deg,  #1d91d7 0%,#3199d9 50%,#2793D6 51%,#4193E4 90%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d91d7', endColorstr='#0352a0',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */;
transition:all 0.4s ease-in-out}
/* 메인 메뉴 */
.gnb a {font-family: "Nanum Gothic",'돋움','dotum',tahoma,'NanumBarunGothic','MalgunGothic','Verdana','Arial','Helvetica','sans-serif'!important;}
.gnb .navbar-nav {position: relative;}
.gnb .navbar-nav li {float: left;position: relative;}
.gnb .navbar-nav li a {position: relative;color: #fff;font-size: 13px;font-weight: bold;line-height: 50px;padding: 0 25px;overflow:hidden;display:block;}
.gnb .navbar-nav li:hover .nav-link {transition:all 0.2s ease-in-out;}
/* .gnb .navbar-nav li:hover .nav-link:after {content: '';position: absolute;left: 45px;top: 20px; box-shadow: 0 0 40px 35px rgba(255,255,255,0.1);display: block;transition:all 0.3s ease-in-out;} */
.gnb .navbar-nav .dropdown .dropdown-menu {display: none;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d91d7+0,3199d9+48,1486cc+50,0352a0+100 */
background: #1d91d7; /* Old browsers */
background: -moz-linear-gradient(-55deg,  #1d91d7 0%, #3199d9 48%, #2793D6 50%, #4193E4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-55deg,  #1d91d7 0%,#3199d9 48%,#2793D6 50%,#4193E4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(125deg,  #1d91d7 0%,#3199d9 50%,#2793D6 51%,#4193E4 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d91d7', endColorstr='#0352a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
position: absolute;top: 96%;left: 0;padding: 10px 0;border-top: 3px solid #1177B5;	border-bottom:2px solid #1177B5;}
.gnb .navbar-nav .dropdown .dropdown-menu li {float: none;}
.gnb .navbar-nav .dropdown .dropdown-menu .dropdown-item {line-height: 35px;}
.gnb .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5098bf+0,1486cc+50,1177b5+100 */
background: #0369A0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #0369A0 0%, #1486cc 50%, #1177b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #0369A0 0%,#1486cc 50%,#1177b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #0369A0 0%,#1486cc 50%,#1177b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5098bf', endColorstr='#1177b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/* 메인 배너 슬라이더 */
.main_slider li {height: 482px;margin-bottom: 10px;}
.main_slider .banner_01 {background: url(../img/main/banner_04.jpg) center 0 no-repeat;}
.main_slider .banner_02 {background: url(../img/main/banner_02.jpg) center 0 no-repeat;}
.main_slider .banner_03 {background: url(../img/main/banner_03.jpg) center 0 no-repeat;}
.main_slider .banner_04 {background: url(../img/main/banner_04.jpg) center 0 no-repeat;}
.main_slider .banner_05 {background: url(../img/main/banner_05.jpg) center 0 no-repeat;}

.main_slider .bx-pager {position: absolute;bottom: 30px;left: 255px;}
.main_slider .bx-pager .bx-pager-item {display: inline-block;}
.main_slider .bx-pager .bx-pager-item .bx-pager-link{margin-left: 5px;display: inline-block;text-indent: -99999em;background: #888;width: 15px;height: 15px;border-radius:50%}
.main_slider .bx-pager .bx-pager-item .bx-pager-link.active {background: #1192E1;}


/* 하단우측 연락처 및 계좌번호 */
.contact_box {background: url(../img/main/icon_contact.jpg) 0 0 no-repeat;padding-left: 75px;}
.contact_box p {font-size: 22px;background: -webkit-linear-gradient(#026CD1, #014BC4);-webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: 800;font-family: sans-serif;}
.contact_box p.fax_number {font-size: 16px;}
.contact_box p.short {font-size: 24px;}
.account {text-align: center;}
.account_name {height: 10px;font-size:11px;color: #666;font-weight: bold;line-height:10px;margin-top:5px;}
.account_number {font-family: sans-serif;font-size: 26px;font-weight: 800;color: #E55100;}
.location_table {margin-top: 50px;}
.location_table td {border: 1px solid #ddd;}

/* 서브 사이드 메뉴 */
.gnb_left {position: relative;}
.gnb_left .navbar-nav {position: relative;width: 210px;}
.gnb_left .navbar-nav .dropdown {width: 210px;height: 362px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d91d7+0,3199d9+48,1486cc+50,0352a0+100 */
background: #1d91d7; /* Old browsers */
background: -moz-linear-gradient(-55deg,  #1d91d7 0%, #3199d9 48%, #1486cc 50%, #0352a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-55deg,  #1d91d7 0%,#3199d9 48%,#1486cc 50%,#0352a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(125deg,  #1d91d7 0%,#3199d9 50%,#1D8ED4 51%,#0352a0 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d91d7', endColorstr='#0352a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gnb_left .navbar-nav .dropdown > a {font-size: 16px;letter-spacing:1px}
.gnb_left .navbar-nav .dropdown a {position: relative;color: #fff;font-size: 13px;font-weight: bold;line-height: 50px;padding: 0 25px;overflow:hidden;display:block;width: px;}
.gnb_left .navbar-nav .dropdown.menu_09 .dropdown-menu a {padding: 0 14px;}
.gnb_left .navbar-nav .dropdown:hover .nav-link {transition:all 0.2s ease-in-out;}
.gnb_left .navbar-nav .dropdown .dropdown-menu {padding: 10px 0;border-top: 3px solid #1177B5;	border-bottom:2px solid #1177B5;width: 190px;margin-left: 10px;height: 295px;}
.gnb_left .navbar-nav .dropdown .dropdown-menu li {float: none;}
.gnb_left .navbar-nav .dropdown .dropdown-menu .dropdown-item {line-height: 35px;width: 190px;box-sizing:border-box}
.gnb_left .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,.gnb_left .navbar-nav .dropdown .dropdown-menu .dropdown-item.active {transition:all 0.3s ease-in-out;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5098bf+0,1486cc+50,1177b5+100 */
background: #0369A0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #0369A0 0%, #1486cc 50%, #1177b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #0369A0 0%,#1486cc 50%,#1177b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #0369A0 0%,#1486cc 50%,#1177b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5098bf', endColorstr='#1177b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* 커뮤니티 테이블 */
table {margin-bottom: 10px!important;;}
input {height: 24px!important;margin-bottom: 5px;}
table textarea {margin-top: 5px;}
table select {height: 24px!important}
table input[type="image"] {height: auto!important;}

.table_pager {margin-top: 20px;width: 100%;text-align: center;}
.table_pager td {padding-right:10px;display: inline-block;}

.page_num a font {height: 24px;color: #222;}
.btn_df {padding: 0 8px;height: 24px;border: 1px solid #222;display: inline-block;line-height: 22px;border-radius:1px;transition:all 0.3s ease-in-out}
.btn_df:hover {background: #555;color: #fff;}
.btn_gallery {border: 1px solid #2695D8;padding:0 15px;margin-right: 3px;}
.btn_gallery:hover {background: #2695D8;color: #fff;}


.btn_search {border: 1px solid #222;padding: 0 3px;margin-left: 5px;}
.btn_cancle,.btn_ask {height: 28px!important;}

.table_notice {text-align: center;}


/* 이용약관 */
.agreeform_icon {padding-bottom: 10px;}
.agreement_wrap {padding:0!important;border: 1px solid #ccc;}
.agreement_form {height: 400px;overflow-y:auto;margin:-1px auto 0!important;padding-top:20px!important;padding-left: 10px;}

/* ID/PW 찾기 */
.table_search_id input {margin-bottom: 5px;}
.input_btn {position: absolute;left: 331px;top: 167px;}
.input_btn input {padding: 0 15px;border:1px solid #0658A6;background:#2895D8;color: #fff;}
.input_btn input:hover {background: #fff;color: #2895D8;cursor:pointer}

/* 레프팅 상품 */
.item_wrap {width: 200px;}
.item_img {width: 100%;}

/* 포토앨범 */
.write_photo_album input {margin-bottom:5px;}
.write_photo_album img {padding-left: 20px;}

.btn_back {height: 24px;}

/* 회원가입 */
.btn_member_agree {margin-left: 302px;}
.search_type01 dd {text-align: center!important;padding: 0!important;}
.search_type01 .bt_box {margin-top: 10px;}

#content3 table {text-align: left;}
#content3 table td {padding: 3px 0;}
#content3 table input {padding-left: 3px;}

.sub_slider {z-index:-1;}

/* 온라인예약 및 상품 */
.online_book_item {width: 100%;}
.online_book_item table {width: 100%;border: none!important;}
.online_book_item img {border: 1px solid #ddd;padding: 5px;}

.reser_info input,.custom_info input {margin-bottom: 5px;padding-left: 5px;color: #222;}
.basket td,.basket th {color: #222;border:1px solid #999!important}
.basket img {vertical-align:middle;margin: 5px;}
#quick li a{position: relative;}
#quick li a:after {content: '';
    width: 50px;
    height: 3px;
    background: #0E8FDF;
    transform: translate3d(-50%,0,0);
    display: block;
    transition: 0.3s;
    position: absolute;
    bottom: -17px;
	opacity: 0;}
#quick li a:hover:after	{transform: translate3d(0,0,0);
    display: block;
    position: absolute;
	left: 5px;
    bottom: -17px;
	opacity: 1;
	z-index: 500;
}