@charset "utf-8";
html {
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust: none; /*Firefox*/
	-ms-text-size-adjust: none;  /*Ie*/
	-o-text-size-adjust: none; /*old versions of Opera*/
}

body {font-size:16px !important;margin:0;padding:0;font-family: "Noto Sans KR",  Dotum, "돋움", sans-serif;color:#000;font-weight:100;}
input, select{font-family: "Noto Sans KR", Dotum, "돋움", sans-serif;}
#boardWrap input, #boardWrap select{font-family: "Pretendard", "Noto Sans KR",  Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}


#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

header{/* position:relative; */z-index:2000;}
section, footer{position:relative;z-index:1}

/**********************************************************************************/
header{height: 135px;}
header#h_top{background:#fff;}
header.fixed{position:fixed;left:0;top:0;width:100%;height: 135px;border-bottom:solid 1px #ccc;}

header .top_mn{border-top:solid 1px #dcdcdc;height:30px;text-align:center;}
header .top_mn li{position:relative;display:inline-block;padding: 8px 10px;font-size:14px;letter-spacing: -0.05em}
header .top_mn li:before{display:block;content:"";background: #444;width:1px;height:10px;position:absolute;top:14px;left:0;}
header .top_mn li:first-child:before{display:none;}
header .top_mn li.top_map a{color:#d60109;font-weight:600;}
header .top_mn .btn_sitemap{display:none;}
header h1{padding: 20px;}
header h1 a{overflow:hidden;display:inline-block;width:229px;height: 44px;background:url("/resource/global/common/logo.png") no-repeat left top;background-size:229px;padding-top: 44px;}

header.fixed .hd_top{}

.head{/* position:relative; */}
.head button{position:absolute;top: 21px;right:20px;background: url("/resource/global/common/btn_set.png") no-repeat 0 0;width: 40px;height: 40px;padding-top: 40px;overflow:hidden;}
.head .menu button{display:none;}



.menu{position:fixed;top: 0;left: 0;bottom:0;z-index:3;background: #fdfdfd;width: 100%;/* height:100%; */display: none;}
.menu.on{display:block;}
.menu h2{background: #333;color:#fff;font-size:16px;height: 45px;padding:13px 0 0 15px;}
.menu ul{letter-spacing:-0.05em;}
.menu ul li a{display:block;font-size: 16px;color: #383838;width: 150px;padding: 17px 0 17px 10px;border-bottom: 1px solid #e8e8e8;font-weight: bold;}

.depth_box{background: #efefef;position:absolute;top:45px;left: 150px;right:0;bottom:0;overflow-y: auto;width: 100%;z-index: 2;}
.depth_boxcon p{display:none;}
.menu li li{border-bottom: solid 1px #ccc;}
.menu li li.depth1 a{background: none !important;}
.menu li li ul li a{background: none;}
.menu li li a{display:block;font-size: 14px;line-height:1.25em;padding: 10px 0 10px 8px;background: url(/resource/global/common/arrow.png) no-repeat 92% center;}
.menu li li.on a{font-weight: bold;color: #1116a9;}
.menu li li.on li a{background:none; color:#fff; font-weight:normal}
.menu ul ul ul{margin: 0;/* border-top: dashed 1px #c1d8ce; */background: #39414e;}
.menu li li li{border:none;background: none !important;}
.menu li li:hover a,.menu li li:active a,.menu li li:focus a{font-weight:bold; }
.menu li li li:hover a,.menu li li li:active a,.menu li li li:focus a{font-weight:300;text-decoration:underline; }
.menu li li li a{position:relative;font-size: 13px;padding:5px 0 5px 17px;}
.menu ul ul ul ul{margin:10px}
.menu li li li li a{background-position:0 -483px;background-color:#f1f1f1}
.menu ul li.on a{background: #374e72;color:#fff;}
.menu ul li.on .depth_box{background: #374e72;}
.menu ul li.on .depth_box a{color:#fff;}
.menu ul li.on .depth_box li{border-bottom: solid 1px #556887;}
.menu ul li.on .depth_box li a{border:none;display:block;width:100%;}
.menu ul li.on .depth_box li ul{padding:10px 0;}
.menu ul li.on .depth_box li li{border:none;}
.menu ul li.on ul ul a{background:none;}

.new_win{display:inline-block;background: url("/resource/global/common/new_win.png") no-repeat center center;width: 11px;height:0;padding: 12px 0 0 0;margin-left: 8px;overflow:hidden;vertical-align:middle;}
.head .menu.on button{display:block;width: 40px;padding: 45px 0 0 0;top: 0;right:0;background: #000 url(/resource/global/common/btn_set.png) no-repeat -272px -35px;}
.mobile_back{position: fixed; top: 0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:2;}



/*하단*/
footer{background:#39414e;}
footer *{color:#fff;font-size:14px;line-height:18px;}
.foot_wrap{text-align:center;padding:0 0 30px 0;}

.foot_wrap .link_site{position:relative;background:#222;margin-bottom:30px;height:50px;}
.foot_wrap .link_site .tit a{position:relative;display:block;text-align:left;padding:15px 30px;}
.foot_wrap .link_site .tit a:after{display:block;content:"";width:13px;height:7px;background:url("/resource/global/common/btn_set.png") no-repeat right top;position:absolute;top:40%;right:30px;}
.foot_wrap .link_site .list{position:absolute;bottom:50px;left:0;width:100%;background:#efefef;padding:20px;max-height:150px;overflow-y:scroll;z-index:2000;}
.foot_wrap .link_site .list li a{display:block;color:#000;text-align:left;padding:5px 0;}
.foot_wrap .link_site .list .close{position:absolute;bottom: 20px;right: 20px;width:40px;height:40px;padding:11px 12px;overflow:hidden;background:#333;}
.foot_wrap .link_site .list .close a{display:block;width:16px;height:19px;padding-top:20px;overflow:hidden;background: url("/resource/global/common/btn_set.png") no-repeat right -50px;}

.foot_wrap .bottom_menu{overflow:hidden;margin:0 20px;border-top:solid 1px #9ca0a7;border-left:solid 1px #9ca0a7;}
.foot_wrap .bottom_menu li{float:left;width:50%;}
.foot_wrap .bottom_menu li a{display:block;text-align:center;padding:10px 0;border-right:solid 1px #9ca0a7;border-bottom:solid 1px #9ca0a7;}
.foot_wrap .bottom_menu li:first-child a{color:#f4d9ba;font-weight:600;}

.foot_wrap .copy{padding-top:30px;}
.foot_wrap .copy address{font-style: normal;}
.foot_wrap .copy p{color:#bac1cc;font-size:11px;}

.foot_wrap .bt_sns{margin:20px 0 0 0;}
.foot_wrap .bt_sns li{display:inline-block;}
.foot_wrap .bt_sns li a{display:inline-block;width:33px;height:33px;overflow:hidden;padding-top:33px;background:url("/resource/global/common/btn_set.png") no-repeat left top;}
.foot_wrap .bt_sns li a.sns_f{background-position:-60px -100px;}
.foot_wrap .bt_sns li a.sns_i{background-position:-101px -100px;}
.foot_wrap .bt_sns li a.sns_y{background-position:-142px -100px;}

.foot_wrap #btn_top{display:none;background:#eb6101;width:50px;height:50px;border-radius:100px;position:fixed;bottom: 30px;right:20px;z-index:1000;align-content: initial;opacity:1;}
.foot_wrap #btn_top a{display:block;padding-top:17px;font-size:12px;}
.foot_wrap #btn_top:before{display:none;}
.foot_wrap #btn_top.fixed{display:block;}



/*******************************서브*****************************/
/*sub*/
.sub_container{padding-bottom:50px;}
.s_top{background:#005bac;color:#fff;text-align:center;}
.s_top h2{padding:30px 0 10px 0; font-family: 'GmarketSans';font-weight:700;font-size:30px;}

.s_top .depth2{padding:0 20px;}
.s_top .depth2:after{display:block;content:"";clear:both;}
.s_top .depth2 li{display:inline-block;font-family: 'GmarketSans';font-weight:700;background:url("/resource/global/sub/dep_line.png") no-repeat left center;}
.s_top .depth2 li:first-child{background:none;}
.s_top .depth2 li a{color:#a5c8e8;display:block;padding:0 10px 0 18px;font-size:17px;}
.s_top .depth2 li.on a,
.s_top .depth2 li a:hover,
.s_top .depth2 li a:focus{color:#fff;text-decoration:underline;}

.s_top .location{display:none;}
/* sns공유 */
.s_icon ul{background:#333;margin:10px 0 0 0;padding:10px 0 0 0;}
.s_icon:after{content:"";display:block;clear:both}
.s_icon ul li{display:inline-block;}
.s_icon li a,
.s_icon li button{display:block;width:32px;height:0;padding:33px 0 0 0;overflow:hidden;background:url("/resource/global/common/btn_set.png") no-repeat}
.s_icon li.down button{background-position:5px -150px}
.s_icon li.up button{background-position:-34px -150px}
.s_icon li.print button{background-position:-72px -150px}

.s_icon li.sharing{position:relative}
.s_icon li.sharing ul{background:none;padding:0;}
.s_icon li.sharing button{background-position:-107px -150px}
.s_icon li.sharing div{position:absolute;top:25px;left:0}
.s_icon li.sharing div button{background-position:-221px -60px}
.s_icon li.url a{background-position:-181px -60px}
.s_icon li.face a{background-position:-60px -60px}
.s_icon li.ins a{background-position:-100px -60px}

.s_title{padding:40px 0;text-align:center;}

/*3차메뉴*/
.depth3{background:#e8e8e8;}
.depth3:after{display:block;content:"";clear:both;}
.depth3 li{float:left;width:50%;border-bottom:solid 1px #fff;}
.depth3 li:nth-last-of-type(2),
.depth3 li:nth-last-of-type(1){border:none;}
.depth3 li a{display:block;text-align:center;}
.depth3 li:nth-child(2n) a{border-left:solid 1px #fff;}
.depth3 li:nth-child(2n){border-bottom:solid 1px #fff;}
.depth3 li a{padding:10px 0;font-size:16px;font-weight:300;}
.depth3 li.on a,
.depth3 li a:hover,
.depth3 li a:focus{background:#b9deff;color:#004a8c;}


.scon_wrap{padding:0 20px;}



@media all and (min-width:768px){
	header{height: 100px;}
	header .top_mn{background:none;position:absolute;top: 22px;right: 80px;border:none;}
	header .top_mn li:first-child:before{display:block;content:"";background: #444;width:1px;height:10px;position:absolute;top:14px;left:0;}
	header .top_mn li:last-child:after{display:block;content:"";background: #444;width:1px;height:10px;position:absolute;top:14px;right:0;}

	header h1{padding: 20px 30px;}
	header h1 a{width:267px;height: 50px;background-size:267px;padding-top: 50px;}




	/*하단*/
	footer *{font-size:16px;line-height:24px;}
	.foot_wrap{padding:30px 20px;}

	.foot_wrap .link_site{position:absolute;top:80px;right:20px;background:none;margin-bottom:0;width:200px;height:50px;border:solid 1px #9ca0a7;}
	.foot_wrap .link_site .tit a{padding-top:10px;}
	.foot_wrap .link_site .list{bottom:49px;left:-1px;width:200px;}
	.foot_wrap .link_site .list .close{bottom: 0;right: 0;width:40px;height:40px;}

	.foot_wrap .bottom_menu{margin:0;border:none;}
	.foot_wrap .bottom_menu li{width:auto;padding-right:20px;}
	.foot_wrap .bottom_menu li a{display:block;text-align:center;padding:10px 0;border:none;}
	.foot_wrap .bottom_menu li:first-child a{color:#f4d9ba;font-weight:600;}

	.foot_wrap .copy{text-align:left;padding:10px 0 0 0;}
	.foot_wrap .copy p{font-size:14px;}
	.foot_wrap #btn_top a{display:block;padding-top:13px;text-align:center;}


	/*******************************서브*****************************/
	.s_top{position:relative;}
	.s_top .location{display:block;position:absolute;bottom:10px;left:30px;z-index:100;}
	.s_top .location em{font-style: normal;display:inline-block;width:15px;height:12px;padding-top:12px;overflow:hidden;background: url("/resource/global/sub/home_icon.png") no-repeat 0 0;margin:5px 11px 0 0;}
	.s_top .location span{display:inline-block;background: url("/resource/global/sub/lo_arr.png") no-repeat 0 6px;padding:0 0 0 15px;margin-right:11px;}

	/* sns공유 */
	.s_icon{position:relative;height:40px;background:#333;margin-top:20px;}
	.s_icon ul{background:none;margin:0;padding:0;position:absolute;top:10px;right:30px;}
	.s_icon:after{content:"";display:block;clear:both}
	.s_icon ul li{display:block;float:left;}
	.s_icon li.sharing div{position:absolute;top:25px;left:auto;right:0;}
	.s_icon li.sharing ul{position:relative;right:0;}
	.s_icon li.sharing ul li{float:none;}
	.s_icon li.sharing div button{margin-top:10px;}

	/*3차메뉴*/
	.depth3 li{width:33.3333%;}
	.depth3 li:nth-last-of-type(3),
	.depth3 li:nth-last-of-type(2),
	.depth3 li:nth-last-of-type(1){border:none;}
	.depth3 li a{display:block;text-align:center;}
	.depth3 li:nth-child(3n) a{border-left:solid 1px #fff;}
	.depth3 li:nth-child(5n) a{border-left:solid 1px #fff;}
	.depth3 li:nth-child(3n){border-bottom:solid 1px #fff;}

	.scon_wrap{padding:0 30px;}


}


@media all and (min-width:1024px){
	header{height:150px;}
	header#h_top{background:#fff;}
	header h1{padding:20px 0;z-index: 100;position: absolute;}
	header .hd_top{position:relative;width: 95%;height: 100px;margin: 0 auto;}
	header .top_mn{top: 30px;right: 60px;z-index:1000;}
	header .top_mn .btn_sitemap{display:block;position:absolute;right:-55px;top:0;}
	header .top_mn .btn_sitemap a{display:inline-block;background: url("/resource/global/common/btn_set.png") no-repeat 0 0;width: 40px;height: 40px;padding-top: 40px;overflow:hidden;}
	header.fixed{height:100px;border:none;}

	.head{position:relative;background: #fff;padding-bottom: 10px;border-bottom:solid 1px #ccc;}
	.head button{display:none;}

	.menu{position:static;display: block;width:840px;margin:0 auto;background:none;}
	.menu h2{display:none;}

	.menu ul:after{content:"";display:block;clear:both}
	.menu ul li{float:left;height: 40px;}
	.menu ul li a{color: #171717;border:none;text-align:center;padding: 0 25px;width:auto;position:relative;font-size: 20px;font-weight: 300;box-sizing: border-box;}
	.menu ul li.on a{background:none;color:#005bac;}
	.menu ul li a:after{display:block;content:"";width:0;height:3px;position:absolute;bottom:0;left:0; background:#005bac;opacity:0;transition:all 0.5s}
	.menu ul li a:hover,
	.menu ul li a:focus{position:relative;color: #005bac;}
	.menu ul li a:hover:after,
	.menu ul li a:focus:after{width:100%;opacity:1;}

	.menu .depth_box,
	.menu .depth_box.hide{display:none;}
	.pc_menu .menu .depth_box{display:block;top:auto;left: auto;bottom:auto;right: auto;position: relative;z-index:5000;}
	.pc_menu .menu .depth_box ul{padding-top:40px;}
	.pc_menu .menu .depth_box li{display:block;float:none;padding-bottom:8px;}
	.pc_menu .menu ul li .depth_box,
	.pc_menu .menu ul li.on .depth_box{background:none;overflow: hidden;}
	.pc_menu .menu ul li.on .depth_box li{border:none;}
	.pc_menu .menu ul li .depth_box.hide,
	.pc_menu .menu ul li.on .depth_box.hide{display:block;}

	.pc_menu:after{display:block;content:"";background:#f2f2f2;position:absolute;top:150px;left:0;width:100%;height:220px;z-index:4000;}


	.pc_menu .menu ul li li{border:none;float:none;height:auto;width: 100%;padding: 0;text-align: center;letter-spacing:-0.05em;}
	.pc_menu .menu ul li li a,
	.pc_menu .menu ul li.on li a{border:none;color:#000 !important;font-size:16px;font-weight:300;padding:0;}
	.pc_menu .menu ul li li a:hover,
	.pc_menu .menu ul li li a:focus{color: #eb6101 !important;font-weight:300;border:none;}
	.pc_menu .menu ul li  li a:hover:after,
	.pc_menu .menu ul li  li a:focus:after{display:none; }

	.depth_boxcon p{display: none;}
	.depth_boxcon ul{float:none;width: 100%;}
	.depth_boxcon ul ul{display:none;}

	.head .menu button,
	.head .menu.on button{display:none  }

	/*하단*/
	footer{clear:both;}
	footer *{font-size:14px;line-height:20px;}
	.foot_wrap{width: 95%;margin:0 auto;text-align:left;padding:30px 0;}

	.foot_wrap .link_site{position:absolute;top: 50px;right: 120px;}
	.foot_wrap .link_site .tit a{padding-top:14px;}
	.foot_wrap .link_site .list .close{display:none;}
	.foot_wrap .bt_sns{position:absolute;top: 39px;right: 350px;}
	.foot_wrap #btn_top{right:50px;bottom: 50px;}

	/*******************************서브*****************************/
	.s_top{height:200px;/*padding:30px 0 0 0;*/}



	.s_top h2{font-size:45px;}
	.s_top .depth2 li a{font-size:24px;}

	.s_top .location{bottom:auto;left:auto;top:5px;right:5%;}

	/* sns공유 */
	.s_icon{height:auto;background:none;margin-top:0;position:absolute;bottom:20px;right:5%;}
	.s_icon ul{position:relative;top:auto;right:auto;}
	.s_icon li.sharing div button{margin-top:0;}

	/*3차메뉴*/
	.depth3 ul{width:90%;margin:0 auto;text-align:center;}
	.depth3 li{float:none;width:auto;border:none !important;display:inline-block;}
	.depth3 li a{font-size:18px;padding:20px 30px;}

	.s_title h3{font-size:30px;}

	/* show animation
    .action *{opacity: 1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
    .ani_bottom{opacity:0;transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px);transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
    .ani_bottom2{opacity:0;transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px);transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
    .ani_bottom3{opacity:0;transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px);
    -moz-transform: translateY(50px);transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
    .ani_bottom4{opacity:0;transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px);
    -moz-transform: translateY(50px);transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
    .action .ani_bottom,
    .action .ani_bottom2,
    .action .ani_bottom3,
    .action .ani_bottom4{opacity:1;transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px);}
     */

	.scon_wrap{padding:0;width:80%;margin:0 auto;}

}

@media all and (min-width:1440px){
	header{height:100px;}
	header.fixed{border-bottom:solid 1px #ccc;}
	.head{background: none;padding-bottom:0;border:none;}
	.menu{width:860px;margin: -85px auto 0 auto;}
	.menu ul li{height: 55px;}
	.menu ul li a{padding: 17px 15px 21px 15px;}
	.menu ul li:nth-child(4) a{padding: 17px 45px 21px 45px;}
	.pc_menu:after{top:100px;}

}

.popup{z-index:5000;}
.popup form input[type=checkbox]{margin:5px 5px 0 0;}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none;margin:0;padding:0}