@charset "utf-8";

*{margin:0;padding:0;}
html,body{width:100%;height:100%; font-size:62.5%;}
html{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;font-size:100%;font-weight:normal}
br{font-family:initial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}

#wrap, #container {width:100%;position: relative; overflow:hidden;}
#contents {position:relative;}
#wrap .inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}


/* header */
body.hide #wrap header{transform:translate3d(0,-100%,0);}
#wrap header{top: 0;left: 0;width: 100%;font-family: 'Noto Sans KR',sans-serif; transition:0.3s;box-sizing: border-box;z-index: 1000;}
#wrap header *{box-sizing:border-box;}
#wrap header .header_wrap *{box-sizing:border-box;}
#wrap header .header_wrap{position: relative;height: 120px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 100px;border-bottom: 1px solid transparent;}
#wrap header .line{display:block;content:"";position:absolute;top: calc(100% - 1px);left: 50%;transform:translateX(-50%);width: 100%;height: 1px;background: rgba(255,255,255,0.3);opacity:1;}
#wrap header .logo{position: relative;}
#wrap header .logo a{display: inline-block;width: 100%; height: 100%;}
body:not(.active,.menu_open) #wrap header:not(.on,.dark) .logo a svg *{fill:#fff;}
#wrap header .area_r{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;z-index: 510;}
.menu_open #wrap header{position:fixed;}
.menu_open #wrap header .header_wrap{opacity:1 !important;display: flex !important;}
.img_invert {filter: invert(100%);}


.util_wrap{margin-right: 30px;}
.util_list{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.2rem;color: rgba(255,255,255,0.9);font-weight: 400;line-height: 1em;font-family: 'Lexend','Montserrat',sans-serif;}
.util_list > li{display:flex; flex-wrap:wrap;}
.util_list > li:not(.language_wrap){overflow:hidden;}
.util_list > li:not(:last-child):after{display: inline-block;content:"";position: relative;top: 0px;left: 0;width: 1px;height: 9px;background: rgba(255,255,255,0.24);margin: 0 9px 0 6px;}
.util_list li a{position:relative; display:inline-block;}
.util_list > li:not(.language_wrap) > a:after{display:block;content: attr(data-hover);left: 0;position: absolute;top: 100%;}
.util_list > li:not(.language_wrap) > a:hover{opacity: 1;position: relative;transform: translateY(-100%);transition: transform 0.5s ease;}


#wrap header #nav{color: #000;display: flex;flex-wrap: wrap;font-family: 'Lexend','Noto Sans KR',sans-serif;}
#wrap header .gnb{/* display: flex; *//* flex-wrap: wrap; *//* justify-content: center; */}
#wrap header .gnb.depth1 > li{padding: 0 60px;display: inline-block;vertical-align: top;}
#wrap header .gnb.depth1 > li > a{font-size: 1.6rem;font-weight: 500;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 120px;text-transform: uppercase;font-family: 'Montserrat','Noto Sans KR',sans-serif;}
#wrap header .gnb.depth1 > li > a p{overflow:hidden;position: relative;}
#wrap header .gnb.depth1 > li > a span{position: relative;display: block;letter-spacing: -0.25px;}
#wrap header.hover:not(.none){/*padding-bottom:100px;*/}
#wrap header #nav .lnb{position: absolute;width: 100%;top: 100%;left: 0;height: 100px;text-align: center;font-size: 0;overflow: hidden;display: none;}

#wrap header #nav .lnb ul{position: relative;top: 0;left: 0;width: 100%;height: 100%;font-size: 1.8rem;text-align: center;margin: 0 auto;font-weight: 400;display: none;color: #555;text-transform: uppercase;z-index: 10;}
#wrap header #nav .lnb ul li{position: relative;display: inline-block;vertical-align: top;padding: 0 70px;}
#wrap header #nav .lnb ul li:after{display: inline-block;content:"";position: absolute;top: 50%;right: 0px;width: 1px;height: 12px;background:#bfbfbf;vertical-align: top;transform:translateY(-50%);}
#wrap header #nav .lnb ul li:last-child:after{display:none;}

