@charset "utf-8";

#wrap {width:100%;}
.subBg { background:url(../../kor/images/main2021/subBg.jpg) no-repeat top center;}

/* Skip_navigation */
#accessibility {position:absolute;width:100%;top:-1px;left:0;z-index:10000;}
#accessibility li {position:absolute;top:-1px;left:0;width:100%;}
#accessibility a {display:block;width:100%;height:1px;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;overflow:hidden;text-align:center;background:#000;}
#accessibility a:active,#accessibility a:focus {height:20px;padding:13px 0 11px 0;color:#fff;}

/* drawerNavi */
.drawerWrap.active {visibility:visible;}
.drawerWrap.active .dim {visibility:visible; opacity:1;}
.drawerWrap.active .drawerBox {transform:translate3d(0, 0, 0);}
.drawerWrap.active .drawerOff {opacity:1; transform:translate3d(0, 0, 0);}
.drawerWrap {display:none; visibility:hidden; position:fixed; z-index:999; top:0; left:0; right:0; bottom:0;}
.drawerWrap .drawerBox {position:fixed; z-index:2; top:0; right:0; bottom:0; width:260px; overflow:auto; background:#424242; transform:translate3d(200%, 0, 0);}
.drawerWrap .drawerBox .drawerNavi {position:relative; background:#fff;}
.drawerWrap .drawerBox .drawerNavi h1 {display:block; padding:40px 10px 30px 10px; text-align:center;}
.drawerWrap .drawerBox .drawerNavi h1 a {display:block; width:160px; height:30px; margin:0px auto; background:url(../images/main2021/logohover.png) no-repeat; background-size:contain; font-size:0;}
.drawerWrap .drawerBox .drawerNavi .member {margin:0 10px 10px;}
.drawerWrap .drawerBox .drawerNavi .member a {display:inline-block;width:calc(100% - 4px);padding:4px 0; margin:2px 0px; border:1px solid #000;font-size: 15px;text-align:center;vertical-align:top;box-sizing:border-box;}

.drawerWrap .drawerBox .navi {}
.drawerWrap .drawerBox .navi > ul {}
.drawerWrap .drawerBox .navi > ul > li {border-top:1px solid #d2d2d2;}
.drawerWrap .drawerBox .navi > ul > li.active {}
.drawerWrap .drawerBox .navi > ul > li.active > ul {display:block;}
.drawerWrap .drawerBox .navi > ul > li.active > a:after {transform:rotate(180deg);}
.drawerWrap .drawerBox .navi > ul > li > a {display:block; padding:15px; font-size:17px; font-weight:500; position:relative;}
.drawerWrap .drawerBox .navi > ul > li > a:after {display:block; position:absolute; top:18px; right:14px; width:16px; height:16px; background:url(../img/common/icon_arrow.png) no-repeat center center; background-size:contain; content:'';}
.drawerWrap .drawerBox .navi > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li.active > a {color:#0c4da2;}
.drawerWrap .drawerBox .navi > ul > li > ul {display:none; background:#f2f2f2; animation:ShowMenu 0.3s;}
.drawerWrap .drawerBox .navi > ul > li > ul > li {border-top:1px solid #d9d9d9;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > a {display:block; padding:14px; letter-spacing:0px; font-size:15px; font-weight:300;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > a:before {display:inline-block; width:5px; height:5px; margin:0 6px 4px 4px; border-radius:3px; background:#0c4da2; content:''; vertical-align:middle;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li > ul > li > a.active {text-decoration:underline;}

.drawerWrap .drawerBox .navi > ul > li > ul > li > ul { display:none; background:#fff; padding:0px; border-top:1px solid #ddd;}
.drawerWrap .drawerBox .navi > ul > li > ul > li.active > ul { display:block;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li:first-child {}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li { }
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a {display:block; padding:5px 14px; letter-spacing:0px; font-size:15px; font-weight:400; color:#333; letter-spacing:-1px;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a:before {display:inline-block; width:5px; height:5px; margin:0 6px 4px 4px; background:#a8a8a8; border-radius:50%; content:''; vertical-align:middle;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a.active { color:#010101; font-weight:500; }
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a:hover::before {background:#232323;}



.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul { display:none; background:#fff; padding:0px 0 0 10px;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li.active > ul { display:block;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li:first-child {}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li { }
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li > a {display:block; padding:0px 14px; letter-spacing:0px; font-size:15px; font-weight:400; color:#333; letter-spacing:-1px;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li > a:before {display:inline-block; width:3px; height:3px; margin:0 6px 4px 4px; background:#0c4da2; border-radius:50%; content:''; vertical-align:middle;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li > a.active { color:#010101; font-weight:500; }
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > ul > li > a:hover::before {background:#232323;}


@keyframes ShowMenu {
	0% {opacity:0; transform:translate3d(-50px, 0, 0);}
	100% {opacity:1; transform:translate3d(0, 0, 0);}
}


.drawerWrap .dim {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1; visibility:hidden; opacity:0;}

.drawerWrap .drawerOff {position:absolute; top:100px; right:260px; z-index:999; width:36px; height:36px; line-height:30px; font-size:0; background:#000; transform: translate3d(-200%, 0, 0); opacity:0;}
.drawerWrap .drawerOff:before {content:'×'; display:block; color:#fff; font-size:30px;}

/* RESPONSE Width */
.resWidth {width:1280px; margin:0 auto;}

/* header */
.headerWrap {height:160px; position:relative; z-index:200; width:100%;}
#main .headerWrap { position:absolute;}
.headerWrap .staBox {height:100px; white-space:nowrap;}
.headerWrap:hover {background:#fff;}
.headerWrap .staBox .mTools {display:none; width:33.3%;}
.headerWrap .staBox .mTools button {display:inline-block; margin:0 6px; padding:4px; font-size:0; vertical-align:top; background:transparent;}
.headerWrap .staBox .mTools button.btnNavi:before,
.headerWrap .staBox .mTools button.btnSearch:before {content:''; display:block; width:30px; height:30px; background-size:contain !important;}
.headerWrap .staBox .mTools button.btnNavi:before {background:url(../../kor/images/main2021/ico_sitemap.png) no-repeat;}
.headerWrap:hover .staBox .mTools button.btnNavi:before,
.slzsBg .headerWrap .staBox .mTools button.btnNavi:before {background:url(../../kor/images/main2021/ico_sitemaphover.png) no-repeat;}
.headerWrap .staBox .mTools button.btnSearch:before {background:url(../../kor/images/main2021/msearch.png) no-repeat;}
.headerWrap:hover .staBox .mTools button.btnSearch:before,
.slzsBg .headerWrap .staBox .mTools button.btnSearch:before {background:url(../../kor/images/main2021/msearchhover.png) no-repeat;}
.headerWrap .staBox .mTools button.btnSearch.active {}
.headerWrap .staBox .mTools button.btnSearch.active:before {background:url(../../kor/images/main2021/btn_close.png)no-repeat center center;}
.headerWrap:hover .staBox .mTools button.btnSearch.active:before,
.slzsBg .headerWrap .staBox .mTools button.btnSearch.active:before {background:url(../../kor/images/main2021/btn_closehover.png)no-repeat center center;}


/* gnbBox > searchWrap */
.headerWrap .staBox .mTools .mSearchWrap { }
.headerWrap .staBox .mTools .mSearchWrap button {width:61px; height:61px; font-size:0; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.headerWrap .staBox .mTools .mSearchWrap button:before {content:''; display:block; width:26px; height:21px; margin:0 auto; background:url(../../kor/images/main2021/m_header_search.png) no-repeat;}
.headerWrap .staBox .mTools .mSearchWrap.active button:before {background-position:0 0px;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox {position:absolute; top:64px; right:0px; left:0px; height:60px; background:#074093; opacity:0; visibility:hidden;}

.headerWrap .staBox .mTools .mSearchWrap.active { display:block;}
.headerWrap .staBox .mTools .mSearchWrap.active button {background:#074093; border-left:1px solid #398edd; border-right:1px solid #398edd;}
.headerWrap .staBox .mTools .mSearchWrap.active .mSearchBox {opacity:1; visibility:visible; top:64px;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form {border-bottom:1px solid #fff;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap {width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap label { font-size:0px;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap .addon {}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap .addon button {background:none;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap .addon button::before {}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap input {height:34px; font-size:16px; border:0; color:#fff;background:none; width:100%; padding:0 10px; box-sizing:border-box; display:table-cell; }
 
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap input:-ms-input-placeholder {color:rgba(255,255,255,0.6) !important;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap input::-webkit-input-placeholder {color:rgba(255,255,255,0.6) !important;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap .addon:last-child .hding {margin:0;border:0;width: 34px;height: 34px;padding:0;text-indent:-999em;}


 
.headerWrap .staBox h1,
.headerWrap .staBox .tools,
.headerWrap .staBox .lang {width:33.3%; }
.headerWrap .staBox h1 {text-align:center;}
.headerWrap .staBox h1 a {display:block; width:319px; height:53px; background:url(../images/main2021/logo.png) no-repeat; text-indent:-9999px; margin:0px auto; }
.headerWrap:hover .staBox h1 a,
.slzsBg .headerWrap .staBox h1 a { background:url(../images/main2021/logohover.png) no-repeat;}
.headerWrap .staBox .tools {text-align:right;  position:relative; padding-right:49px; height:35px;}
.headerWrap .staBox .tools a { display:inline-block; text-indent:-9999px; font-size:0px; position:relative; margin-right:43px; vertical-align:top; }
.headerWrap .staBox .tools a:last-child {margin-right:0px;}
.headerWrap .staBox .tools a:before {content:''; display:inline-block; position:absolute; top:0px; left:0px; width:35px; height:35px; background:url(../../kor/images/main2021/header_tools.png) no-repeat;}
.headerWrap:hover .staBox .tools a:before,
.slzsBg .headerWrap .staBox .tools a:before {background:url(../../kor/images/main2021/header_toolshover.png) no-repeat;}
.headerWrap .staBox .tools a.login:before {background-position:0px 0px;}
.headerWrap .staBox .tools a.join:before {background-position:-35px 0px;}
.headerWrap .staBox .tools a.searchOpen:before {background-position:-70px 0px;}
.headerWrap .staBox .tools a.closesh:before { background:url(../../kor/images/main2021/searchClose.png) no-repeat;}

.headerWrap .staBox .tools .topSearch {display:inline-block; position:absolute; top:0px; right:0px;  }
.headerWrap .staBox .tools .topSearch a {width:35px; height:35px; }
.headerWrap .staBox .tools .topSearch img {width:100%;}

/*  mobileheader_검색 */
.headerWrap .staBox .tools .topSearch .searchOpen {position:relative; z-index:2; margin-right:0px;} 
.headerWrap .staBox .tools .topSearch .search_layer { display:none; position:absolute; top:0px; right:0px; padding-right:35px; width:218px; height:35px; margin:0; padding:0; text-align:left; z-index:9999; background:#ddd; border-radius:5px; }
.headerWrap .staBox .tools .topSearch .search_layer .closesh {position:absolute; top:0px; right:0px; z-index:101; margin-right:0px; }
.headerWrap .staBox .tools .topSearch .search_layer .closesh img {display:block;}
 #search {z-index:19999; margin:0px; padding:0px; width:100%; height:35px; letter-spacing:-1px; }
 #search label { text-indent:-9999px; } 
 #search .search_btn {position:absolute; top:0px; right:35px;}
 #search input.inputText {width:calc(100% - 35px); height:35px; line-height:35px; border:none; background:none; padding:0px 10px; box-sizing:border-box;} 
 #search input {padding:0px 5px; border-radius:0px;}
 #search input[type="image"] {border-radius:0px !important; border:0px; padding:0px;}
 

.headerWrap .staBox .lang { order: -1; -ms-flex-order: -1;}
.headerWrap .staBox .lang a { font-size:16px; color:#fff; text-align:center; display:inline-block; margin:0px; width:106px; height:28px; line-height:26px; border:1px solid #fff; }
.headerWrap .staBox .lang a.eng { background:url(../../kor/images/main2021/ico_eng.png) no-repeat 6px 3px; padding-left:24px; box-sizing:border-box; }
.headerWrap:hover .staBox .lang a,
.slzsBg .headerWrap .staBox .lang a { color:#000; border:1px solid #000;}
.headerWrap:hover .staBox .lang a.eng,
.slzsBg .headerWrap .staBox .lang a.eng {background:url(../../kor/images/main2021/ico_enghover.png) no-repeat 6px 3px;}
  

/* gnbBox */
.headerWrap .gnbBox {border-top:1px solid #fff;}
.headerWrap:hover .gnbBox,
.slzsBg .headerWrap .gnbBox {border-top:1px solid #ddd;}
.headerWrap .gnbBox .gnbArea {height:58px; position:relative; z-index:1;}
.headerWrap .gnbBox .gnbArea::before {content:''; position:absolute; top:58px; left:0; right:0; height:1px; border-bottom:1px solid #f1f2f7;}
.headerWrap:hover .gnbBox .gnbArea::before,
.slzsBg .headerWrap .gnbBox .gnbArea::before {border-bottom:1px solid #ddd;}
.headerWrap .gnbBox .gnbArea.active {height:230px; background:#fff; border-bottom:1px solid #2c6eae;}
.headerWrap .gnbBox .gnbArea .gnb.active {}
.headerWrap .gnbBox .gnbArea .gnb.active > ul > li > ul {visibility:visible; display:block;}
.headerWrap .gnbBox .gnbArea .gnb {position:relative; height:inherit;}
.headerWrap .gnbBox .gnbArea .gnb > ul {font-size:0; width:100%; overflow:hidden; height:inherit; padding:0px 100px;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li {position:relative; display:inline-block; box-sizing:border-box; width:25%;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li > a {display:block; text-align:center; height:56px; line-height:56px; font-size:20px; text-transform:uppercase; color:#fff; font-weight:600;}
.headerWrap:hover .gnbBox .gnbArea .gnb > ul > li > a,
.slzsBg .headerWrap .gnbBox .gnbArea .gnb > ul > li > a { color:#222;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li.active > a {color:#0066b3;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li.active > a span {color:#0066b3; border-bottom:3px solid #0066b3; padding-bottom:14px;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li > ul {position:absolute; display:none; visibility:hidden; padding-top:20px; top:59px; left:0px; width:100%; height:230px; overflow:hidden; border-right:1px solid #dadada;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li:last-child > ul { border-right:none;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li > ul > li {}
.headerWrap .gnbBox .gnbArea .gnb > ul > li > ul > li > a {display:block; font-size:15px; text-align:center; height:26px; line-height:26px;} 
.headerWrap .gnbBox .gnbArea .gnb > ul > li > ul > li > a.active,
.headerWrap .gnbBox .gnbArea .gnb > ul > li > ul > li > a:hover {color:#0c4da2; font-weight:500; text-decoration:underline;}
.headerWrap .gnbBox .gnbArea .gnb > ul > li > ul > li > ul { display:none;}

@media (max-width:1350px) {
	
    .resWidth {width:100%; padding:0px 10px; box-sizing:border-box; }
	
}

@media (max-width:1180px) {

	body.ovhidden {overflow:hidden;}

	.drawerWrap {display:block;}

    .headerWrap {height:64px;}
    .headerWrap .staBox {height:inherit;}
    .headerWrap .staBox .tools,
    .headerWrap .staBox .lang {display:none;}
    .headerWrap .staBox .mTools {display:block; order:1; -ms-flex-order:1;}
    .headerWrap .staBox h1 a,
	.headerWrap:hover .staBox h1 a,
	.slzsBg .headerWrap .staBox h1 a  {width:181px; height:30px; background-size:contain;}
	.headerWrap .staBox h1 { text-align:left;}
	.headerWrap .staBox h1 a { margin:0px;}
    .headerWrap .gnbBox {display:none;}


}

/* --------------------------------------------------------
container
----------------------------------------------------------*/
#container {position:relative; width:1280px; margin:116px auto 0px auto; min-height:600px;}
#container:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}

#main #container { margin:0px auto;}



@media (max-width:1350px) {
	
	#container {width:100%; padding:0px 10px 40px 10px; box-sizing:border-box; background-image:none;}
	
}

 


@media (max-width:1180px) {
	
	#container {background:#fff; margin-top:45px;}
	
}

/* --------------------------------------------------------
aside
----------------------------------------------------------*/
#aside {float:left;width:215px; position:relative; z-index:10; padding:0px 1px; box-sizing:border-box;}
#aside h2 {width:213px; font-size:30px;line-height:38px; color:#050e38;  font-weight:500; text-align:center; letter-spacing:-1.5px;  display:block;  height:120px; vertical-align:middle; display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center; border-bottom:3px solid #050e38;}
/*#aside h2.pblctdta {background:url('../images/common/h2_pblctdta.gif') no-repeat 0 0;}
#aside h2.intrcn {background:url('../images/common/h2_intrcn.gif') no-repeat 0 0;}
#aside h2.nes {font-size:28px;letter-spacing:-2px;background:url('../images/common/h2_nes.gif') no-repeat 0 0;}
#aside h2.opensqare {background:url('../images/common/h2_opensqare.gif') no-repeat 0 0;}
#aside h2.sch {background:url('../images/common/h2_search.gif') no-repeat 0 0;}*/
#aside .lnb {overflow:hidden; /*border:1px solid #e3e3e3;border-top:0;*/}
#aside .lnb > li {line-height:40px;border-top:1px solid #e0e0e0;}
#aside .lnb li:first-child {border-top:0;}
#aside .lnb > li:last-child {border-bottom:1px solid #e0e0e0;}
li#align:last-child {letter-spacing: -0.5px;}
#aside .lnb > li > a {display:block;padding-left:12px;color:#444;font-size:15px;font-weight:500;background:url('../../kor/images/common/lnb_arrow.gif') no-repeat 100% 50%;}
#aside .lnb > li > a:hover {color:#050e38;}
#aside .lnb > li.on > a {color:#fff;font-weight:500;background:#a1c9da url('../../kor/images/common/lnb_arrow_on.gif') no-repeat 100% 50%;} 
#aside .lnb > li.active.on > a,
#aside .lnb > li.current > a {color:#fff;font-weight:500;background:#a1c9da url('../../kor/images/common/lnb_over.gif') no-repeat 100% 50%;}
#aside .lnb > li.tline {line-height:18px;}
#aside .lnb > li.tline a {padding:8px 10px 10px 16px;}

#aside .search_option {padding:0 19px;margin-top:30px;overflow:hidden;}
#aside .search_option dt {margin:14px 0 8px;font-size:15px;color:#000;}
#aside .search_option dd {overflow:hidden;}
#aside .search_option dd a {float:left;display:block;width:78px;height:29px;padding-left:8px;line-height:29px;font-size:12px;color:#444;border:1px solid #e5e5e5;border-bottom:1px solid #bdbdbd;background:#fff url('../images/common/sch_arrow.gif') no-repeat 100% 50%;;}
#aside .search_option dd a.on {color:#fff;border:1px solid #8b90a4;background:#8b90a4 url('../images/common/sch_arrow_on.gif') no-repeat 100% 50%;}
#aside .search_option dd.dd01 a {width:49px;padding-left:8px;margin-left:-1px;}
#aside .search_option dd.dd01 a:first-child {margin-left:0;}
#aside .search_option dd.dd01 a.on {width:50px;}

@media (max-width:1180px) {
	
	#aside { display:none;}
	
}



/* --------------------------------------------------------
contents
----------------------------------------------------------*/
#contents {position:relative;float:right; width:calc(100% - 260px); /*overflow:hidden;*/ z-index:1; padding-bottom:80px;}
#contents:before {content:''; display:block; position:absolute; top:0px; left:-260px; width:215px; height:100%; background:url(../images/common/bg_cont.gif) repeat-y; z-index:0;}

#contents .cotitle { text-align:right; font-size:20px; color:#fff; text-transform:uppercase; margin-bottom:70px; padding-right:100px; margin-top:-70px; }

/* Location */
.location {margin-top:28px; font-size:15px; color:#555; word-break:keep-all;}
.location .ico_home {padding-left:19px;background:url('../images/common/ico_home.gif') no-repeat 0 3px;}
.location a {color:#555;}
.location a:hover {color:#2c6eae}

/* Title_Area */
.title_area {position:relative;width:100%;margin-bottom:50px;border-bottom:1px solid #d5d5d5;padding-bottom: 8px; overflow:hidden;}
.title_area h3 {padding:22px 0 6px 0; color:#000; font-size:28px; line-height:28px; font-weight:500;letter-spacing:-1px; word-break:keep-all;}
.title_area .sns {position:absolute;right:0;top:0px;}
.title_area .sns a {float:left;display:inline-block;}
.page_desc {position:absolute;left:0;top:104px;}


@media (max-width:1350px) {
	
	#contents { width:calc(100% - 240px);  }
	#contents:before {left:-240px;}
	
}


@media (max-width:1280px) {
	
	/*#contents img { width:100%; max-width:100%;}*/
	
}


@media (max-width:1180px) {
	
	#contents {width:calc(100% - 0px); }
	#contents .cotitle { font-size:18px; margin-bottom:30px; padding-right:0px; margin-top:-30px; }
	.title_area .sns a:last-child { display:none;}
	.title_area .sns #twitter_Sns { border-right:1px solid #dedede;}
	
	
}



@media (max-width:767px) {
	
	.location { font-size:14px;}
	.title_area { margin-bottom:25px;}
	.title_area h3 {font-size:22px; line-height:22px; margin-bottom:10px; padding:6px 0px;}
	.title_area .sns {position:relative; top:0px; }
	.title_area .desc { padding-top:50px;}
	#contents .cotitle { font-size:16px;}
	
	
	
	
}





/* --------------------------------------------------------
footer
----------------------------------------------------------*/ 
.footerWrap {background:#231f20; padding-bottom:50px;}
.footerWrap .footer {border-top:1px solid #3e3a3b;}
.footerWrap .footer:nth-of-type(1) { border-top:none;}
.footerWrap .footer .copyTxt { position:relative; width:1280px; margin:0px auto; padding:30px 0px;}
.footerWrap .footer:nth-of-type(1) .copyTxt  { height:69px; padding:0px;}

.footerWrap .footer .copyTxt .footlogo { background:url(../images/main2021/footlogo.png) no-repeat top left; display:inline-block; width:240px; height:40px; vertical-align:top; margin-top:15px;}
.footerWrap .footer .copyTxt .footlogo span { display:block;  text-indent:-99999px;}

.footerWrap .footer .copyTxt .family {position:absolute; right:0px; top:17px;}
.footerWrap .footer .copyTxt .family .select_wrap {position:relative;display:inline-block;width:238px; height:37px; margin-right:0px; overflow:hidden; vertical-align:middle; border:1px solid #3e3a3b; background:url(../images/main2021/selectarrow.png) no-repeat top right;}
.footerWrap .footer .copyTxt .family select.select {position:relative;z-index:10;width:100% !important;height:37px !important;line-height:37px; }
.footerWrap .footer .copyTxt .family span.select {position:absolute;bottom:0px; left:0px; width:150px; padding-right:30px; height:37px; line-height:37px; text-indent:10px; cursor:default; z-index:1; font-size:16px;color:#7b7979;}

.footerWrap .footer .copyTxt .copyright { color:#7b7979; margin-top:5px; font-size:16px; letter-spacing:-1px; width:calc(100% - 487px); display:inline-block;}
.footerWrap .footer .copyTxt .copyright address {word-break:keep-all; }
.footerWrap .footer .copyTxt .copyright address em { font-weight:400; font-style:normal; margin-right:10px;}
.footerWrap .footer .copyTxt .copyright address em a { color:#7b7979;}
.footerWrap .footer .copyTxt .copyright p {line-height:22px; word-break:keep-all; display:block; margin-bottom:3px;}

.footerWrap .footer .copyTxt .footsns { width:270px; height:30px; background:url(../../kor/images/main2021/footsns.png) no-repeat; position:absolute; top:23px; right:0px;}
.footerWrap .footer .copyTxt .footsns a { display:inline-block; text-indent:-99999px; }
.footerWrap .footer .copyTxt .footsns a.blog { width:60px; height:30px; background-position:0px 0px;}
.footerWrap .footer .copyTxt .footsns a.youtube {width:86px; height:30px; background-position:-76px 0px;}
.footerWrap .footer .copyTxt .footsns a.facebook {width:91px; height:30px; background-position:-179px 0px;}
.footerWrap .footer .copyTxt .footsns p { display:block; text-align:right; margin-top:13px; }


@media (max-width:1350px) {
   
	.footerWrap .footer .copyTxt { width:100%; padding:30px 10px; box-sizing:border-box; }
	.footerWrap .footer:nth-of-type(1) .copyTxt  { padding:0px 10px;}
	.footerWrap .footer .copyTxt .family,
	.footerWrap .footer .copyTxt .footsns { right:10px;} 
    
}


@media (max-width:1250px) { 

	.footerWrap .footer .copyTxt .copyright address span { display:block;}
    
}

@media (max-width:1080px) {		

    .footerWrap .footer .copyTxt .copy,
	.footerWrap .footer .copyTxt .footlogo { display:block; margin:0px auto; text-align:center;}
	.footerWrap .footer .copyTxt .footlogo { margin:20px auto;}
	.footerWrap .footer .copyTxt { padding:10px;}
	.footerWrap .footer .copyTxt .copyright {width:calc(100% - 0px); margin-left:0px; }
	.footerWrap .footer .copyTxt .footsns { position:relative; top:0px; margin:0px auto; display:block;} 
	.footerWrap .footer .copyTxt .footsns a,
	.footerWrap .footer .copyTxt .footsns p { margin:0px auto; text-align:center;}
	.footerWrap .footer .copyTxt .footsns p { margin-top:10px;}
	
}

@media (max-width:767px) {		

    .footerWrap .footer .copyTxt .family {right:0px; left:10px; top:17px;}
    .footerWrap .footer .copyTxt .family .select_wrap {width:calc(100% - 70px);}
	.footerWrap .footer:nth-of-type(1) .copyTxt  { height:auto; padding-top:50px;}
	.footerWrap .footer .copyTxt .footLink { text-align:center;}
	
}