@charset "utf-8";

@import url("common.css");
@import url("contents.css");
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 


body { font-family:'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic',"Dotum", "Gulim", Tahoma, Geneva, sans-serif; font-size:14px; line-height:18px; color:#3e3e3e; background:#fff; }
body#main { font-family:'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic',"Dotum", "Gulim", Tahoma, Geneva, sans-serif; font-size:14px; line-height:18px; color:#3e3e3e; background: #fff;  }
body#sub { font-family:'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic',"Dotum", "Gulim", Tahoma, Geneva, sans-serif; font-size:14px; line-height:18px; color:#3e3e3e; background: #fff; }



/* Layout */
#wrap {position:relative; width:100%; max-width:100%; overflow:hidden;}

#contents {position:relative; width:100%;}


.go_con {display:block; width:100%; height:25px; position:absolute; top:-25px; left:0; font-size:16px; color:#fff; text-align:center; background:#c41469; z-index:9999;}
.go_con:focus, .go_con:active {top:0;}



/* Header */

#header .main {background:#000; border-bottom:1px solid rgba(255,255,255,0.2);}
#header {position:absolute; top:0; left:0; width:100%; height:100px; z-index:900; background:rgba(0,0,0,0.4);}
#header h1 {position:absolute; top:0; left:0; padding:20px 0 0 40px; z-index:99;}
#header h1 a {display:block}
#header .util {position:absolute; top:0; right:0; padding:46px 40px 0 0;}
#header .util .link {float:left; overflow:hidden; margin-right:30px;}
#header .util .link > a {position:relative; display:block; float:left; margin-left:14px; padding-left:14px; font-weight:300; font-size:15px; color:#fff; line-height:22px}
#header .util .link > a:before {content:''; width:1px; height:13px; background:rgba(255,255,255,0.2); position:absolute; top:6px; left:0;}
#header.on .util .link > a:before {background:rgba(0,0,0, 0.2)}
#header .util .link > a:first-child {margin:0; padding:0;}
#header .util .link > a:first-child:before {width:0; height:0;}
#header .util .srchBt {position:relative; float:left; display:inline-block; width:24px; height:24px; padding-left:21px;}
#header .util .srchBt:before {content:''; width:1px; height:24px; background:rgba(255,255,255,0.2); position:absolute; top:0; left:0}
#header.on .util .srchBt:before {background:rgba(0,0,0,0.2)}
#header .util .selD {position:relative; float:left; height:24px; padding-left:0; margin-left:20px}
#header .util .selD:before {content:''; width:1px; height:24px; background:rgba(255,255,255,0.2); position:absolute; top:0; left:0}
#header.on .util .selD:before {background:rgba(0,0,0,0.2)}
#header .util .selD select {float:left; width:43px; height:24px; padding:0; color:#fff; border:0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#header .util .selD select::-ms-expand {display:none}
#header .util .selD select option {background:#aaa}
#header .util .selD > a {display:block; width:65px; padding-right:18px; height:36px; line-height:36px; font-size:16px; color:#fff; text-align:center; background:url("/inc/img/common/header_sel_icon.png") no-repeat right 18px top 50%; margin-top:-6px; margin-right:-18px}
#header.on .util .selD > a {color:#000; background:url("/Kor/common/images/icon/header_sel_icon_on.png") no-repeat right 18px top 50%;}
#header .util .selD > a.on {color:#000; background:#fff url("/Kor/common/images/icon/header_sel_icon_on2.png") no-repeat right 18px top 50%;}
#header .util .selD > div {display:none; position:absolute; top:30px; left:0; width:83px; padding:15px 0; background:#fff;}
#header .util .selD > div > a {display:block; font-size:15px; color:#555; line-height:24px; text-align:center;}
#header .util .selD > div > a.on {color:#000;}
#header.on {background:#fff; border-bottom:1px solid #dcdcdc}
#header.on .util .link > a {color:#555}


/* main_visual  */

.main_visual {position:relative; width:100%; min-height:900px; background:#000 url('/inc/img/main/main_visual.jpg') no-repeat 50% 50%; background-size:cover;}

.main_visual .txtArea {position:absolute; top:0; left:0; padding-top:380px; width:100%; text-align:center;}
.main_visual .scroll {position:absolute; bottom:40px; left:50%; margin-left:-31px; display:block;}

/*  gnb  */

#gnb {position:absolute; top:24px; left:50%; margin-left:-437px;}
#gnb ul {height:75px;}
#gnb ul li {float:left;}
#gnb .oneD {display:block; padding-right:150px; font-size:18px; color:#fff; line-height:75px;}
#gnb .oneD span {display:inline-block;}
#gnb .twoD {display:none; padding:60px 0 0; height:264px; overflow:hidden;}
#gnb .twoD > a {display:block; font-size:15px; color:#555; line-height:1; margin-top:15px;}
#gnb .twoD > a:first-child {margin-top:0;}
#gnb ul li:last-child .oneD {padding-right:0;}

#header.on #gnb li .oneD {line-height:76px; color:#000;}
#header.on #gnb li .oneD.active {font-weight:bold; color:#ed2991;}
#header.on #gnb li .oneD.active span {height:73px; line-height:76px; border-bottom:3px solid #ed2991;}
#header.on #gnb .twoD > a:hover, #header.on #gnb .twoD > a:focus {font-weight:bold; color:#ed2991;}

.gnbBg {display:none; position:absolute; top:75px; left:0; width:100%; overflow:hidden; height:300px; background:#fff; z-index:2000;}

#mHeader {display:none; position:absolute; top:0; left:0; width:100%; height:75px; background:rgba(0, 0, 0, 0.4); border-bottom:1px solid rgba(255,255,255,0.2); z-index:999}
#mHeader.main {background:none; border-bottom:1px solid rgba(255,255,255,0.2)}
#mHeader h1 {display:block; width:100%; height:75px; text-align:center;}
#mHeader h1 a {display:inline-block; vertical-align:top; margin-top:19px}
#mHeader .gnbBt {position:absolute; top:50%; right:15px; margin-top:-12.5px}
#mHeader .gnbBt a {display:inline-block; vertical-align:top;}
#mHeader .gnbArea {position:absolute; top:0; left:100%; width:100%; height:100%; background:#fff; overflow-y:auto; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);}
#mHeader .gnbArea .top {padding:14px 15px; background:#ed2991; overflow:hidden}
#mHeader .gnbArea .top .lang {position:relative; display:inline-block; font-size:14px; color:#fff; line-height:20px; padding-left:10px; margin-left:11px;}
#mHeader .gnbArea .top .lang:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#fff;}
#mHeader .gnbArea .top .lang:first-child {padding-left:0; margin-left:0;}
#mHeader .gnbArea .top .lang:first-child:before {width:0; height:0;}
#mHeader .gnbArea .top .srchBt {float:right; position:relative; padding-right:13px; margin-right:32px}
#mHeader .gnbArea .top .srchBt:before {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background:#44507d}
#mHeader .gnbArea .menuDiv {width:100%; margin-top:25px; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;}
#mHeader .gnbArea .menuDiv .oneD {display:block; border-bottom:1px solid #ddd; font-size:16px; line-height:17px; color:#000; padding:11px 20px}
#mHeader .gnbArea .menuDiv .oneD.on {font-weight:bold; color:#ed2991; background:url("/inc/img/common/m_oneD_bg.jpg") no-repeat 0 0; background-size:3px 100%}
#mHeader .gnbArea .menuDiv .oneD span {display:block; background:url("/Kor/common/images/icon/m_oneD_icon.png") no-repeat right 6px top 50%; background-size:auto 4px}
#mHeader .gnbArea .menuDiv .oneD.on span {background:url("/Kor/common/images/icon/m_oneD_icon_on.png") no-repeat right 6px top 50%; background-size:auto 4px}
#mHeader .gnbArea .menuDiv .twoD {display:none; padding:16px 30px; background:#fafafa; border-bottom:1px solid #ddd;}
#mHeader .gnbArea .menuDiv .twoD a {display:block; font-size:14px; line-height:14px; color:#555; padding:6px 0;}
#mHeader .gnbArea .util {padding:25px 20px 50px}
#mHeader .gnbArea .util a {display:block; font-size:15px; line-height:15px; color:#555; margin-top:16px;}
#mHeader .gnbArea .util a:first-child {margin-top:0}
#mHeader .gnbArea .closeBt {position:absolute; top:14px; right:15px; display:block;}
#mHeader .gnbArea .closeBt img{width:20px; height:20px;}


.main_visual.mobile {display:none; min-height:auto; width:100%; height:auto; box-sizing:border-box; padding-top:97px; text-align:center; background:url("/Kor/common/images/icon/m_mainVis_bg.jpg") no-repeat 50% 50%; background-size:cover}
.main_visual.mobile .btn {width:250px; margin:32px auto 0;}
.main_visual.mobile .btn a {display:inline-block; margin:0 0 5px;}
.main_visual.mobile .playBt {position:relative; z-index:100; display:inline-block; margin-top:20px}
.main_visual.mobile .scroll {display:inline-block; position:absolute; bottom:20px; margin-left:-19px}

.main_visual.mobile {position:relative;}
.main_visual.mobile .tit {position:relative; z-index:100; top:30%;}
.main_visual.mobile .btn a {position:relative; z-index:100}
.main_visual.mobile .scroll {z-index:100}
.main_visual.mobile .mVisualArea {position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual.mobile .mVisualArea .bg1 {background:url("/Kor/common/images/icon/m_mainVis_bg1.jpg") no-repeat 50% 50%; background-size:cover}
.main_visual.mobile .mVisualArea .bg2 {background:url("/Kor/common/images/icon/m_mainVis_bg2.jpg") no-repeat 50% 50%; background-size:cover}
.main_visual.mobile .mVisualArea .bg3 {background:url("/Kor/common/images/icon/m_mainVis_bg3.jpg") no-repeat 50% 50%; background-size:cover}
.main_visual.mobile .mVisualArea .bg4 {background:url("/Kor/common/images/icon/m_mainVis_bg4.jpg") no-repeat 50% 50%; background-size:cover}
.main_visual.mobile .mVisualArea .bg5 {background:url("/Kor/common/images/icon/m_mainVis_bg5.jpg") no-repeat 50% 50%; background-size:cover}
.main_visual.mobile .mVisualArea .swiper-pagination {position:absolute; bottom:170px; left:0;}
.main_visual.mobile .mVisualArea .swiper-pagination-bullet {margin:0; padding:0; width:30px; height:30px; background:url("/Kor/common/images/btn/m_main_indi.png") no-repeat 50% 50%}
.main_visual.mobile .mVisualArea .swiper-pagination-bullet-active {width:30px; height:30px; background:url("/Kor/common/images/btn/m_main_indi_on.png") no-repeat 50% 50%}

.main_visual.mobile .mainPop {display:none; position:absolute; top:50%; left:50%; width:580px; height:auto; margin-top:-271px; margin-left:-290px; opacity:0; overflow:hidden; z-index:9999}
.main_visual.mobile .mainPop > img {width:100%;}
.main_visual.mobile .mainPop .btn {position:absolute; bottom:25px; left:50%; width:85px; margin-bottom:0; margin-left:-42.5px; display:inline-block;}
.main_visual.mobile .mainPop .close {position:absolute; top:30px; right:30px;}


/* mainCon1  */

.mainCon1 {position:relative; padding:60px 0 0; overflow:hidden; height:400px; width:100%; background:url('/inc/img/main/banner_bg.jpg') no-repeat 50% 50%; background-size:cover;}

.mainCon1 .con1 {width:1200px; margin:0 auto; }
.mainCon1 .con1 .con1_txt {width:700px; float:left; }
.mainCon1 .con1 .con1_txt .txt {font-size:34px; line-height:40px; color:#fff; margin-top:60px;}
.mainCon1 .con1 .con1_txt .img {margin:40px 0; width:100%; display:inline-block;}
.mainCon1 .con1 .con1_txt .btnn {padding:16px 40px; background:#ba0063; text-align:center; margin-top:60px;}
.mainCon1 .con1 .con1_txt .btnn a {color:#fff; font-weight:bold; display:inline-block; font-size:18px; opacity:1;}

.mainCon1 .con1 .con1_img {float:left; padding:22px 0 0 60px;}
.mainCon1 .con1 .con1_img a {position:relative; display:block; top:10px; width:100%; transition:0.3s;}
.mainCon1 .con1 .con1_img a:hover {top:-2px; padding-bottom:40px; transition:0.3s;}


/* mainCon1_1 */

.mainCon1_1 {width:1200px; margin:30px auto; height:700px;}
.mainCon1_1 .title {margin:40px 0; text-align:center;}
.mainCon1_1 .title .tt{font-size:30px; font-weight:bold; color:#000; position:relative; top:25px; margin-right:30px;}
.mainCon1_1 ul li {float:left; margin-right:19px; display:inline-block;}
.mainCon1_1 ul li.last {margin:0;}
.mainCon1_1 ul li .tit {font-size:18px; color:#c41469; margin:40px 0 20px; font-weight:bold;}
.mainCon1_1 ul li .txt {font-size:15px; color:#4b4a4b; margin-bottom:30px;}
.mainCon1_1 ul li .btn a {padding:6px 14px; font-size:14px; color:#c41469; border:1px solid #c41469;}


/* mainCon2 */

.mainCon2 {width:100%; padding:65px 0 0; background:#f4f5f6;}
.mainCon2 .notice {width:1200px; margin:0 auto;}

.mainCon2 .notice .bottom {position:relative; padding:40px 0 30px; height:390px}
.mainCon2 .notice .bottom .title {font-size:40px; font-weight:bold; padding-left:34px;}
.mainCon2 .notice .bottom.mobile {display:none;}
.mainCon2 .notice .bottom > .tit {padding:0 40px 57px;}
.mainCon2 .notice .bottom .page {position:relative; top:0; left:0; padding:0 40px; width:auto; font-size:16px; color:#767676; text-align:right;}
.mainCon2 .notice .bottom .page > .swiper-pagination-current {font-weight:bold; color:#c41469;}
.mainCon2 .notice .bottom .prev {position:absolute; top:97px; left:40px; display:block; margin:0; padding:0; background:none;}
.mainCon2 .notice .bottom .next {position:absolute; top:97px; left:84px; display:block; margin:0; padding:0; background:none;}
.mainCon2 .notice .bottom .more {position:absolute; top:97px; left:137px; display:block;}

.mainCon2 .notice .bottom .newsRoll {position:relative; padding:80px 0 0; width:100%; height:250px;}
.mainCon2 .notice .bottom .newsRoll ul {width:100%;}
.mainCon2 .notice .bottom .newsRoll ul li {overflow:hidden;}
.mainCon2 .notice .bottom .newsRoll ul li a {display:block; float:left; padding:0 40px; width:-webkit-calc(33.3333% - 80px); width:calc(33.3333% - 80px);}
.mainCon2 .notice .bottom .newsRoll ul li a:first-child {background:none;}
.mainCon2 .notice .bottom .newsRoll ul li a span {display:block;}
.mainCon2 .notice .bottom .newsRoll ul li a .label {font-weight:bold; font-size:16px; color:#c41469;}
.mainCon2 .notice .bottom .newsRoll ul li a .tit {width:100%; height:56px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-weight:bold; font-size:20px; color:#000; line-height:28px; margin:20px 0;}
.mainCon2 .notice .bottom .newsRoll ul li a .bar {height:1px;}
.mainCon2 .notice .bottom .newsRoll ul li a .txt {width:100%; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; line-height:22px; font-size:15px; color:#555;}
.mainCon2 .notice .bottom .newsRoll ul li a .date {font-weight:bold; font-size:15px; color:#555; line-height:1; margin-top:20px;}

.mainCon2 .notice .bottom .newsRoll ul.pcRoll {position:relative; overflow:hidden;}
.mainCon2 .notice .bottom .newsRoll ul.pcRoll li {position:absolute; top:0; left:100%;}
.mainCon2 .notice .bottom .newsRoll ul.pcRoll li:first-child {left:0;}


/*  footer */

#footer {width:100%; padding:40px 0; display:inline-block; border-top:1px solid #e2e2e2;}

.logo {float:left; display:inline-block; padding-right:40px;}
.add {float:left; display:inline-block; color:#5b5c5c; font-size:14px; padding-top:10px;}
.add .copy_tt {font-size:12px; color:#9b9b9b; padding-top:10px; display:inline-block;}

.f_menu {float:right; display:inline-block; padding-top:10px;}
.f_menu ul li {float:left; padding:0 14px;}
.f_menu ul li a {font-size:14px; color:#5b5c5c;}


/* 사이트맵 */
.sitemap{overflow:hidden}
.sitemap li{width:160px; float:left; margin-right:40px}
.sitemap li:last-child{margin-right:0px}
.sitemap li a{display:block}
.sitemap li .tit{padding:13px 0 26px; font-size:20px; color:#c51d6b; font-weight:bold; border-bottom:1px solid #c51d6b;}
.sitemap li .oneD{font-size:16px; color:#555; margin-top:21px}
.sitemap.type2{border-top:1px solid #e2e2e2; margin-top:45px; padding-top:32px}
.sitemap.type2 li .tit{color:#000; border-bottom:1px solid #000}


/* layer_popup */
.layer_popup{position:absolute; top:0; left:0;width:auto; height:auto; z-index:100000;border:#444444 solid 1px;background:#fff;}
.layer_popup .layer_popup_closed{position:absolute; bottom:0; left:0;width:100%;overflow:hidden;padding:0 0;height:30px;line-height:30px;background:#444444;}
.layer_popup .layer_popup_closed .fl{float:left;color:#fff;padding-left:10px;}
.layer_popup .layer_popup_closed .fr{float:right;width:20%;text-align:right;color:#fff;padding-right:10px;}
.layer_popup .layer_popup_closed .fr a{color:#fff;}
.layer_popup select, .layer_popup input, .layer_popup img { vertical-align:middle;}
.layer_popup .layer_popup_in img{width:100%;}

#load_popup{position:absolute; top:0; left:0;width:auto; height:auto; z-index:100000;border:#444444 solid 1px;background:#fff;}
#load_popup .layer_popup_closed{position:absolute; bottom:0; left:0;width:100%;overflow:hidden;padding:0 0;height:30px;line-height:30px;background:#444444;}
#load_popup .layer_popup_closed .fl{float:left;color:#fff;padding-left:10px;}
#load_popup .layer_popup_closed .fr{float:right;width:20%;text-align:right;color:#fff;padding-right:10px;}
#load_popup .layer_popup_closed .fr a{color:#fff;}
#load_popup select, #load_popup input, #load_popup img { vertical-align:middle;}
#load_popup .layer_popup_in img{width:100%;}

.admin_txt_add1{clear:both;overflow-y:auto;margin-bottom:15px;padding:15px;height:200px;font-size:15px;border:1px solid #d7d7d7;background:#f6f6f6;line-height:24px;}
.admin_txt_add2{clear:both;-webkit-box-sizing:border-box; 	-moz-box-sizing:border-box; box-sizing:border-box;scrollbar-base-color:#d9d9d9;	scrollbar-3dlight-color:#d9d9d9;	scrollbar-darkshadow-color:#d9d9d9;	scrollbar-face-color:#d9d9d9;scrollbar-highlight-color:#d9d9d9;scrollbar-shadow-color:#d9d9d9;scrollbar-track-color:#f2f2f2;-webkit-overflow-scrolling:touch;overflow:auto;overflow-x:hidden;margin-bottom:15px;padding:15px;height:120px;font-size:15px;border:1px solid #d7d7d7;background:#f6f6f6;line-height:24px;}



.tx_point{display:inline-block;color:#005a77; background:#ffffff;height:15px;line-height:15px;padding:3px 5px;border-radius:5px;font-size:13px;font-weight:normal;border:1px solid #008ab5;}
.agree_txt{clear:both;text-align:center;margin-bottom:15px;padding:15px;font-size:14px;border:2px solid #e5e5e5;background:#f5f5f5;}
.agree_check{font-size:14px;}
.agree_check select, .agree_check input, .agree_check img { vertical-align:middle;}




/* 미디어쿼리 시작 */

@media all and (max-width:1700px) {
    #header {padding-top:41px}
    #header h1 {top:41px; padding-left:30px}
    #header .util {padding:0; width:100%; height:100%;}
    #header .util .link {float:none; padding:0 30px; width:-webkit-calc(100% - 60px); width:calc(100% - 60px); height:40px; text-align:right; border-bottom:1px solid rgba(255,255,255, 0.2)}
    #header .util .link a {display:inline-block; float:none; line-height:40px;}
    #header .util .link a:before {top:50%; margin-top:-6.5px;}
    #header .util .selD {position:absolute; top:65px; right:30px; margin-left:0; z-index:20}
    #header .util .srchBt {position:absolute; top:65px; right:94px; padding:0 20px 0 0; z-index:20}
    #header .util .srchBt:before {width:0; height:0;}

    #header.on .util .link {background:#f2f2f2}

    #gnb {top:41px; margin-left:-387px; z-index:10}
    .gnbBg {display:none; position:absolute; top:116px; left:0; width:100%; overflow:hidden; height:295px; background:#fff}


}


@media all and (max-width:1170px) {
	.main_visual {display:none;}
	
	#header {display:none;}
    #mHeader {display:block;}

	/* 모바일메인 */
    .main_visual.mobile {display:block; padding-top:180px; width:100%; height:auto; background:url("/inc/img/main/main_visual.jpg") no-repeat 50% 50%; background-size:cover}
    .main_visual.mobile .tit img {height:auto;}
    .main_visual.mobile .tit.mobile {top:-12%;}
    .main_visual.mobile .btn {width:430px; margin:60px auto 0;}
    .main_visual.mobile .btn a {display:inline-block; margin:0 0 5px;}
    .main_visual.mobile .btn > a img {height:60px}
    .main_visual.mobile .scroll {position:absolute; bottom:25px; margin-left:-14px}
    .main_visual.mobile .scroll > img {height:auto}
    
    .main_visual.mobile .mainPop .btn {position:absolute; bottom:50px; left:50%; width:170px; margin-bottom:0; margin-left:-85px; display:inline-block;}


	.mainCon1 .con1 {width:100%;}
	.mainCon1 .con1 .con1_txt {width:60%;}
	.mainCon1 .con1 .con1_txt .txt {font-size:28px;}

	.mainCon1_1 {width:100%;}

	.mainCon1_1 ul li {width:32%;}

	.mainCon2 .notice {width:100%;}



	/* 사이트맵 */
    .sitemap{overflow:hidden}
    .sitemap li{width:22%; height:550px; margin-right:3%}
    .sitemap li:nth-child(4n){margin-right:0px}
    .sitemap li .tit{padding:10px 0 15px; font-size:18px;}
    .sitemap li .oneD{font-size:15px; margin-top:15px}
    .sitemap.type2{margin-top:30px; padding-top:20px}

}


@media all and (max-width:758px){


	#header h1 {padding:21px 0 0 10px;}
    #header .util {padding:26px 10px 0 0;}

    #mHeader {height:50px;}
    #mHeader h1 {height:50px;}
    #mHeader h1 a {display:inline-block; height:17px; vertical-align:top; margin-top:16px;}
    #mHeader h1 a > img {height:17px;}
    #mHeader .gnbBt {position:absolute; top:18px; right:15px; height:13px; margin-top:0;}
    #mHeader .gnbBt > img {height:13px;}

    /* 모바일메인 */
    .main_visual.mobile {display:block; min-height:450px; width:100%; height:auto; box-sizing:border-box; padding-top:97px; text-align:center; background:url("/inc/img/main/main_visual.jpg") no-repeat 50% 50%; background-size:cover}
    .main_visual.mobile .tit {display:none;}
    .main_visual.mobile .tit.mobile {display:block; top:20%;}
    .main_visual.mobile .tit > img {height:87px}
    .main_visual.mobile .btn {width:250px; margin:32px auto 0;}
    .main_visual.mobile .btn a {display:inline-block; margin:0 0 5px;}
    .main_visual.mobile .btn a > img {height:30px}
    .main_visual.mobile .scroll {position:absolute; bottom:25px; margin-left:-9px}
    .main_visual.mobile .scroll > img {height:22px}

    .main_visual.mobile .mainPop {display:none; top:60px; width:300px; margin-top:0; margin-left:-150px; opacity:0; overflow:hidden; z-index:9999}
    .main_visual.mobile .mainPop > img {width:100%;}
    .main_visual.mobile .mainPop .btn {bottom:25px;}
    .main_visual.mobile .mainPop .close {position:absolute; top:15px; right:15px;}
    .main_visual.mobile .mainPop .close img {height:15px}
	

	/* mainCon1  */

	.mainCon1 {position:relative; padding:30px 0 0; height:688px; width:100%; background:url('/inc/img/main/banner_bg.jpg') no-repeat 50% 50%; background-size:cover;}

	.mainCon1 .con1 {width:100%; margin:0 auto;}
	.mainCon1 .con1 .con1_txt {width:100%; float:left; text-align:center;}
	.mainCon1 .con1 .con1_txt .txt {font-size:20px; line-height:30px; margin-top:30px; text-align:center;}
	.mainCon1 .con1 .con1_txt .img {width:100%; display:inline-block;}
	.mainCon1 .con1 .con1_txt .btnn {padding:16px 40px; background:#ba0063; text-align:center; margin-top:60px;}
	.mainCon1 .con1 .con1_txt .btnn a {color:#fff; font-weight:bold; display:inline-block; font-size:18px; opacity:1;}

	.mainCon1 .con1 .con1_img {float:left; width:100%; text-align:center; padding:60px 0 0 0;}
	.mainCon1 .con1 .con1_img a {position:relative; display:block; top:0; width:100%; transition:0.3s;}
	.mainCon1 .con1 .con1_img a:hover {top:0; padding-bottom:0; transition:0.3s;}



	/* mainCon1_1 */

	.mainCon1_1 {width:100%; margin:30px auto 0; display:inline-block; height:auto;}
	.mainCon1_1 .title {margin:20px 0; text-align:center;}
	.mainCon1_1 ul li {display:inline-block; width:100%; margin:0;}
	.mainCon1_1 ul li p img {min-width:100%;}
	.mainCon1_1 ul li.last {margin:0;}
	.mainCon1_1 ul li .tit {font-size:24px; text-align:center;}
	.mainCon1_1 ul li .txt {text-align:center;}
	.mainCon1_1 ul li .btn a {display:none;}


	
	.mainCon2 {height:auto;}
    .mainCon2 .notice {width:100%;}
	.mainCon2 .notice .bottom {display:none; position:relative; padding:20px 0 30px; height:auto}
    .mainCon2 .notice .bottom.mobile {display:block; padding:20px 15px 30px}
	.mainCon2 .notice .bottom .title {padding-left:0; padding-bottom:20px;}
    .mainCon2 .notice .bottom > .tit {padding:0 0 20px}
    .mainCon2 .notice .bottom > .tit img {height:15px}
    .mainCon2 .notice .bottom .page {padding:0; font-size:12px;}
    .mainCon2 .notice .bottom .prev {top:60px; left:15px; height:30px}
    .mainCon2 .notice .bottom .prev > img {height:30px}
    .mainCon2 .notice .bottom .next {top:60px; left:50px; height:30px}
    .mainCon2 .notice .bottom .next > img {height:30px}
    .mainCon2 .notice .bottom .more {top:60px; left:85px; height:30px}
    .mainCon2 .notice .bottom .more > img {height:30px}

    .mainCon2 .notice .bottom .newsRoll {position:relative; padding:20px 0 0; width:100%; height:auto}
    .mainCon2 .notice .bottom .newsRoll ul {width:100%;}
    .mainCon2 .notice .bottom .newsRoll ul li {width:70%; overflow:hidden; background-size:1px 80%;}
    .mainCon2 .notice .bottom .newsRoll ul li:last-child {background:none}
    .mainCon2 .notice .bottom .newsRoll ul li a {display:block; float:none; padding:0 30px 0 0; width:-webkit-calc(100% - 30px); width:calc(100% - 30px); background:none}
    .mainCon2 .notice .bottom .newsRoll ul li a:first-child {background:none}
    .mainCon2 .notice .bottom .newsRoll ul li a span {display:block;}
    .mainCon2 .notice .bottom .newsRoll ul li a .label {font-size:12px;}
    .mainCon2 .notice .bottom .newsRoll ul li a .tit {height:36px; font-weight:bold; font-size:14px; line-height:18px; margin:10px 0 15px}
    .mainCon2 .notice .bottom .newsRoll ul li a .bar {height:1px}
    .mainCon2 .notice .bottom .newsRoll ul li a .txt {width:100%; height:48px; line-height:16px; font-size:13px; margin-top:15px}
    .mainCon2 .notice .bottom .newsRoll ul li a .date {font-size:13px; margin-top:10px}
	

	/* footer */
	

	#footer {width:100%; padding:40px 0; display:inline-block;}

	.logo {padding:20px 0; width:100%; text-align:center;}
	.add {font-size:12px; padding:0; width:100%; text-align:center;}
	.add .copy_tt {font-size:11px;}

	.f_menu {display:none;}

	/* 사이트맵 */
    .sitemap{overflow:hidden}
    .sitemap li{width:30%; height:350px; float:left; margin-right:3%}
    .sitemap li:last-child{margin-right:0px}
    .sitemap li:nth-child(4n){margin-right:3%}
    .sitemap li:ntb-child(3n-1){width:34%;}
    .sitemap li:ntb-child(3n){margin-right:0px}
    .sitemap.type2 li{height:450px;}

}