@charset "UTF-8";
@import url("official_style.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/* Web Font */
/*
@font-face{
	font-family:"NotoSans-Thin";
	src:url('/common/css/fonts/NotoSans-Thin.eot');
	src:url('/common/css/fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSans-Thin.woff') format('woff'),
	url('/common/css/fonts/NotoSans-Thin.otf') format('opentype');
	url('/common/css/fonts/NotoSans-Thin.ttf') format('truetype');
	src:local('?'), url('/common/css/fonts/NotoSans-Thin.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Light";
	src:url('/common/css/fonts/NotoSans-Light.eot');
	src:url('/common/css/fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSans-Light.woff') format('woff'),
	url('/common/css/fonts/NotoSans-Light.otf') format('opentype');
	url('/common/css/fonts/NotoSans-Light.ttf') format('truetype');
	src:local('?'), url('/common/css/fonts/NotoSans-Light.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Regular";
	src:url('/common/css/fonts/NotoSans-Regular.eot');
	src:url('/common/css/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSans-Regular.woff') format('woff'),
	url('/common/css/fonts/NotoSans-Regular.otf') format('opentype');
	url('/common/css/fonts/NotoSans-Regular.ttf') format('truetype');
	src:local('?'), url('/common/css/fonts/NotoSans-Regular.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Medium";
	src:url('/common/css/fonts/NotoSans-Medium.eot');
	src:url('/common/css/fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSans-Medium.woff') format('woff'),
	url('/common/css/fonts/NotoSans-Medium.otf') format('opentype');
	url('/common/css/fonts/NotoSans-Medium.ttf') format('truetype');
	src:local('?'), url('/common/css/fonts/NotoSans-Medium.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Bold";
	src:url('/common/css/fonts/NotoSans-Bold.eot');
	src:url('/common/css/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSans-Bold.woff') format('woff'),
	url('/common/css/fonts/NotoSans-Bold.otf') format('opentype');
	url('/common/css/fonts/NotoSans-Bold.ttf') format('truetype');
	src:local('?'), url('/common/css/fonts/NotoSans-Bold.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Black";
	src:url('/common/css/fonts/NotoSans-Black.eot');
	src:url('/common/css/fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSans-Black.woff') format('woff'),
	url('/common/css/fonts/NotoSans-Black.otf') format('opentype');
	url('/common/css/fonts/NotoSans-Black.ttf') format('truetype');
	src:local('?'), url('/common/css/fonts/NotoSans-Black.woff') format('woff');
}*/

@font-face{
	font-family:"Montserrat-Thin";
	src:url('fonts/Montserrat-Thin.eot');
	src:url('fonts/Montserrat-Thind41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Thin.woff') format('woff'),
	url('fonts/Montserrat-Thin.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-Thin.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-ExtraLight";
	src:url('fonts/Montserrat-ExtraLight.eot');
	src:url('fonts/Montserrat-ExtraLightd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-ExtraLight.woff') format('woff'),
	url('fonts/Montserrat-ExtraLight.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-ExtraLight.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Light";
	src:url('fonts/Montserrat-Light.eot');
	src:url('fonts/Montserrat-Lightd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Light.woff') format('woff'),
	url('fonts/Montserrat-Light.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-Light.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Regular";
	src:url('fonts/Montserrat-Regular.eot');
	src:url('fonts/Montserrat-Regulard41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Regular.woff') format('woff'),
	url('fonts/Montserrat-Regular.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-Regular.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Medium";
	src:url('fonts/Montserrat-Medium.eot');
	src:url('fonts/Montserrat-Mediumd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Medium.woff') format('woff'),
	url('fonts/Montserrat-Medium.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-Medium.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-SemiBold";
	src:url('fonts/Montserrat-SemiBold.eot');
	src:url('fonts/Montserrat-SemiBoldd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-SemiBold.woff') format('woff'),
	url('fonts/Montserrat-SemiBold.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-SemiBold.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Bold";
	src:url('fonts/Montserrat-Bold.eot');
	src:url('fonts/Montserrat-Boldd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Bold.woff') format('woff'),
	url('fonts/Montserrat-Bold.ttf') format('truetype');
	src:local('?'), url('fonts/Montserrat-Bold.woff') format('woff');
}


*{margin:0; padding:0; box-sizing:border-box}
html{width:100%; height:100%}
body{position:relative; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:400; font-size:16px; color:#8b012a; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-weight:300; color:#000; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {padding:3px 15px; width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none;}
input[type="tel"] {outline:none}
select{padding:5px 15px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-weight:300; color:#8b012a; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#8b012a;}
div:hover, div:focus, div:active{outline:none}
a:hover, a:focus, a:active{text-decoration:none; outline:none}
.swiper-button-next:foucs, .swiper-button-prev:focus, .swiper-button-next:active, .swiper-button-prev:active{outline:none}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-weight:300;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal}
th{font-weight:normal}
::placeholder{color:#999; font-family:'Noto Sans KR'; font-weight:300}
:-ms-input-placeholder {color:#999 !important; font-family:'Noto Sans KR' !important; font-weight:300 !important}
::-ms-input-placeholder{color:#999 !important; font-family:'Noto Sans KR' !important; font-weight:300 !important}
::-webkit-input-placeholder {color:#999; font-family:'Noto Sans KR'; font-weight:300}
:-moz-placeholder {color:#999; opacity:1; font-family:'Noto Sans KR'; font-weight:300}
::-moz-placeholder {color:#999; opacity:1; font-family:'Noto Sans KR'; font-weight:300}
:placeholder-shown {color:#999; font-family:'Noto Sans KR'; font-weight:300}

input[type="search"] {
    -webkit-appearance: searchfield;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

input[type=text]::-ms-clear {
    display:none;
}

/*스크롤 락*/
body.block{overflow:hidden;}

/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt100{margin-top:100px !important}
.mt110{margin-top:110px !important}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}

.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}


/*단일 클래스*/
.inner{position:relative; margin:0 auto; width:1120px;}
.inner:after{content:""; display:block; clear:both;}
.blind{text-indent:-9999px; font-size:0;}
.poR{position:relative !important}
.poA{position:absolute !important}
.poF{position:fixed !important}
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.ovf{position:relative; overflow:hidden;}
.floatL{float:left !important;}
.floatR{float:right !important;}
.clear:after{display:block; content:""; clear:both;}
.vaT {vertical-align:top !important;}
.notL{font-family:'Noto Sans KR' !important; font-weight:300}
.notB{font-family:'Noto Sans KR' !important; font-weight:700}
.notBk{font-family:'Noto Sans KR' !important; font-weight:900}

/*본문 바로가기*/
.goCon{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

/* 헤더 */
#wrap{position:relative; width:100%; overflow:hidden; word-break:keep-all}
#wrap.dark{min-height:100vh}
#wrap .blackBg{position:absolute; z-index:0; width:280px; height:50px; top:0; left:0; background:url('../images/wrap_dark_bg.jpg') repeat; background-size:100%; z-index:-1}
#wrap .blackBg.on{width:100%; height:100%}
#wrap .header{padding:0 3%; position:fixed; top:5%; z-index:12; width:100%}
#wrap .header h2{position:absolute; left:3%; top:0}
#wrap .header h2 .logo{display:block; width:100px; height:56px; background:url('../images/logo.png') no-repeat center center}
#wrap .header.type2 h2 .logo{background:url('../images/logo_t2.png') no-repeat center center}
#wrap .header h2 .logo.type2{background:url('../images/logo_t2.png') no-repeat center center}
#wrap .header .allMenuBt{position:absolute; top:0; right:3%; width:97px; height:16px; background:url('../images/allMenuBt_icon.png') no-repeat right center}
#wrap .header .xBt{position:absolute; top:0; right:3%; width:40px; height:40px; background:url('../images/xBt.png') no-repeat; display:none; text-indent:-9999px}
#wrap .header .xBt.type2{background:url('../images/xBt_t2.png') no-repeat;}
#wrap .header.type2 .allMenuBt{background:url('../images/allMenuBt_icon_t2.png') no-repeat right center;}
#wrap .header .allMenuBt.type2{background:url('../images/allMenuBt_icon_t2.png') no-repeat right center;}
#wrap .header.on .allMenuBt{display:none}
#wrap .header.on .xBt{display:block}
#wrap .allMenuD{position:fixed; top:0; right:-720px; width:720px; height:100%; opacity:0; z-index:13; background:#8b012a; padding:70px 0 0; overflow-y:auto}
#wrap .allMenuD .menuD li{text-align:center; margin:55px 0; position:relative}
#wrap .allMenuD .menuD li:last-child{margin:55px 0 45px}
#wrap .allMenuD .menuD li a{display:inline-block; font-family:'Montserrat-SemiBold'; color:#fff; font-size:40px; line-height:41px; padding:0 15px; position:relative; z-index:1}
#wrap .allMenuD .menuD li a:before{content:''; display:block; position:absolute; top:20px; left:0; width:0; height:1px; background:#ee3b22; transition:all 0.5s; z-index:-1}
#wrap .allMenuD .menuD li a.hover:hover:before{width:100%}
#wrap .allMenuD .etc{margin-bottom:60px}
#wrap .allMenuD .etc p{padding-top:30px; text-align:center}
#wrap .allMenuD .etc p a{display:inline-block; font-family:'Montserrat-SemiBold'; font-size:14px; line-height:14px; color:#ababab}
#wrap .allMenuD .etc p.circle a{width:26px; height:26px; line-height:24px; border-radius:100%; color:#ababab; font-size:14px; border:1px solid #e9e9e9; margin:0 5px}
#wrap .allMenuD .xBt{position:absolute; top:5%; right:40px; opacity:0.5; width:40px; height:40px; overflow:hidden; background:url('../images/allMenu_xBt.png') no-repeat center center}
#wrap .allMenuD .xBt span{opacity:0}
#wrap.dark .allMenuD{border-left:1px solid #999}
.topBt{position:fixed; right:3%; bottom:50px; width:19px; height:26px; display:none}
.topBt img{width:100%}

/* subBody, lnb, subCon */
.subBody{padding:0 0 50px; position:relative}
.subBody .lnb{position:fixed; left:0; top:22%; z-index:10; padding-left:3%; padding-bottom:80px}
.subBody .lnb .title{font-family:'Montserrat-Bold'; font-size:90px; color:rgba(0, 0, 0, 0.85); line-height:90px; margin-bottom:55px; letter-spacing:-1.2px; mix-blend-mode: screen;}
.subBody .lnb .twoD p{margin-top:30px}
.subBody .lnb .twoD p:first-child{margin-top:0}
.subBody .lnb .twoD p > a{font-family:'Montserrat-Light'; font-size:20px; display:inline-block; padding-right:10px; color:rgba(0, 0, 0, 0.5); position:relative}
.subBody .lnb .twoD p.on > a{color:rgba(0, 0, 0, 1)}
.subBody .lnb .twoD p.on > a:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:6px; background:rgba(186, 186, 186, 0.3)}
.subBody .lnb .pastWorkBt{position:absolute; bottom:0; left:0; display:block; width:260px; height:50px; line-height:50px; padding-left:80px; font-family:'Noto Sans KR'; font-weight:900; color:#fff; background:url('../images/pastWorkBt_bg.png') no-repeat right 20px top 18px #111; transition:top 0.3s, left 0.3s, bottom 0.3s, background 0.3s; -webkit-transition: top 0.3s, left 0.3s, bottom 0.3s, background 0.3s}
.subBody .lnb.type2 .title{color:rgba(255, 255, 255, 0.85)}
.subBody .lnb.type2 .twoD p > a{color:rgba(255, 255, 255, 0.5)}
.subBody .lnb.type2 .twoD p.on > a{color:#fff}
.subBody .lnb .pastWorkBt.on{color:#000; background:url('../images/pastWorkBt_on_bg.png') no-repeat right 20px top 18px #fff}
.subBody .subCon{width:75%; margin:0 auto}

/* footer */
.footer{padding:100px 0 105px; background:#fff; z-index:3}
.footer .inner{width:1220px}/* 2019-10-14 추가 */
.footer .inner .left{float:left; width:calc(100% - 735px); width:-webkit-calc(100% - 735px); font-family:'Noto Sans KR'; font-weight:900; font-size:40px; color:#222}
.footer .inner .right{float:left; width:735px}
.footer .inner .right .info{overflow:hidden; font-size:15px; color:#666; font-family:'Montserrat-Light'}
.footer .inner .right .info p{float:left; margin-left:25px; line-height:1.1}
.footer .inner .right .info p:first-child{margin-left:0}
.footer .inner .right .info span{font-family:'Montserrat-Bold'; display:inline-block; margin-right:4px}
.footer .inner .right .infoR .infoBt{font-family:'Noto Sans KR'; font-size:15px; line-height:17px; color:#8b012a; font-weight:600;}/* 2019-10-17 수정 */
.footer .inner .right .info .infoR{margin-top:0;}
.footer .inner .right .addR{font-size:15px; color:#666; font-family:'Noto Sans KR'; font-weight:100; margin-top:16px; word-break:keep-all}
.footer .inner .right .copyR{font-size:13px; color:#666; font-family:'Montserrat-Light'; margin-top:36px}
.footer .inner .right .infoR{margin-top:15px}
.footer.type2{background:#111}
.footer.type2 .inner .left{color:#fff}
.footer.type2 .inner .right .info{color:rgba(255, 255, 255, 0.5)}
.footer.type2 .inner .right .addR{color:rgba(255, 255, 255, 0.5)}
.footer.type2 .inner .right .copyR{color:rgba(255, 255, 255, 0.5)}

/* 레이어팝업 */
.lyPop{position:fixed; top:0; left:0; width:100%; height:100vh; z-index:5000; background:rgba(0, 1, 1, 0.9); display:none;}
.lyPop.type2{background:rgba(255, 255, 255, 0.9)}
.lyPop .popTop{position:relative; height:0}
.lyPop .popAll{margin:0 auto; padding:240px 12.5% 0; position:relative; overflow-y:auto; height:100%}
.lyPop .popAll .popTit{font-family:'Noto Sans KR'; font-weight:900; font-size:30px; color:#fff; text-align:center}
.lyPop .popAll .cardList{margin-top:70px; padding-bottom:240px; overflow:hidden}
.lyPop .popAll .cardList .list{float:left; width:calc(33.33% - 14px); width:-webkit-calc(33.33% - 14px); margin-right:20px; border:1px solid #fff; padding:50px 30px 50px 50px; text-align:left}
.lyPop .popAll .cardList .list:nth-child(3n){margin-right:0}
.lyPop .popAll .cardList .list:nth-child(n+4){margin-top:20px}
.lyPop .popAll .cardList .list .tit{font-family:'Noto Sans KR'; font-weight:900; font-size:20px; color:#fff}
.lyPop .popAll .cardList .list .text.top{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:rgba(255, 255, 255, 0.8); margin-top:40px}
.lyPop .popAll .cardList .list .text{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:rgba(255, 255, 255, 0.8); margin-top:20px}
.lyPop .popAll .cardList .list .text span{font-family:'Noto Sans KR'; font-weight:900}
.lyPop .popAll .privacyD{margin-top:60px}
.lyPop .popAll .privacyD .topArea:after{content:''; display:block; clear:both}
.lyPop .popAll .privacyD .topArea .selectD{width:280px; float:right; position:relative}
.lyPop .popAll .privacyD .topArea .selectD > a{display:block; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#fff; border-bottom:4px solid #fff; padding:0 20px 12px 0; background:url('../images/select_arrow_t2_down.png') no-repeat right 0 top 7px}
.lyPop .popAll .privacyD .topArea .selectD > a.on{border-bottom:4px solid #ee3d22; background:url('../images/select_arrow_t2_up.png') no-repeat right 0 top 7px}
.lyPop .popAll .privacyD .topArea .selectD .twoD{border:1px solid #ee3d22; padding:13px 0; width:100%; position:absolute; left:0; top:34px; background:#fff; display:none}
.lyPop .popAll .privacyD .topArea .selectD .twoD a{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#666; display:block; padding:17px 30px}
.lyPop .popAll .privacyD .conArea{margin-top:70px; font-family:'Noto Sans KR'; font-weight:300; padding-bottom:240px}
.lyPop .popAll .privacyD .conArea .topTit{font-family:'Noto Sans KR'; font-weight:900; font-size:24px; color:#fff; margin-bottom:35px}
.lyPop .popAll .privacyD .conArea .numTit{font-family:'Noto Sans KR'; font-weight:900; font-size:20px; color:#fff; margin:65px 0 15px}
.lyPop .popAll .privacyD .conArea .txt{font-size:18px; line-height:28px; color:#fff}
.lyPop .popAll .privacyD .conArea .txt .dotTxt{padding-left:18px; text-indent:-18px}
.lyPop .popAll .privacyD .conArea .txt .dotTxt span{font-family:'Noto Sans KR'; font-weight:700; display:block}
.lyPop .popAll .privacyD .conArea .txt .txtPL{padding-left:18px;}/* 2019-10-21 추가 */
.lyPop .popAll .privacyD .conArea .cardList2{overflow:hidden; margin-bottom:35px}
.lyPop .popAll .privacyD .conArea .cardList2 .list{float:left; width:466px; margin-right:20px; border:1px solid #fff; padding:50px 30px 50px 50px; text-align:left}
.lyPop .popAll .privacyD .conArea .cardList2 .list .tit{font-family:'Noto Sans KR'; font-weight:900; font-size:20px; color:#fff}
.lyPop .popAll .privacyD .conArea .cardList2 .list .text.top{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:rgba(255, 255, 255, 0.8); margin-top:40px}
.lyPop .popAll .privacyD .conArea .cardList2 .list .text{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:rgba(255, 255, 255, 0.8); margin-top:20px}
.lyPop .popAll .privacyD .conArea .cardList2 .list .text span{font-family:'Noto Sans KR'; font-weight:900}
.lyPop .closeBtn{position:fixed; top:80px; right:80px}
.lyPop .closeBtn img{width:100%;}
.lyPop .closeBtn img:last-child{display:none}
.lyPop .popArea{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:0 15px 35px 0 rgba(2, 2, 2, 0.25)}
.lyPop .popArea .popBody{padding:60px 60px 80px; background:#fff; width:640px}
.lyPop .popArea .popBody .popTit{font-family:'Noto Sans KR'; font-weight:900; font-size:40px; color:#333}
.lyPop .popArea .popBody .subTxt{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#666; margin-top:25px}
.lyPop .popArea .popBody .inputArea{margin-top:65px}
.lyPop .popArea .popBody .inputArea .line{margin-top:50px}
.lyPop .popArea .popBody .inputArea .line:first-child{margin-top:0}
.lyPop .popArea .popBody .inputArea .line .tit{font-family:'Noto Sans KR'; font-weight:300; color:#333; font-size:18px}
.lyPop .popArea .popBody .inputArea .line input{width:100%; display:block; border-bottom:4px solid #010101; border-top:none; border-left:none; border-right:none; padding:12px 0; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; color:#000; margin-top:8px; background:none}

.lyPop .popArea .popBody .inputArea .line .inputD{position:relative}
.lyPop .popArea .popBody .inputArea .line .inputD:after{content:''; display:block; position:absolute; bottom:0; left:0; height:4px; width:0; background:#ee3d22; transition:width 0.2s linear}
.lyPop .popArea .popBody .inputArea .line .inputD.on:after{width:100%}

.lyPop .popArea .popBody .cancelBt{display:block; margin:50px auto 0; font-family:'Noto Sans KR'; font-weight:900; color:#fff; background:#010101; height:70px; line-height:70px; text-align:center}
.lyPop .popArea .closeBtn{position:absolute; top:30px; right:30px}
.lyPop .popArea .closeBtn img{width:100%}
.lyPop .popArea .closeBtn img:last-child{display:none}


@media (max-width:1400px) {
	.lyPop .popAll .cardList .list{float:left; width:calc(50% - 10px); margin-right:20px; border:1px solid #fff; padding:50px 30px 50px 50px; text-align:left}
	.lyPop .popAll .cardList .list:nth-child(3n){margin-right:20px}
	.lyPop .popAll .cardList .list:nth-child(2n){margin-right:0}
	.lyPop .popAll .cardList .list:nth-child(n+3){margin-top:20px}
	.lyPop .popAll .privacyD .conArea .cardList2 .list{width:340px}
}

@media (max-width:1240px) {
	.subBody .lnb .title{font-size:70px; line-height:1}
	#wrap .allMenuD{width:580px; right:-580px; padding:60px 0 0}
	#wrap .allMenuD .menuD li{margin:45px 0}
	#wrap .allMenuD .menuD li:last-child{margin:45px 0 35px}
	#wrap .allMenuD .etc{margin-bottom:50px}
	.footer .inner{width:auto; padding:0 3%}
	.footer .inner .left{width:340px; font-size:32px; line-height:42px}
	.footer .inner .left span{display:block}
	.footer .inner .right{width:calc(100% - 340px)}
	.footer .inner .right .info{font-size:14px}
	.footer .inner .right .addR{font-size:14px; line-height:20px; margin-top:10px}
	.footer .inner .right .copyR{margin-top:25px}

}

@media (max-width:1120px) {
	
}

@media (max-width:1100px) {
	.footer .inner .left{width:230px;}
	.footer .inner .right{width:calc(100% - 230px);}
}

@media (max-width:981px) {
	body{font-size:16px}
	/* 공통, 단일클래스 */
	.inner{width:auto; padding:0 3%}

	/* 헤더 */
	#wrap .header{position:absolute; top:15px}
	#wrap .header.up{position:fixed; top:15px}
	#wrap .header h2 .logo{width:60px; height:34px; background:url('../images/m_logo.png') no-repeat center center; background-size:100%}
	#wrap .header.type2 h2 .logo{background:url('../images/m_logo_t2.png') no-repeat center center; background-size:100%}
	#wrap .header h2 .logo.type2{background:url('../images/m_logo_t2.png') no-repeat center center; background-size:100%}
	#wrap .header .allMenuBt{width:84px; height:19px; background:url('../images/m_allMenuBt_icon.png') no-repeat right center; background-size:100%}
	#wrap .header .xBt{width:20px; height:20px; background:url('../images/m_xBt.png') no-repeat; background-size:100%}
	#wrap .header .xBt.type2{background:url('../images/m_xBt_t2.png') no-repeat; background-size:100%}
	#wrap .header.type2 .allMenuBt{background:url('../images/m_allMenuBt_icon_t2.png') no-repeat right center; background-size:100%}
	#wrap .header .allMenuBt.type2{background:url('../images/m_allMenuBt_icon_t2.png') no-repeat right center; background-size:100%}
	.topBt{display:block; z-index:12; display:none}
	#wrap .allMenuD{width:100%; right:-100%; padding:50px 0 0}
	#wrap .allMenuD .menuD li{margin:35px 0}
	#wrap .allMenuD .menuD li:last-child{margin:35px 0 25px}
	#wrap .allMenuD .menuD li a{font-size:30px; padding:0 10px}
	#wrap .allMenuD .menuD li a.on:before{width:100%}
	#wrap .allMenuD .etc{margin-bottom:40px}
	#wrap .allMenuD .etc p{padding-top:20px; font-size:13px}
	#wrap .allMenuD .xBt{width:20px; height:20px; background-size:cover; top:20px; right:3%}
	#wrap .blackBg{left:auto; right:0; width:150px; height:40px}

	/* subBody, lnb, subCon */
	.subBody{padding:0}
	.subBody .lnb{position:absolute; padding:0 3%; top:90px; left:auto; z-index:1; width:100%}
	.subBody .lnb .title{font-size:60px; line-height:60px; margin-bottom:25px}
	.subBody .lnb .twoD{overflow:hidden}
	.subBody .lnb .twoD p{margin-top:0; float:left; margin-right:10px}
	.subBody .lnb .twoD p:last-child{margin-right:0}
	.subBody .lnb .twoD p > a{font-size:15px; padding-right:11px}
	.subBody .lnb .pastWorkBt{position:absolute; top:10px; right:0; left:auto; bottom:auto; height:40px; line-height:40px; background:none; border-bottom:6px solid #111; padding:0; width:130px; font-size:13px; text-align:center; color:#000}
	.subBody .lnb .pastWorkBt.on{color:#fff; background:none; border-bottom:6px solid #fff; width:130px}

	/* 레이어팝업 */
	.lyPop .popTop{height:60px}
	.lyPop .popAll{padding:25px 3% 0; height:calc(100% - 60px); height:-webkit-calc(100% - 60px)}
	.lyPop .popAll .popTit{font-size:20px}
	.lyPop .popAll .cardList{width:620px; margin:20px auto 0; padding-bottom:30px}
	.lyPop .popAll .cardList .list{margin-top:10px !important}
	.lyPop .popAll .cardList .list{width:300px; padding:30px; margin-bottom:10px}
	.lyPop .popAll .cardList .list .tit{font-size:18px}
	.lyPop .popAll .cardList .list .text.top{margin-top:20px}
	.lyPop .popAll .cardList .list .text{font-size:17px; margin-top:10px}
	.lyPop .popAll .privacyD{margin-top:30px}
	.lyPop .popAll .privacyD .topArea{text-align:center}
	.lyPop .popAll .privacyD .topArea .selectD{display:inline-block; float:none; width:285px}
	.lyPop .popAll .privacyD .topArea .selectD > a{text-align:left; font-size:16px; padding: 0 10px 8px 0}
	.lyPop .popAll .privacyD .topArea .selectD .twoD{top:28px; padding:6px 0; text-align:left}
	.lyPop .popAll .privacyD .topArea .selectD .twoD a{font-size:16px; padding:8px 20px}
	.lyPop .popAll .privacyD .conArea{margin-top:50px; padding-bottom:70px}
	.lyPop .popAll .privacyD .conArea .topTit{font-size:18px; margin-bottom:20px}
	.lyPop .popAll .privacyD .conArea .txt{font-size:15px; line-height:22px}
	.lyPop .popAll .privacyD .conArea .txt .txtPL{padding-left:15px;}/* 2019-10-21 추가 */
	.lyPop .popAll .privacyD .conArea .numTit{margin:40px 0 15px; font-size:16px}
	.lyPop .popAll .privacyD .conArea .txt .dotTxt{padding-left:12px; text-indent:-12px}
	.lyPop .popAll .privacyD .conArea .cardList2{margin-bottom:10px}
	.lyPop .popAll .privacyD .conArea .cardList2 .list{width:300px; padding:30px; margin-bottom:10px}
	.lyPop .popAll .privacyD .conArea .cardList2 .list .tit{font-size:18px}
	.lyPop .popAll .privacyD .conArea .cardList2 .list .text.top{margin-top:20px}
	.lyPop .popAll .privacyD .conArea .cardList2 .list .text{font-size:17px; margin-top:10px}
	.lyPop .popAll .closeBtn{position:fixed; top:20px; right:3%}
	.lyPop .closeBtn{width:20px; height:20px; position:absolute; top:20px; right:3%;}
	.lyPop .popArea{position:relative; top:auto; left:auto; transform:translate(0,0); box-shadow:none; height:100%}
	.lyPop .popArea .popBody{width:100%; padding:70px 3%; height:100%}
	.lyPop .popArea .popBody .popTit{font-size:30px}
	.lyPop .popArea .popBody .subTxt{font-size:15px; line-height:22px; margin-top:15px}
	.lyPop .popArea .popBody .inputArea{margin-top:45px}
	.lyPop .popArea .popBody .inputArea .line{margin-top:25px}
	.lyPop .popArea .popBody .inputArea .line .tit{font-size:14px}
	.lyPop .popArea .popBody .inputArea .line input{padding:8px 0; margin-top:4px; font-size:16px}
	.lyPop .popArea .popBody .cancelBt{height:50px; line-height:50px; font-size:15px; margin:30px auto 0}
	.lyPop .popArea .closeBtn{width:20px; height:20px; right:3%; top:20px;}
	.lyPop .popArea .closeBtn:fisrt-child{display:none}
	.lyPop .popArea .closeBtn:last-child{display:block}


	/* footer */
	.footer{padding:85px 0 110px}
	.footer .inner .left{width:auto; float:none}
	.footer .inner .right{width:auto; float:none}
	.footer .inner .right .info{font-size:14px; margin-top:10px}
	.footer .inner .right .addR{font-size:14px; line-height:20px; margin-top:35px}
	.footer .inner .right .copyR{margin-top:6px; line-height:20px}
	.footer .inner .right .infoR{margin-top:10px;}/* 2019-10-17 추가 */
}

@media (max-width:758px) {
	
	.lyPop .popAll .cardList{text-align:center; width:300px; margin:20px auto 0}
	.lyPop .popAll .cardList .list{display:inline-block; margin:10px 0 0 0}
	.lyPop .popAll .cardList .list:nth-child(3n){margin:10px 0 0 0}
	.lyPop .popAll .cardList .list:nth-child(2n){margin:10px 0 0 0}
	.lyPop .popAll .closeBtn{right:5%}


	.footer .inner .right .info{line-height:26px; margin-top:10px}
	.footer .inner .right .info p{float:left; margin-left:20px}
	.footer .inner .right .info p:nth-child(3){width:100%; margin-left:0}
	.footer .inner .right .info p:nth-child(4){width:100%; margin-left:0}/* 2019-10-14 추가 */
	.footer .inner .right .addR{margin-top:30px}
}

@media (max-width:450px){
	body{min-height:540px}
	body[orient="portrait"]{min-height:540px}
	body[orient="landscape"]{min-height:400px}
}