#wrap header #nav .lnb ul li a{position: relative;vertical-align: top;display:inline-block;line-height: 100px;transition:0.3s;}
#wrap header #nav .lnb ul li a:hover{color:#3f3f3f;}
#wrap header #bar{position: absolute;bottom: -1px;width: auto;height: 3px;background: #3f3f3f;z-index:100;}

#sitemapbtn{position:relative;flex:0 0 auto;width: 33px;height: 23px;}
#sitemapbtn .button{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);cursor: pointer;}
#sitemapbtn .button span{position:relative;display:block;width: 70%;height:2px;margin-bottom: 8px;overflow:hidden;transition: 0.3s;}
#sitemapbtn .button span:nth-child(2){width: 70%;margin-left: 15%;}
#sitemapbtn .button span:nth-child(3){}
#sitemapbtn .button span:last-child{margin: 0 !important;}
#sitemapbtn.close .button span:before,
#sitemapbtn.close .button span:after{transition:initial;}
#sitemapbtn.open .button span:before,
#sitemapbtn .button span:after{content:"";position:absolute;width:100%;height:100%;background-color: #000;}
#sitemapbtn.open .button span:nth-child(2):before,
#sitemapbtn.open .button span:nth-child(2):after{transition-delay:75ms;}
#sitemapbtn.open .button span:last-child:before,
#sitemapbtn.open .button span:last-child:after{transition-delay:150ms;}
#sitemapbtn.close span{position:absolute;top:0;left:0;transform:rotate(45deg);margin:0;width: 90% !important;}
#sitemapbtn.close span:nth-child(2){display:none;}
#sitemapbtn.close span:nth-child(3){transform:rotate(-45deg);}

