@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(jquery.bxslider.css);
@import url(guide.css);
@import url(main.css);
@import url(sub.css);


/* font */


/* Default Setting */

* {margin: 0; padding: 0;}
html, body, div, input, label, textarea, select, button, h1, h2, h3, h4, h5, h6, strong, p, span, a, ul, li, dl, dt, dd, a{line-height: 1.4em;font-family: 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif;font-size: 14px;color: #000;font-weight: normal;letter-spacing: -0.8px}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, strong, address{display: block;}
ul, ol, li{list-style: none;}
a{display: inline-block;text-decoration: none;vertical-align: top;}
span{display: inline-block;vertical-align: top;}
img{max-width: 100%;border: 0;vertical-align: top;}
em, address{font-style: normal;}
hr{border: 0;margin: 30px 0;padding:0;border-bottom: 1px solid #000;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content:""; content:none;}
table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;word-break: break-all;}
textarea{resize: none;outline: 0;vertical-align: top;}
button{display: inline-block;font-family: inherit;text-decoration:none;background: transparent;border: none;outline: 0;cursor: pointer;white-space: nowrap;vertical-align: top;}


/* label, input, select, textarea, checkbox, radiobox */

label{font-size: 14px;color: #000;}
input{padding:6px 10px;height: 21px;font-size: 14px;color: #000;background-color: #fff;border: 1px solid #000;vertical-align: top;}
input:focus{}
::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
:-moz-placeholder{color: #999;}

select{padding: 6px 10px;height: 35px;font-size: 14px;color: #000;background: #fff url(../img/common/icnSelect.png) no-repeat 92% 50%;border: 1px solid #000; outline: 0;text-align:left;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;vertical-align: top;}
select::-ms-expand{display: none;}
select:focus{}

textarea{padding: 10px;font-size: 14px;color: #000;background-color: #fff;resize: none;}
textarea:focus{}

.chkB{display:inline-block;position:relative;min-width:30px;height:21px;text-align: left;vertical-align:top;}
.chkB input{position: absolute;top:0;left:0;margin:0;padding:0 !important;width:21px !important;height:21px;border:0 !important;opacity:0;z-index:2;cursor: pointer;}
.chkB input + label{display:inline-block;padding:0 0 0 25px;height:21px;line-height:21px;font-size:14px;color:#000;letter-spacing:-1px;cursor: pointer;z-index:1;}

.chkB input[type="checkbox"] + label{background:url(../img/common/icnChkOff.png) 0 50% no-repeat;}
.chkB input[type="checkbox"]:checked + label{background:url(../img/common/icnChkOn.png) 0 50% no-repeat;}

.chkB input[type="radio"] + label{background:url(../img/common/icnRChkOff.png) 0 50% no-repeat;}
.chkB input[type="radio"]:checked + label{background:url(../img/common/icnRChkOn.png) 0 50% no-repeat;}


/* common */ 

.blind{position:absolute;margin:-1px;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);;}

.flt:after{display:block;clear:both;content:""}
.flt > div{float:left;}
.flt > .lt{float:left;}
.flt > .rt{float:right;}

ul.flt > li{float:left;}
ul.flt > li:first-child{padding-left:0 !important; background:none !important;}

dl.flt > dt,
dl.flt > dd{float:left;}

.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

.elp, .elp-2 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.elp-2 {display:-webkit-box !important;white-space:initial;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}

.cen{position: relative;margin: 0 auto;width: 1280px;}

.pSw{display: block !important;}
.pSw_i{display: inline-block !important;}
.mSw, .mSw_i{display: none !important;}

	/* common - mob */
	body.mob{width: 720px;-webkit-overflow-scrolling: touch;}
	body.mob div.flt > div{float: none !important;margin-left: 0 !important;width: 100% !important;}

	body.mob .cen{width: 680px;}

	body.mob .mSw{display: block !important;}
	body.mob .mSw_i{display: inline-block !important;}
	body.mob .pSw, body.mob .pSw_i{display: none !important;}


/* Skip Navigation */

.skip {position: fixed; top: 0; left: 0; width: 100%; height: 0; background: #000; z-index: 200; overflow: hidden; white-space: nowrap; text-align: center; line-height: 1;}
.skip.on {height: auto; overflow: auto;}
.skip a {display: block; padding: 10px 0; color: #fff; text-decoration: none;}


/* bxSlider */

.bx-wrapper{margin:0 auto;}
.bx-wrapper .bx-viewport {left: 0;background: transparent;border: 0 solid #fff;box-shadow: 0 0 0 #000;-webkit-box-shadow: 0 0 0 #000;-moz-box-shadow: 0 0 0 #000;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position: absolute;bottom:initial;bottom:inherit;padding: 0;width: 100%;font-size: 0;}
.bx-wrapper .bx-controls-direction a{z-index:5;}


/* header */

header{position: absolute;top: 0;left: 0;width: 100%;text-align: right;z-index: 10;}
header .top{background-color: rgba(40, 45, 42, 0.7);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3282d2a, endColorStr=#b3282d2a );-ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3282d2a, endColorStr=#b3282d2a)'}
header .top > div{font-size: 0;}
header .top a{height: 38px;line-height: 38px;}
header .top a + a{margin-left: 20px;}
header .top .sns{font-size: 0;text-indent: -9999px;}
header .top .sns.fb{width: 60px;background: url(../img/common/imgTxt_facebook.png) center center no-repeat;}
header .top .home{width: 230px;background-color: rgba(52, 60, 55, 0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99343c37, endColorStr=#99343c37 );-ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorStr=#99343c37, endColorStr=#99343c37)';text-align: center;}
header .top .home span{margin-top: -5px;padding-left: 25px;color: #fff;color: #999;background: url(../img/common/icnHome.png) 0 center no-repeat;vertical-align: middle;}

header .mid{position: relative;}
header .mid > div{font-size: 0;}

header .logo{position: absolute;top: 27px;left: 0;}
header .logo a{display: block;width: 194px;height: 61px;font-size: 0;text-indent: -9999px;background: url(../img/common/imgLogo.png) center center no-repeat;}

header .btnNav{display: none;}

header nav.gnb{display: inline-block;margin: 39px 55px 0 0;vertical-align: top;}
header nav.gnb ul{}
header nav.gnb ul li{background: url(../img/common/icnLine_gnb.png) 0 center no-repeat;}
header nav.gnb ul li a{margin: 0 25px;line-height: 49px;font-size: 22px;color: #fff;font-weight: 300;}

header .btnSch{margin-top: 39px;width: 179px;line-height: 49px;background: url(../img/common/btnBg179x49.png) center center no-repeat;text-align: center;}
header .btnSch span{margin-top: -5px;padding-left: 25px;font-size: 20px;color: #fff;font-weight: bold;background: url(../img/common/icnSearch.png) 0 60% no-repeat;vertical-align: middle;}

header .mid.hv{height: 120px;background-color: #fff;}
header .mid.hv .logo a{background-image: url(../img/common/imgLogo02.png);}

header .mid.hv nav.gnb ul li a{color: #686868;}

	/* header - mob */
	body.mob header{position: fixed;width: 720px;}
	body.mob header .top{display: none;}
	body.mob header .mid{height: 98px;background-color: #2d2d2d;}
	body.mob header .cen{width: 100%;}

	body.mob header .logo{position: relative;top: 0;}
	body.mob header .logo a{margin: 0 auto;height: 98px;background-image: url(../img/common/imgLogo.png) !important;}

	body.mob header .btnNav{display: block;position: absolute;top: 0;left: 0;width: 106px;height: 98px;font-size: 0;text-indent: -9999px;background: url(../img/common/btnNav01.png) center center no-repeat;}
	body.mob header .btnNav.on{background: url(../img/common/btnNav02.png) center center no-repeat;z-index: 12;}

	body.mob header nav.gnb{display: none;}

	body.mob header .btnSch{position: absolute;top: 0;right: 0;margin-top: 0;width: 106px;height: 98px;background: url(../img/common/icnSearch02.png) center center no-repeat;}
	body.mob header .btnSch span{font-size: 0;background: none;}


/* hover gnb - pc */

.h_gnb{position: absolute;top: 158px;left: 0;width: 100%;height: 0;background-color: #f0f0f0;text-align: left;z-index: 10;overflow: hidden;}
.h_gnb > div{height: 100%;}

.h_gnb ul.nav{position: relative;height: 100%;}
.h_gnb ul.nav > li{position: relative;width: 16.66666%;height: 100%;}
.h_gnb ul.nav > li:hover,
.h_gnb ul.nav > li.on{background-color: #e2e2e2 !important;}

.h_gnb ul.nav:after{display: block;content: "";clear: both;position: absolute;top: 0;right: 0;height: 100%;border-right: 1px solid #dcdcdc;}
.h_gnb ul.nav > li:after{display: block;content: "";clear: both;position: absolute;top: 0;left: 0;height: 100%;border-left: 1px solid #dcdcdc;}

.h_gnb ul.nav > li > span{margin: 40px 10px 20px 40px;font-size: 30px;color: #333;font-weight: 500;}

.h_gnb ul.nav ul.dep2{margin: 0 10px 0 40px;}
.h_gnb ul.nav ul.dep2 > li{}
.h_gnb ul.nav ul.dep2 > li > a{position: relative;padding: 3px 0;font-size: 16px;color: #333;font-weight: 500;}
.h_gnb ul.nav ul.dep2 > li > a:hover,
.h_gnb ul.nav ul.dep2 > li.on > a{color: #52c420;}
.h_gnb ul.nav ul.dep2 > li > a:hover::after,
.h_gnb ul.nav ul.dep2 > li.on > a:after{display: block;content: "";clear: both;position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #52c420;}

.h_gnb ul.nav ul.dep3{margin: 5px 0 5px 5px;}
.h_gnb ul.nav ul.dep3 > li{}
.h_gnb ul.nav ul.dep3 > li > a{font-size: 16px;color: #888;}
.h_gnb ul.nav ul.dep3 > li > a:hover{color: #52c420;}


/* mob nav */

nav.m_nav{display: none;}

	/* mob nav - mob */
	body.mob nav.m_nav{position: fixed;top: 0;left: 0;height: 100%;z-index: 11;}
	body.mob nav.m_nav.on{display: block;}
	body.mob nav.m_nav > ul{padding-top: 98px;width: 450px;height: 100%;background-color: #f1f1f1;text-align: left;}
	body.mob nav.m_nav > ul > li{}
	body.mob nav.m_nav > ul > li:first-child{border-top: 1px solid #cdcdcd;}
	body.mob nav.m_nav > ul > li > span{display: block;padding-left: 40px;line-height: 70px;font-size: 30px;color: #333;font-weight: 500;background: url(../img/common/icnNav.png) 95% center no-repeat;border-bottom: 1px solid #cdcdcd;cursor: pointer}
  body.mob nav.m_nav > ul > li.on > span {background: url(../img/common/icnNavOff.png) 95% center no-repeat;}

	body.mob nav.m_nav > ul ul.dep2{display: none;padding: 40px;background-color: #e6e6e6;border-bottom: 1px solid #cdcdcd;}
	body.mob nav.m_nav > ul li.on ul.dep2{display: block;}

	body.mob nav.m_nav > ul ul.dep2 > li{padding: 5px 0;}
	body.mob nav.m_nav > ul ul.dep2 > li > a{display: block;font-size: 26px;color: #6e6e6e;}
	body.mob nav.m_nav > ul ul.dep2 > li > a:hover,
	body.mob nav.m_nav > ul ul.dep2 > li.on > a{color: #57c45d;}



/* search */

.p_sch{display: none;position: absolute;top: 70px;left: 50%;margin-left: -640px;width: 1272px;background-color: #fff;border: 4px solid #57c55a;z-index: 11;}
.p_sch.on{display: block;}

.p_sch .top{padding: 50px 10px;font-size: 0;text-align: center;}
.p_sch .ttl{display: inline-block;line-height: 70px;font-size: 39px;color: #57c55a;vertical-align: top;}

.p_sch .cls{display: block;position: absolute;top: -4px;right: -4px;width: 74px;height: 68px;text-indent: -9999px;background: url(../img/common/btnClose.png) center center no-repeat;}

.p_sch .top .search{display: inline-block;position: relative;margin-left: 35px;border: 7px solid #57c55a;vertical-align: top;}
.p_sch .top .search input{padding: 17px 60px 17px 25px;width: 493px;height: 22px;font-size: 22px;color: #333;border: 0;}
.p_sch .top .search .sch{display: block;position: absolute;top: 0;right: 0;width: 60px;height: 56px;text-indent: -9999px;background: url(../img/common/icnSearch01.png) center center no-repeat;}

.p_sch .area{padding: 40px 20px 50px;background-color: #f3f3f3;}
.p_sch .area ul.tab{margin-bottom: 50px;font-size: 0;text-align: center;}
.p_sch .area ul.tab li{display: inline-block;vertical-align: top;}
.p_sch .area ul.tab li a{margin: 0 2px;width: 133px;line-height: 46px;font-size: 22px;color: #9e9e9e;font-weight: 500;border: 1px solid #9e9e9e;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}
.p_sch .area ul.tab li.on a{color: #fff;background-color: #606060;border-color: #606060;}

.p_sch .word{padding: 0 50px;height: 195px;overflow-y: scroll;}
.p_sch .word::-webkit-scrollbar-track{}
.p_sch .word::-webkit-scrollbar{width:8px;background-color: transparent;}
.p_sch .word::-webkit-scrollbar-thumb{width:8px;background-color: #d1d1d1;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}
.p_sch .word::-webkit-scrollbar-track-piece{}

.p_sch .word ul{font-size: 0;text-align: center;}
.p_sch .word ul li{display: inline-block;padding: 5px 0;width: 16.666666%;vertical-align: top;}
.p_sch .word ul li a{font-size: 20px;color: #9e9e9e;font-weight: 500;}
.p_sch .word ul li a:hover{color: #57c55a;}

	/* search - mob */
	body.mob .p_sch{margin-left: -340px;width: 672px;}
	body.mob .p_sch .ttl{display: block;}
	
	body.mob .p_sch .top .search{margin-left: 0;}
  body.mob .p_sch .word ul li{width: 33.333333%;}
body.mob .p_sch .word ul li a{overflow: hidden !important;}


/* footer */

footer{padding: 30px 0;background-color: #373737;}
footer .info{line-height: 1.6em;font-size: 16px;color: #777c79;font-weight: 500;}

	/* footer - mob */
	body.mob footer{background-color: #353937;}
	body.mob footer .info{line-height: 1.4em;font-size: 21px;}


/* BackToTop button css */
#scroll {
    position:fixed;
    right:30px;
    bottom:100px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#50B556;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#289C3D;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}