@charset "UTF-8";
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;box-sizing:border-box;word-break:keep-all;
font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleGothic,AppleSDGothicNeo,Helvetica,sans-serif;}
a {margin:0;padding:0;box-sizing:border-box}
em,span{display:inline-block;margin:0;padding:0;box-sizing:border-box}
b,strong{font-weight:600}
address,cite,dfn,em,i{font-style:normal}
img{border:none;vertical-align:middle}
audio,img,video{max-width:100%;max-height:100%}
svg{overflow:hidden;vertical-align:middle}
switch{display:none}
figcaption,figure{margin:0;padding:0}
mark{background-color:#ff0;color:#000}
small{font-size:90%}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{color:#aaa!important;text-decoration:line-through}
label{display:inline-block;cursor:pointer}
iframe{display:block;max-width:100%}
template{display:none}
summary{display:list-item;cursor:pointer}
output{display:inline-block}
ul,ul>li{list-style:none}
ol{overflow:hidden;position:relative;counter-reset:number}
ol>li{counter-increment:number}
ol>li:before{content:counter(number,decimal) "."}
table{width:100%;border-collapse:collapse;border-spacing:0}
caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
hr{overflow:hidden;position:absolute;height:0;width:0}
:after,:before{display:none;content:''}
i:before,i:after {display: inline !important;}
.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}
.skip *{font-size:0!important;color:transparent!important;line-height:0}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
[hidden]{display:none!important}
@media screen and (max-width:768px) {
.skip,caption,legend{overflow:visible;font-size:3px!important}
.skip *{font-size:3px!important;}
.skip {clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px;}
}
a:link{color:#555;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}
a:hover{color:#707070;text-decoration:none;}
a:active{color:#898989;text-decoration:none;}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/* 본문바로가기  */
.accessibility {position:relative;overflow:hidden;z-index:3000;width:100%;}
.accessibility a{display:block;overflow:hidden;z-index:3000;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:30px;margin:0;padding:8px 0;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}
html,body{width:100%;}
body{color:#555;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleGothic,AppleSDGothicNeo,Helvetica,sans-serif;font-size:17px;font-size-adjust:none;font-weight:200;letter-spacing:-0.35px;line-height:1.6em;}
#english{letter-spacing:-0.5px;}
.contents_empty{position:relative;padding:1px 0;background:url(/common/images/wait-dot-pattern.png) repeat;text-align:center;}
.contents_empty:before{display:block;position:absolute;top:1px;left:1px;right:1px;bottom:1px;background-color:#fff;}
.contents_empty > img{display:block;position:relative;z-index:1;margin:110px auto;}

/* slick */
.slick-slider {position:relative;}
.slick-list {overflow:hidden; position:relative;}
.slick-track {position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after {display:table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left;}
.slick-slide.slick-loading img {display:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;}

@media screen and (max-width:640px) {
    body{font-size: 14px;}
}

/*메인페이지영역 스타일*/


.info_wrap {width:1200px; margin:0 auto; padding:50px 0;}
.infot {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.infot td {width:33%; text-align:center; vertical-align:top;}
.infot td h1 {font-size:40px;}
.infot td h1 img {  height: 50px; }
.infot td h3 { line-height: 1.5; font-size:17px; font-weight:normal; padding-top:20px;  font-family: 'NanumSquare', sans-serif !important; letter-spacing:-1px;}

@media screen and (max-width:1199px){
.info_wrap {width:100%; margin:0 auto;}
.infot td h3 {padding:20px 5px;}
.infot {border:none;}
}

@media screen and (max-width:1000px){
.swiper-container {margin-top:0px;}
}

@media screen and (max-width:767px){
.infot td h3 {font-size:13px; padding:20px 10px;}

}

.sns_area_wrap{width:100%;background:url('../img/main/palbg_r1.jpg') no-repeat;background-size:cover;background-position:center;background-attachment: fixed;}
.sns_area{max-width:1200px;padding:100px 0  130px;margin:0 auto}
.respon_img img {max-width: 100%;}
.news_area_wrap h2 {font-size: 38px;color: #333;padding: 20px 0; text-align:center;  font-weight:normal; line-height:38px;}
.news_area_wrap h3 {font-size: 17px; font-weight:normal; color: #333; font-family: 'NanumSquare', sans-serif !important; text-align:center;}
/*paratxt*/
.paratxt h2 {font-size: 45px; line-height:40px; color: #fff;padding: 20px 0; }
.paratxt h3 {font-size: 30px;font-weight: 600;color: #fff; font-family: 'NanumSquare', sans-serif !important;}

@media screen and (max-width:767px){
.sns_area{ padding:50px 15px  80px;word-break:normal ; }
.news_area_wrap h2 {font-size:26px;}
.news_area_wrap h3 {font-size:14px;}
.paratxt h2 {font-size:26px;}
.paratxt h3 {font-size:14px;}
}

.container-fluid {width: 100%;background: #fff}

/*중단이미지배역영역*/
* {-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;}
		.line {height: 2px;width: 30px;display: block;background-image: linear-gradient(45deg,#e60b6d,#3366cc);margin-bottom: 10px;margin-left: 15px;}
		.bnicon {padding: 15px;}
		.bnicon h3 {font-size: 20px;margin-left: 15px;color: #1A1A1A;}
		.bnsubtxt {font-size: 13px;padding: 15px;}
		.bn_title {padding: 5px 12px; font-size: 15px;font-weight: 300;background:#333; ;color: #fff;transition:all 0.3s;}
		.main_list1 a:hover .bn_title {background-color: #222;transition:all 0.3s;}
		.ellipsis { display: inline-block; overflow: hidden;max-width: 190px; height: auto; width: 100%; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
		span.ellipsis {max-width: 80px;font-size: 12px;}
		@media (min-width: 1001px){
			.main_list1 li {display: inline-block;width: 49%;}
		}
.section2 {background: #f6f6f6;padding-top: 50px;padding-bottom: 50px;}
#m_container{width:100%; max-width:1170px; margin:50px auto 50px; overflow:hidden; }
#m_container h4{font-size:18px; color: #454545; font-weight:600;}
#m_container1 {  width: 100%;   max-width: 1170px;   margin: 0px auto 0px;  overflow: hidden;
}
.main_title { font-size:18px; font-weight:600; font-family: 'NanumSquareRound';  }
.bn_tit { text-align:center; line-height:90px; border:1px solid ; background:#f7f7f7; margin-top:10px; font-size:20px;  }



.main_list1 {overflow:hidden;}
.main_list1 li {float:left; margin-right:2%;}
.main_list1 li a {width: 100%;}
.main_list1 li:last-child {margin-right:0;}

@media (max-width:1000px) {
.section2 { padding-top: 30px;padding-bottom: 30px;}
#m_container{  margin:30px auto 30px; }
.main_list1 {padding: 0 00px; box-sizing:border-box;}
.main_list1 li {float:none; width:100%; margin-bottom:10px;  margin-right:20px;}
.main_list1 li img {width:100%;}
.main_title { text-align:center; font-size:22px;font-family:'NanumGothic'; }
}

/* 怨좉컼?쇳꽣 */
.m_cs { min-height: 210px; box-sizing:border-box; overflow:hidden;  background:#fff; padding: 30px;    }

.m_cs:last-of-type {border-right: 1px solid #ccc}
.m_cs span{font-size:28px; color:#4167b3; letter-spacing:-1.7px; display:block; line-height:34px; }
.m_cs small{ font-size:15px; color:#616161;  font-weight:600; letter-spacing:-0.03em;}

.main_list3.m_cs {border: none;}
/* 怨듭??ы빆 */
#m_notice{ min-height: 210px; box-sizing:border-box;  position:relative; overflow:hidden; border:1px solid #cecece; background:#fff; padding:30px;line-height: 1.4 }
#m_notice h2{height:18px; font-size:18px; font-weight:600; margin-bottom:24px;}
#m_notice table{float:left; letter-spacing:-0.05em;}
#m_notice table td{font-size:14px; color:#a3a3a3; margin-bottom:5px;}
#m_notice .m_notice_title{padding-right:14px; margin-bottom:0;}
#m_notice .m_notice_title a{font-size:14px; color:#666666;}
#m_notice .m_notice_title a:hover{color:#4794d5;}
#m_notice button{position:absolute; top:40px; right:40px; font-size:13px; color:#7d7d7d;}

/* ?곷떞臾몄쓽 */
#m_ask{ min-height: 210px; box-sizing:border-box; position:relative; overflow:hidden; border:1px solid #cecece; background:#fff; padding:30px;line-height: 1.4; }
#m_ask h2{height:18px; font-size:18px; font-weight:600; margin-bottom:24px;}
#m_ask table{float:left; letter-spacing:-0.05em;}
#m_ask table td{font-size:14px; color:#a3a3a3; margin-bottom:5px;}
#m_ask .m_notice_title{padding-right:14px; margin-bottom:0;}
#m_ask .m_notice_title a{font-size:14px; color:#666666;}
#m_ask .m_notice_title a:hover{color:#4794d5;}
#m_ask button{position:absolute; top:40px; right:40px; font-size:13px; color:#7d7d7d;}

.main_list2 {overflow:hidden; margin-top:20px;}
.main_list2 li {float:left; width: 33.3%; padding-right: 20px;  }
.main_list2 li:last-child {padding-right:0;}
.main_list3 {overflow:hidden; margin-top:0px;}
.main_list3 li {float:left; width: 24.22%; padding-right: 20px;  }
.main_list3 li:last-child {padding-right:0;}
@media (max-width:1000px) {
.m_cs span{font-size:33px; }
.main_list2 {padding: 0 20px; box-sizing:border-box;}
.main_list2 li {float:none; width:100%; padding-right: 0; }
	.main_list3 {padding: 20px 20px; box-sizing:border-box;}
.main_list3 li {float:none; width:100%; padding-right: 0; }
.main_list2 li img {width:100%;}
}

@media (max-width:770px) {
.m_cs { min-height:100px ; padding: 30px !important;; }
#m_notice{  min-height: 180px; padding: 30px !important; }
#m_ask{ min-height: 180px; padding: 30px !important; }

}

@media (max-width:1000px) {

/* 怨좉컼?쇳꽣 */
.m_cs { width:100%; margin-bottom:15px; box-sizing:border-box; overflow:hidden; border:1px solid #cecece; background:#fff; padding:40px; }

/* 怨듭??ы빆 */
#m_notice{ width:100%; margin-bottom:15px;  box-sizing:border-box;  position:relative; overflow:hidden; border:1px solid #cecece; background:#fff; padding:35px 40px; }


#m_ask{width:100%; margin-bottom:15px;  box-sizing:border-box; position:relative; overflow:hidden; border:1px solid #cecece; background:#fff; padding:35px 40px; }
}

@media (max-width:1015px){
  a.top_depth1.active { padding: 10px; }
}

@media (min-width:1460px){
  .container { max-width: 1200px; }
}