/*on*/
body.active #wrap header,
#wrap header.on{background:#ffffff;}
body.active #wrap header .header_wrap,
#wrap header.on .header_wrap{border-bottom:1px solid #e5e5e5;}
body.active #wrap header #nav,
#wrap header.on #nav,
#wrap header.dark #nav{color: #000;}
body #wrap header.hover .line{background: rgba(0,0,0,0.34);}
#wrap header.on .gnb.depth1 > li > a:after,
#wrap header.on .util_list > li + li:before,
body.active #wrap header .gnb.depth1 > li > a:after,
body.active #wrap header .util_list > li + li:before,
body #wrap header.dark .util_list > li + li:before{background: rgba(0,0,0,0.24);}
#wrap header.on .util_list,
#wrap header.dark .util_list,
body.active #wrap header .util_list,
body.active .util_list .language button,
body header.dark .util_list .language button,
body header.on .util_list .language button{color:rgba(0,0,0,0.9)}
body.active header .util_list .language button:after,
body header.on .util_list .language button:after,
body header.dark .util_list .language button:after{border-color:#000;border-width: 1px;}
#wrap header.on #sitemapbtn.open .button span:before, 
#wrap header.on #sitemapbtn .button span:after,
#wrap header.dark #sitemapbtn.open .button span:before, 
#wrap header.dark #sitemapbtn .button span:after,
body.active #wrap header #sitemapbtn.open .button span:before, 
body.active #wrap header #sitemapbtn .button span:after{background: #000;}
body.active #wrap header #nav .gnb.depth1 > li > a,
#wrap header.on #nav .gnb.depth1 > li > a,
#wrap header.dark #nav .gnb.depth1 > li > a{font-weight:500;}
#wrap header.on #nav .lnb ul,
body.active header #nav .lnb ul{color:#666;}


body::-webkit-scrollbar{width: 6px; }
body::-webkit-scrollbar-thumb {background-color: #333; border-radius:6px;}
body::-webkit-scrollbar-track {background-color:transparent;}

.nicescroll-rails{right: 3px !important;}


/*allmenu*/
#allmenu{display:none;position:fixed;top:0;left:0;width: 100vw;height:100%;overflow: hidden;background: #000;z-index:1004;}
#allmenu *{box-sizing:border-box;}
#allmenu h1.logo a{display:block; width:100%; height:100%;}
#allmenu .close{position:absolute;right: 103px;top: 48px;width: 26px;height: 26px;z-index: 100;}
#allmenu .close:before,
#allmenu .close:after{display: block;content:"";position: absolute;top: -5px;left: 12px;background: #fff;transform: rotate(-45deg);width: 2px;height: calc(100% + 9px);transition: 0.3s;z-index:10;}
#allmenu .close:after{transform:rotate(45deg);}
#allmenu .all_box::-webkit-scrollbar{width:12px;height: 0 !important;}
#allmenu .all_box::-webkit-scrollbar-thumb {background-color: #777;border-radius:10px;border:3px solid #f5f5f5;}
#allmenu .all_box::-webkit-scrollbar-track {background-color:#f5f5f5;}

#allmenu .all_box{position:relative;width:100%;height:100%;display: flex;flex-wrap: wrap;align-items: center;}
#allmenu .inner{position: relative;margin:0 auto;width: 92%;max-width: 1480px;padding-top: 100px;display: flex;flex-wrap: wrap;z-index: 10;}
#allmenu .inner .group{position: relative;width:100%;display: flex;flex-wrap: wrap;z-index: 10;}
#allmenu .inner .logo{width:50%;}
#allmenu .inner .logo svg,
#allmenu .g_logo svg{width: 325px;height: 191px;margin-left: 33.333%;display: block;}
#allmenu .g_logo svg{margin:0;width: 232px;height: 136px;}
#allmenu .inner .logo svg *,
#allmenu .g_logo svg *{fill:#fff;}
#allmenu .inner .site_title{width:25%;font-size: 3.4rem;color: #fff;line-height: 1.6;font-weight: 600;display: block;font-family: 'Lexend','Noto Sans KR',sans-serif;padding-top: 5px;}
#allmenu .inner .gnb{color: #fff;display: flex;flex-wrap: wrap;width: 75%;}
#allmenu .inner .gnb .menu{position: relative;width: 33.333333%;min-height: 296px;overflow: hidden;border-left: 1px solid #4b4b4b;padding: 15px 55px 0 55px;}
#allmenu .inner .gnb .menu:nth-child(3),
#allmenu .inner .gnb .menu:last-child{border-right: 1px solid #4b4b4b;}
#allmenu .inner .gnb .menu:nth-child(n+4){margin-top: 60px;}
#allmenu .inner .gnb .cate{margin-bottom: 33px;}
#allmenu .inner .gnb .cate .dep1{font-size: 3rem;color: #fff;line-height: 1em;font-weight: 600;display: block;font-family: 'Lexend','Noto Sans KR',sans-serif;}
#allmenu .inner .gnb .sub_menu{font-size: 1.8rem;color: #666;line-height: 1.2;font-weight: 400;}
#allmenu .inner .gnb .sub_menu li{position: relative;padding-left: 18px;}
#allmenu .inner .gnb .sub_menu li:after{display:block;content:"";position: absolute;top: 9px;left: 0;width: 8px;height: 1px;background: #999;}
#allmenu .inner .gnb .sub_menu li + li{margin-top: 11px;}
#allmenu .inner .gnb .sub_menu li a{position:relative;display: inline-block;padding-bottom:1px;transition: 0.5s;color:#999}
#allmenu .inner .gnb .sub_menu li a span{display:inline-block;}



/* footer */
#wrap footer {position:relative; width:100%;background: #111111;padding: 55px 0 70px;font-size: 1.6rem;color: rgba(255,255,255,0.8);font-weight: 300;line-height: 1.85;}
#wrap footer *{box-sizing:border-box;}
#wrap footer .footer_wrap{position: relative;width: 100%;padding: 0 100px;display: flex;flex-wrap: wrap;}
#wrap footer .logo{width: 137px;height: 38px;}
#wrap footer .logo svg{width: 100%;height: 100%;}
#wrap footer .logo svg *{fill: rgba(255,255,255,0.6);}
#wrap footer .info_g{padding-left: 60px;width: calc(100% - 440px - 137px);}
#wrap footer .info_g ul{position: relative;display: flex;flex-wrap: wrap;}
#wrap footer .info_g ul li{width: ;}
#wrap footer .info_g ul li address{display:inline;}
#wrap footer .info_g ul li:not(:last-child):after{display:inline-block;content:"";width:1px;height:12px;background: rgba(255,255,255,0.3);margin: 0 10px;}
#wrap footer .area_r{width: 440px;text-align: right;}

.br_mobile { display:none; }

@media(max-width:1650px){
	#wrap header .gnb.depth1 > li > a{font-size: 1.4rem;}
	#wrap header .gnb.depth1 > li{padding: 0 50px;}
	#allmenu .inner .site_title,
	#allmenu .inner .gnb .cate .dep1{font-size: 3rem;}
	#allmenu .inner .gnb .sub_menu{font-size: 1.4rem;}
	#allmenu .inner .gnb .menu{min-height: 270px;}
	#allmenu .inner .gnb .menu:nth-child(n+4){margin-top: 30px;}
	#allmenu .inner .gnb .sub_menu li:after{top:9px;}
	#wrap header .header_wrap{padding: 0 4%;}
	#sitemapbtn .button span{margin-bottom: 6px;}
	#allmenu .close{right: 4%;}
	#wrap header #nav .lnb ul{font-size: 1.4rem;}
	#wrap header #nav .lnb{height: 80px;}
	#wrap header.hover:not(.none){padding-bottom:80px;}
	#wrap header #nav .lnb ul li a{line-height: 80px;}
	#wrap footer{font-size: 1.4rem;}
	#wrap header #nav .lnb ul li{padding: 0 50px;}
}

@media(max-width:1400px){
	#wrap header .gnb.depth1 > li{padding: 0 40px;}
}

@media(max-width:1279px){
	#wrap header #nav{display:none;}
	#sitemapbtn {display:block;}
	#wrap footer .footer_wrap{padding:0 20px;}
	#wrap footer .info_g{width:calc(100% - 137px);}
	#wrap footer .area_r{width: 100%;text-align: left;padding-left: 196px;margin-top: 8px;}
	#allmenu .inner .site_title{display: none;}
	#allmenu .inner .gnb{width: 100%;display: block;}
	#allmenu .inner .gnb .cate{pointer-events: auto;margin: 0;padding: 30px 0;}
	body #wrap #allmenu .inner .gnb .menu{width:100%;padding: 0;border: 0;border-bottom: 1px solid #e1e1e1;min-height: auto;margin: 0;}
	#allmenu .inner .gnb .cate .dep1:after{display:block;content:"";position: absolute;top: 35px;right: 4px;width: 10px;height: 10px;border: 3px solid #000;transform: rotate(135deg);border-bottom: 0;border-left: 0;}
	#allmenu .inner .gnb .cate .dep1.act:after{transform: rotate(-45deg);top: 40px;}
	#allmenu .inner .gnb .sub_menu > *{padding-bottom:40px;}
}


@media(max-width:767px){
	.br_mobile { display:block; }
	.logoimg {height:35px;}
	#wrap header .header_wrap{height: 55px;}
	#wrap header .logo{width: 95px;}
	.util_wrap{margin-right:20px;}
	#sitemapbtn{width: 25px;height: 18px;}
	#sitemapbtn .button span{width: ;}
	#allmenu .close{top: 17px;width: 22px;height: 22px;}
	#allmenu .inner{padding:0;}
	#allmenu .inner .gnb .cate{padding:20px 0;}
	#allmenu .inner .gnb .cate .dep1{font-size:2.5rem;}
	#allmenu .inner .gnb .cate .dep1:after{width: 8px;height: 8px;top: 24px;}
	#allmenu .inner .gnb .cate .dep1.act:after{top: 30px;}
	#wrap footer{padding: 25px 0;font-size: 1.2rem;}
	#wrap footer .footer_wrap{display: block;}
	#wrap footer .logo{width: 90px;height: 54px;margin-bottom: 10px;}
	#wrap footer .info_g{width: 100%;padding: 0;}
	#wrap footer .info_g ul li:not(:last-child):after{height: 10px;margin: 0 7px;}
	#wrap footer .area_r{padding: 0;margin-top: 5px;}
}


.subtitle_default{clear:both; width:100%; font-size:34px; color:#212121; text-align:center; padding-top:30px;padding-bottom:50px;}
.subtitle_default span {font-weight:800}
.subtitle_default p {font-size:17px;margin-top:10px;color:#888;}

.subtitle_default_s{clear:both; width:100%; font-size:30px; color:#212121; text-align:center; padding-top:70px;padding-bottom:50px;}
.subtitle_default_s span {font-weight:800}
.subtitle_default_s p {font-size:15px;margin-top:10px;color:#888;}

.shop_buy_wrap { 
	position: fixed;
    background: #ffffff;
    top: 20px;
}

.head_login_wrap { position:absolute; right:35px;top:20px }
.head_login_wrap ul li {display:inline-block; padding:10px 10px;font-size:13px;}


.main_nav{position:absolute; right:37px;top:55px;}
.main_nav ul li {display:inline-block; padding:10px 10px;text-align:center;}
.main_nav ul li a {font-size:11px;line-height:20px;color:#666}


.gnb_menu #sch_stx {
	display:inline-block;
	width: 440px;
	height: 45px;
	padding-left: 20px;
	border-radius: 30px 0 0 30px;
	background: #fff;
	border: 1px solid #036eb7;
	border-right: 0;
	font-family:'NanumGothic';
	font-size: 16px;
}

.gnb_menu #sch_submit {
	display:inline-block;
	width: 60px;
	height: 45px;
	border: 0;
	background: #036eb7;
	color: #fff;
	border-radius: 0 30px 30px 0;
	cursor: pointer;
	font-size: 16px;
	font-family:'NanumGothic';
	margin-left: -5px;
}


/*모바일 메뉴*/
.placeholdersjs {color:#aaa !important}
.select .placeholder {
    position: relative;
    display: block;
	height:60px;
    z-index: 1;
    padding: 1.4em;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}


.select.select--white .placeholder {
    font-weight: bold;
    font-size: 1.1em;
    color: #212121;
    position: relative;
    display: block;
    z-index: 1;
    padding: 20px 10px;
    cursor: pointer;
}

.select .placeholder2 {
    position: relative;
    display: block;
	height:60px;
    z-index: 1;
    padding: 1.4em;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}


.select.select--white .placeholder2 {
    font-weight: bold;
    font-size: 1.1em;
    color: #212121;
    position: relative;
    display: block;
    z-index: 1;
    padding: 20px 10px;
    cursor: pointer;
}

.select ul li {
    text-align: left;
    padding: 1em 1.8em;
    color: #999;
    font-size: 1.0em;
    cursor: pointer;
    padding-left: 28px;

}
#m_hd:after {display:block;visibility:hidden;clear:both;content:""}
#m_hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_hd_wrapper{background: #fff;}
#m_logo {width:100px;margin:0 auto; padding:12px 10px 14px}
#m_gnb_open {position:absolute; top:17px; left:20px;height:2.6em;border:0;width:20px; background:#fff;}
#m_gnb {display:none;background:#282828}
#m_gnb a {display:block;color:#efefef}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}
.select {position: relative;display: block; margin: 0 auto; width: 100%; max-width: 89%; color: #cccccc; vertical-align: middle; text-align: left;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
  -webkit-touch-callout: none;
}
.select .placeholder02 {position: relative; display: block; z-index: 1; padding: 1.4em; cursor: pointer;}
.select .placeholder:after {position: absolute;right: 1em; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome';content: '\f078';z-index: 10;}
.select.is-open .placeholder:after { content: '\f077';}
.select.select--white .placeholder02 {color: #5a5a5a;}
#slide_menu{position:absolute;top:0;width:85%;height:100%;background:#fafafa;}
#slide_menu .logo_wrap{width:100%;height:80px;background:#fff;}
#slide_menu .m_list{width:100%;margin:0 auto;; padding:0;list-style:none;}
#slide_menu .m_list li{width:50%;float:left;height:100px;color:#fff;text-align:center;font-size:1.1em;background:#1d9cdf;font-weight:bold;letter-spacing:-1px;}
#slide_menu .m_list li a{text-decoration: none;}
#m_close{width:20px;float:right;margin-right:20px;margin-top:22px;}
.submenu_wrap { left:-620px;z-index:10000; }
a:hover, a:focus, a:active { text-decoration:none; }
#m_logo2{width:140px;float:left;font-size:1.5em;font-weight:bold;padding:12px 10px 14px}
/*--------- 모바일 head end ---------*/


.select ul li:hover {
  background: #036eb7;
  color:#fff;
}

.form-check {
	display:inline-block;
	margin-right:10px;
	margin-bottom:4px;
}
.form-check .form-check-input {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: -1;
	width: 21px;
	height: 21px;
	visibility: hidden;
	outline: 0;
	opacity: 0!important;
}

.form-check .form-check-label {
	position: relative;
	padding-left: 27px;
	font-weight: 400;
	cursor: pointer;
}

.form-check .form-check-label:before {
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
	width: 21px;
	height: 21px;
	content: "";
	background: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.form-check input:checked+.form-check-label:before, .form-check input:checked+label:before {
	background-color: #1f84c1;
	border-color: transparent;
}

.form-check input:checked+.form-check-label:after, .form-check input:checked+label:after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 11px;
	height: 9px;
	content: "";
	background-image: url(/images/icon_check.png);
	background-repeat: no-repeat;
}


.visual-area {
    position: relative;
    width: 100%;
    height: 400px;
    background: url('/images/img_visual_1.jpg') no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.visual-inner {
    color: white;
}

.visual-inner h1 {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 20px;
	color:#fff;
	text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.visual-inner p {
    font-size: 20px;
    font-weight: 300;
	text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

/* sub_top **** start */
.sub_top { position:relative; }
.sub_top .page_location{
    width: 100%;
    height: 70px;
    text-align: center;
	border-bottom: 1px solid #dedede;
}
.sub_top .page_location>ul{
	width:100%;
}
.sub_top .page_location>ul:after{display:block;content:"";clear:both;}
.sub_top .page_location>ul>li{
	display:inline-block;
	box-sizing:border-box;
	padding: 0 20px 0 20px;
	border-right:1px solid rgba(255,255,255,0.2);
}
.sub_top .page_location>ul>li.on a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #111;
    z-index: 1;
}
.sub_top .page_location>ul>li:not(:last-child):after {
    display: block;
    content: "";
    width: 1px;
    height: 13px;
    background: #b2b2b2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sub_top .page_location>ul>li.home{
	width:70px;
	border-left:1px solid rgba(255,255,255,0.2);	
}
.sub_top .page_location>ul>li.home>a{
	padding:0;text-align:center;text-indent:-9999px;
	background:url(/images/icon_home.png) no-repeat center;
}
.sub_top .page_location>ul>li.home>a:after{display:none;}
.sub_top .page_location>ul>li>a{
	display:block;position:relative;width:100%;height:100%;
	line-height:70px;text-align:left;
	box-sizing:border-box;
	padding:0 30px;
	font-family: 'NanumSquare';font-size:20px;
}
.sub_top .page_location>ul>li>a:after{
	display:block;content:"";
	width:5px;height:5px;
	border-right:2px solid #fff;border-bottom:2px solid #fff;
	transform:rotate(45deg) translateY(-50%);
	position:absolute;left:90%;top:50%;margin-top:-2px;
}

.sub_top .page_location{z-index:30;}
.sub_top .page_location>ul>li{position:relative;}
.sub_top .page_location .tab ul{position:absolute; top:70px; left:0; width:100%; display:none;}
.sub_top .page_location .tab ul li+li{border-top:0;}
.sub_top .page_location .tab ul li{width:100%; line-height:70px; border:1px solid rgb(91 98 113 / 80%); background:rgba(0,0,0,0.4); box-sizing:border-box;}
.sub_top .page_location .tab ul li:hover{background:rgba(0,0,0,0.8);}
.sub_top .page_location .tab ul li a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 70px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 30px;
    font-family: 'NanumSquare';
    font-size: 20px;
    color: #fff;
}
.sub_top .page_location .tab2{margin-left:-1px;}
/* sub_top **** end */


/* sub common */
.sub_title {
    width: 100%;
    text-align: center;
    font-size: 40px;
	color:#000;
	font-family: "Noto Sans KR", sans-serif;
    font-weight: 600;
    padding: 100px 30px 0px;
}

.sub_title_divider {
	width: 80px;
    height: 1px;
    background: #000;
    margin: 30px auto;
}

.sub_title_sub {
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}

@media(max-width:1279px){
	.sub_title {
		font-size:28px;
		padding: 40px 30px 0px;
	}
	.sub_title_sub {font-size:16px;}
}