@charset "utf-8"; 

.test_header {height:55px; background:url(/m/image/temp/top.png) no-repeat; background-size:cover;}
.test_footer {height:287px; background:url(/m/image/temp/bot.png) no-repeat center top; background-size:cover; border-top:8px solid #ededed;}
.area_content_card > div.area_snb {height:40px; padding:0;}
#wrap {overflow:hidden;}
#container {position:relative;}
#container.index {position:relative; z-index:0;}


#header {position:relative;height:55px;background:#000; z-index:13;}
#header h1 {position: relative;z-index:11;width:166px;}
/*#header h1.logo a {display:block;height:55px;background:url(/m/image/common/logo_top.png) no-repeat center 0;background-size:auto 100%;line-height:0;font-size:0;overflow:hidden;}*/

/*170915 추가*/
#header h1.logo .logo_img {
    display: block;
    height: 55px;
    background: url(../images/common/logo_top.png) no-repeat center 0;
    background-size: auto 100%;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
#header a.btn_search {position:absolute;right:53px;top:0;display:block;width:30px;height:55px;background:url(/m/image/common/ico_search_top.png) no-repeat center 0;background-size:auto 200%;line-height:0;font-size:0;overflow:hidden;}
#header a.btn_search:ACTIVE,
#header a.btn_search.on {background-position:center bottom;}
#header a.btn_gnbMenu {z-index:15;}
.btn_gnbMenu {display:block;position:absolute;top:0px;right:0px;width: 20px;height:19px;padding:18px;z-index:10;}
#header a.btn_gnbMenu.close {padding:18px 21px 18px 14px;}
.btn_gnbMenu span {display:block;width: 20px;height: 1px;margin-bottom: 7px;background:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.btn_gnbMenu.close {position:fixed;right:0;top:0;}
.btn_gnbMenu.close span {width: 27px;}
.btn_gnbMenu.close span.slice1 {margin-top: 9px;margin-bottom: 7px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.btn_gnbMenu.close span.slice2 {opacity:0}
.btn_gnbMenu.close span.slice3 {margin-top: -16px;margin-bottom: 7px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}


.notice_open #gnbMenu_area {top:55px;}
#gnbMenu_area {display:none; position:fixed;width:100%;left:0;right:0;top:0;right:0;bottom:0;padding-top:55px;z-index:11;}
#gnbMenu_area .bg {width:100%;height:100%;z-index:10;background:#000; display:none;} 
#gnbMenu_area div.top_bar {display:none; position:absolute;left:0;top:0;width:100%;height:55px;background:#1e75d6;z-index:13;}
#gnbMenu_area div.top_bar .left_area {color:#fff;}
#gnbMenu_area div.top_bar .left_area .user_name,
#gnbMenu_area div.top_bar .left_area a.btn_login {display:inline-block;padding: 18px 0 0 18px;}
#gnbMenu_area div.top_bar .left_area .user_name {font-size:19px;}
#gnbMenu_area div.top_bar .left_area a.btn_login {height:55px;padding-left:45px;font-size:18px;color:#fff;background:url(/m/image/common/ico_login.png) no-repeat 0 0;background-size:45px auto;box-sizing:border-box;-moz-box-sizing:border-box;-mzo-box-sizing:border-box;}
#gnbMenu_area div.top_bar .left_area a.btn_login:ACTIVE {color:#155295;background:url(/m/image/common/ico_login.png) no-repeat 0 -55px;background-size:45px auto;}
#gnbMenu_area a.btn_join {display:block;position:absolute;right:56px;top:14px;display:block;height:25px;line-height:25px;padding:0 7px;font-size:13px;color:#fff;border-radius:2px;border:1px solid #d2e3f7;}
#gnbMenu_area .menu_area{z-index:15;height:0;width:100%;position:absolute;left:0;top:65px;opacity:0;}
.hc_menu_opened {overflow:hidden !important; -webkit-overflow-scrolling:auto;}
.hc_menu_opened body {overflow:hidden !important; -webkit-overflow-scrolling:auto;}
.hc_menu_opened body #wrap {position:static; height:0; overflow:visible; padding:0 !important;}
.hc_menu_opened body #wrap>*:not(#header) {display:none !important;}
.hc_menu_opened #header {position:static !important;}
.hc_menu_opened #header h1.logo {display:none;}
.hc_menu_opened #header a.btn_search {display:none;}
.hc_menu_opened .main_notice.open {display:none;}
.hc_menu_opened #gnbMenu_area {display:none; position:fixed !important;width:100%;height:100%;box-sizing:border-box;padding-top:55px;z-index:11;-webkit-overflow-scrolling:auto;}
#gnbMenu_area .bg {position:absolute; top:0; left:0;}
.hc_menu_opened #gnbMenu_area .menu_area {-webkit-overflow-scrolling:auto; overflow:hidden;}
#gnbMenu_area .menu_area {position:relative; top:15px; transition:top 0.5s;}
.hc_menu_opened #gnbMenu_area .menu_area {-webkit-overflow-scrolling:auto; overflow:hidden; top:5px;}
.hc_menu_opened .btn_gnbMenu.close {position:fixed;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div {padding-bottom:35px; box-sizing:border-box;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div > ul {box-sizing:content-box; padding-bottom:20px; margin-bottom:-31px;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div.has_scroll {padding-top:86px; padding-bottom:35px;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div.has_scroll > a {position:absolute; top:0; left:0; width:100%; padding-top:39px;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div.has_scroll > ul {min-height:100%; margin-bottom:0; padding-bottom:10px;}
#gnbMenu_area.hc_menu_activated {display:block; height:0; transition:height 0.5s; overflow:hidden;}
#gnbMenu_area.hc_menu_activated.on {height:100%; height:0.1s;}
html:not(.hc_menu_opened) div#gnbMenu_area.hc_menu_activated {box-sizing:border-box; padding:0;}
#gnbMenu_area.hc_menu_activated .bg {display:block; position:absolute; top:0; left:0; width:100%; height:0; z-index:10;background:#000; transition:all 0.5s ease-out;}
#gnbMenu_area.hc_menu_activated.on .bg {height:100%;}
#gnbMenu_area.hc_menu_activated div.top_bar {display:block; top:-55px; transition:top 0.3s;}
#gnbMenu_area.hc_menu_activated.on div.top_bar {top:0;}
#gnbMenu_area.hc_menu_activated .menu_area{position:relative; top:10px; height:0; overflow:hidden; opacity:0; transition:all 0.5s;}
#gnbMenu_area.hc_menu_activated.on .menu_area{width:100%; height:100%; top:0; opacity:1; transition: top 0.5s, height 1s, opacity 1s;}

div.menu_area>ul {padding:20px 0;}
div.menu_area>ul li.dep01 {display:block; width:165px; overflow:visible;}
div.menu_area>ul li.dep01 ul li {line-height:20px;}
div.menu_area>ul li.dep01 ul li span {display:inline-block;}
div.menu_area>ul li.dep01 a.dep01 {padding: 9px 18px 10px 18px;display:block;font-size:15px;font-family:'YouandiModernHEB';color:#444;}
div.menu_area>ul li.dep01.on a.dep01 {color:#1e75d6;}
div.menu_area>ul li.dep01>div {display:none;position:absolute;left:170px;right:0;top:0;height:100%;bottom:0;overflow-y:auto;z-index:16;box-sizing:border-box;-mzo-box-sizing:border-box;-webkit-box-sizing:border-box; padding-bottom:60px;-webkit-overflow-scrolling:touch;}
div.menu_area>ul li.dep01.on>div {display:block;}
div.menu_area>ul li.dep01>div a.tit {display:block;padding: 29px 0 20px 0;border-bottom:1px solid #333;color:#fff;}
div.menu_area>ul li.dep01>div a.active {color:#1e75d6;}
div.menu_area>ul li.dep01>div strong.group_tit,
div.menu_area>ul li.dep01>div strong.group_tit02 {padding: 19px 0 7px 0;display:block;font-size: 15px;font-family:'YouandiModernHEB';color:#fff;}
div.menu_area>ul li.dep01>div strong.group_tit02 {padding-top: 14px;font-family:'YouandiModernTR';padding: 12px 0 3px 0;}
div.menu_area>ul li.dep01>div>ul {padding-top: 11px;padding-bottom: 60px;}
div.menu_area>ul li.dep01>div ul li a.dep02 {display:block;padding: 7px 0;font-size:15px;color:#aaa;line-height:20px;}
div.menu_area>ul li.dep01>div ul li ul li a.dep02 {padding: 4px 0 3px 0;}
div.menu_area>ul li.dep01>div ul li ul li a.active {color:#1e75d6;}


ul.zbox {*zoom:1;}
ul.zbox:after {display:block;clear:both;content:'';}
ul.zbox li {float:left;}
#footer_area #footer {border-top: 9px solid #ededed; text-align:center;background:#434343;}
#footer_area .user_info {position:relative;border-top:9px solid #ededed;}
#footer_area .user_info .name {padding:18px;border-bottom:1px solid #d5d5d5;}
#footer_area .user_info .name p {position:relative;padding-left:20px;font-size:14px;color:#000;}
#footer_area .user_info .name p:after {display:block;position:absolute;left:0;top:0;width:14px;height:14px;content:'';background:url('/m/image/common/icon_fishing_set.png') no-repeat 0 -100px;background-size:100px auto;}
#footer_area .user_info .name.aa p:after {background-position:0 0;}
#footer_area .user_info .name.ab p:after {background-position:-20px 0;}
#footer_area .user_info .name.ac p:after {background-position:-40px 0;}
#footer_area .user_info .name.ad p:after {background-position:-60px 0;}
#footer_area .user_info .name.ae p:after {background-position:-80px 0;}
#footer_area .user_info .name.ba p:after {background-position:0 -20px;}     
#footer_area .user_info .name.bb p:after {background-position:-20px -20px;} 
#footer_area .user_info .name.bc p:after {background-position:-40px -20px;} 
#footer_area .user_info .name.bd p:after {background-position:-60px -20px;} 
#footer_area .user_info .name.be p:after {background-position:-80px -20px;}
#footer_area .user_info .name.ca p:after {background-position:0 -40px;}     
#footer_area .user_info .name.cb p:after {background-position:-20px -40px;} 
#footer_area .user_info .name.cc p:after {background-position:-40px -40px;} 
#footer_area .user_info .name.cd p:after {background-position:-60px -40px;} 
#footer_area .user_info .name.ce p:after {background-position:-80px -40px;}
#footer_area .user_info .name.da p:after {background-position:0 -60px;}     
#footer_area .user_info .name.db p:after {background-position:-20px -60px;} 
#footer_area .user_info .name.dc p:after {background-position:-40px -60px;} 
#footer_area .user_info .name.dd p:after {background-position:-60px -60px;} 
#footer_area .user_info .name.de p:after {background-position:-80px -60px;}
#footer_area .user_info .name.ea p:after {background-position:0 -80px;}     
#footer_area .user_info .name.eb p:after {background-position:-20px -80px;} 
#footer_area .user_info .name.ec p:after {background-position:-40px -80px;} 
#footer_area .user_info .name.ed p:after {background-position:-60px -80px;} 
#footer_area .user_info .name.ee p:after {background-position:-80px -80px;}
#footer_area .user_info .hcbtn_medium.type3 {position:absolute;right:17px;top:12px;border: 1px solid #ccc;}
#footer_area .user_info .hcbtn_medium.type3 span {font-size:12px;color:#666;}
#footer_area #footer .logo {padding:4px 0 20px 0;}
#footer_area #footer .logo img {width:78px;height:15px;}
#footer_area #footer .footer_menu {border-bottom:1px solid #363636;}
#footer_area #footer .footer_menu li {position:relative;width:23%;}
#footer_area #footer .footer_menu li:last-child {width:31%;}
#footer_area #footer .footer_menu li:last-child p{width:100%;}
#footer_area #footer .footer_menu li a {display:block;height:50px;line-height:50px;font-size:13px;font-family: 'YouandiModernHEB';color:#d3d3d3;}
#footer_area #footer .footer_menu li:after {display:block;position:absolute;right:0;top:17px;width:1px;height:15px;background:#363636;content:'';}
#footer_area #footer .share {padding:18px 0 15px 0;}
#footer_area #footer .share a {display:inline-block;margin:0 10px;}
#footer_area #footer .share a img {width:auto;height:26px;}
#footer_area #footer .copyright {padding:0 18px 12px 18px;font-size:12px;line-height:19px;color:#d3d3d3;}
#footer_area #footer .copyright a {color:#d3d3d3;}
#footer_area #footer .copyright .box_line span {display:inline-block;position:relative;padding:0 8px;}
#footer_area #footer .copyright .box_line span:after {display:block;position:absolute;right:-1px;top:5px;width:1px;height:8px;background:#666;content:'';}
#footer_area #footer .copyright .box_line span:last-child:after {display:none;}
#footer_area #footer .copyright.n02 {color:#828282;}

/*170915 추가*/
.footer_W {clear:both; box-sizing:border-box; padding:30px 20px; text-align:center; background: #434343;}
.footer_W  img {width:100%; max-width:140px; height:auto;}

.pop_mibile_service {min-width:305px;}
.pop_mibile_service .tit_bar {display:box;display:-webkit-box;padding:0 18px;position:relative;border-sizing:border-box;height:33px;line-height:33px;border-bottom:1px solid #f1f1f1;background:#fafafa;}
.pop_mibile_service .tit_bar:after {display:block;clear:both;visivility:hidden;height:0;content:'';}
.pop_mibile_service .tit_bar .icon_box {width:40px;text-align:center;font-size:13px;color:#888;}
.pop_mibile_service .tit_bar .box01 {padding-top:0;font-size:13px;color:#999;} 
.pop_mibile_service ul {border-bottom:1px solid #f1f1f1;}
.pop_mibile_service ul li {display:box;display:-webkit-box;padding:8px 9px 8px 18px;clear:both;position:relative;box-sizing:border-box;}
.pop_mibile_service ul li:first-child {padding-top:16px;}
.pop_mibile_service ul li:last-child {padding-bottom:25px;}
.pop_mibile_service ul li:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.pop_mibile_service .box01,
.pop_mibile_service .box02 {display:box; display:-webkit-box;box-orient:vertical; -webkit-box-orient:vertical;box-pack:center; -webkit-box-pack:center;box-flex:1; -webkit-box-flex:1;word-wrap:break-word;word-break:keep-all;}
.pop_mibile_service .box01 {width: 55%;padding-top:10px;font-size:14px;line-height:19px;color:#000;}
.pop_mibile_service .box01 span {display:inline-block;}
.pop_mibile_service .box02 {width: 45%;text-align:right;}
.pop_mibile_service .box02 .icon_box {display:inline-block;vertical-align:bottom;}
.pop_mibile_service .box02 .icon_box img {width:40px;height:40px;}
.pop_mibile_service .box02 .icon_box.n02 {margin-left:16px;}
.pop_mibile_service .box02 .icon_box.n02 img {width:49px;height:49px;}
.pop_mibile_service .box02 .icon_box.n01.no_img {position:relative; width:40px; height:40px;}
.pop_mibile_service .box02 .icon_box.n02.no_img {display:inline-block;position:relative;width:49px;height:49px;}
.pop_mibile_service .box02 .icon_box.n01.no_img:after {display:block;position:absolute;left:0;top:0px;width:38px;height:38px;background:#f8f8f8;border:1px solid #f2f2f2;border-radius:7px;content:'';}
.pop_mibile_service .box02 .icon_box.n02.no_img:after {display:block;position:absolute;left:0;top:9px;width:38px;height:38px;background:#f8f8f8;border:1px solid #f2f2f2;border-radius:7px;content:'';}

div.menu_area>ul li.dep01>div a.tit strong {display:inline-block;position:relative;padding-right: 12px;}
div.menu_area>ul li.dep01>div a.tit strong:after,
div.menu_area>ul li.dep01>div a.tit strong:before {display:block; content:""; position:absolute; width:2px; height:9px;background: #fff;right: 0;}
div.menu_area>ul li.dep01>div a.tit strong:after {top: 6px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
div.menu_area>ul li.dep01>div a.tit strong:before {top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
div.menu_area>ul li.dep01>div a.active strong:after,
div.menu_area>ul li.dep01>div a.active strong:before {background:#1e75d6;}
div.menu_area>ul li.dep01.n03>div a.tit,
div.menu_area>ul li.dep01.n06>div a.tit {margin-bottom:13px;}


@media only screen and (min-width:667px){
    div.menu_area>ul li.dep01 a.dep01{font-size:13px;}
    div.menu_area>ul li.dep01>div a.tit {padding: 17px 0 14px 0;font-size:13px;}
    div.menu_area>ul {padding: 12px 0 15px 0;}
    div.menu_area>ul li.dep01>div>ul {padding-top:7px;}
    div.menu_area>ul li.dep01>div ul li a.dep02 {padding: 4px 0 3px 0;font-size: 13px;}
    div.menu_area>ul li.dep01>div strong.group_tit, div.menu_area>ul li.dep01>div strong.group_tit02 {padding: 17px 0 3px 0;font-size: 13px;}
    div.menu_area>ul li.dep01 a.dep01 {padding:7px 18px}
    div.menu_area>ul li.dep01>div a.tit strong {font-size:15px;}
    div.menu_area>ul li.dep01>div a.tit strong:after,
    div.menu_area>ul li.dep01>div a.tit strong:before {height:7px;}
    div.menu_area>ul li.dep01>div a.tit strong:after {top:5px;}
    div.menu_area>ul li.dep01>div a.tit strong:before {top:1px;}    
}


@media only screen and (max-width:321px){
    div.menu_area>ul li.dep01>div {left:160px;} 
    #footer_area #footer .copyright a {display:block;}
    #footer_area #footer .copyright > span {display:block; width:100%;}
}

.blind {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0; position:absolute;}
.local_menu_contents .search_open .btn_search_open {position:absolute;right:52px;top:-1px;display:block;width:30px;height:55px;background:url(/m/image/common/ico_search_top.png) no-repeat center 0;background-size:auto 200%;line-height:0;font-size:0;overflow:hidden;}
.header_search .input_wrap {height:32px; background:#1f75d6; position:relative; z-index:5;}
.header_search .input_article {position:relative; width:100%; margin:0 auto; line-height:32px;}
.header_search .input_article input {width:100; height:32px; padding:15px 0; border:none; background:#1f75d6; color:#fff; font-size:21px; line-height:32px;}
.header_search .input_article .btn_auto {position:absolute; top:26px; right:65px; width:20px; height:12px; background-position:-325px 0; vertical-align:middle; display:none;}
.header_search .input_article .btn_search {position:absolute; top:19px; right:0; width:24px; height:24px; background-position:-180px -25px; vertical-align:middle;}
input#topSearch {width:100%; height:32px; padding:7px 0; border:none; background:#1f75d6; color:#fff; font-size:15px; line-height:32px;}
.header_search .input_article .btn_auto {position:absolute; top:26px; right:65px; width:20px; height:12px; background-position:-325px 0; vertical-align:middle; display:none;}
.header_search .input_article .btn_search {position:absolute; top:19px; right:0; width:24px; height:24px; background-position:-180px -25px; vertical-align:middle;}
.non_bd_tp {border-top:0px !important;}
.non_bd_bt {border-bottom:0px !important;}
#header {z-index:20;}
.isApp #container .area_tit {display:none !important;}
.hc-fix-activated #wrap.hc-fix-header-fixed {padding-top:55px;}
.hc-fix-activated #wrap #header {transform:none;}
.hc-fix-activated.hc_menu_opened #wrap #header {transform:none;}
.hc-fix-activated #wrap.hc-fix-header-fixed #header {position:fixed; top:0; left:0; width:100%; z-index:20; transition:none;}
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide #header {top:-55px;}
.hc-fix-activated #wrap.hc-fix-header-fixed .search_area2 {position:fixed; top:55px; width:100%;}
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide .search_area2 {display:none;}
.hc-fix-activated #container .area_tit {transform:none; transition:none;}
.hc-fix-activated #wrap.hc-fix-header-fixed #container > .area_tit,
.hc-fix-activated #wrap.hc-fix-header-fixed #container > section > .area_tit {position:fixed; top:55px; transform:translate3d(0,0,0);}
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide #container > .area_tit,
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide #container > section > .area_tit {top:0;}
.hc-fix-activated .hc-fix-addwrap {position:relative;}
.hc-fix-activated .hc-fix-addwrap.hc-fix-fixed .hc-fix-top {position:fixed; left:0; width:100%; background:rgba(255,255,255,0.95); transform:translate3d(0,0,0); z-index:20;}
.hc-fix-activated.hc_menu_opened .hc-fix-addwrap.hc-fix-fixed {display:none;}

/*170915 추가*/
#landing_wrap {clear:both; text-align:center; box-sizing:border-box; padding:50px 18px;}
.app_tit {font-size:26px; line-height:36px; color:#000; }
.app_txt {font-size:16px; line-height:24px; color:#666; padding:20px 0 40px 0;}

/*로딩닷*/
.app_loading {width:90px; margin:0 auto; text-align:center;}
.app_loading > div {
 width:14px;
 height:14px;
 background:#dcdcdc; 
 display:inline-block;
 border-radius:100%;
 -webkit-animation:bg-delay 1.6s infinite ease-in-out both;
 animation:bg-delay 1.6s infinite ease-in-out both;
}
.app_loading .bounce1 {
 -webkit-animation-delay:-0.48s;
 animation-delay:-0.48s;
}
.app_loading .bounce2 {
 -webkit-animation-delay:-0.32s;
 animation-delay:-0.32s;
}
.app_loading .bounce3 {
 -webkit-animation-delay:-0.16s;
 animation-delay:-0.16s;
}
.app_loading .bounce4 {
 -webkit-animation-delay:-0.08s;
 animation-delay:-0.08s;
}


/*@-webkit-keyframes sk-bouncedelay {
 0%, 80%, 100%  {-webkit-transform : scale(0);}
 40% {-webkit-transform:scale(1.0);}
}
@keyframes sk-bouncedelay {
 0%, 80%, 100% {
	 -webkit-transform: scale(0);
	 transform: scale(0);
	 } 40% {
	 -webkit-transform:scale(1.0);
	 transform :scale(1.0);
	 }	
}*/

@-webkit-keyframes bg-delay {
 0%, 80%, 100%  {background:#dcdcdc;}
 40% {background:#1e75d6;}
}
@keyframes bg-delay {
 0%, 80%, 100% {
	 background:#dcdcdc;
	 } 40% {
	background:#1e75d6;
	 }	
}

.app_loading img {max-width:100%;}

.err_txt {font-size:13px; line-height:21px; color:#888; padding:40px 0 10px 0;}
.di_btn {display:block; box-sizing:border-box; background:#1e75d6; border-radius:3px; min-width:180px; padding:13px 0;}
.di_btn span {display:inline-block; box-sizing:border-box; color:#fff; font-size:16px; line-height:24px;}