@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean');

/* UI - Setup
------------------------------------------------*/
html, body {line-height:20px; color:#2e2e2e; font-size:13px !important; font-family: 'Noto Sans KR', sans-serif; /*font-family:'NanumSquare', sans-serif;*/ -webkit-text-size-adjust:none;}
a {color:#2e2e2e; text-decoration:none; font-size:13px;}
a:hover {color: #2e2e2e; text-decoration:none; outline:1px dotted #ccc;}
a:focus {outline:1px dotted #d44232;}
button:hover {outline:1px dotted #ccc;}
button:focus {outline:1px dotted #d44232;}
h1, h2, h3, h4, h5 {margin:0; font-weight:normal;}
hr {margin:0px; border:0px;}

/* UI - accessibility
------------------------------------------------*/
#skipToContent {position:relative; z-index:1000; width:100%; overflow:hidden;}
#skipToContent a {display:block; width:1px; height:1px; margin:0 -1px -1px 0; overflow:hidden; font-size:0; line-height:0; text-align:center}
#skipToContent a:focus, #accessibility a:hover, #accessibility a:active {width:auto; height:auto; margin:0; padding:8px 0; background:#000; color:#fff; font-size:12px; line-height:1;}

#returnToPageTop {position:relative; z-index:1000; width:100%; overflow:hidden;}
#returnToPageTop a {display:block; width:1px; height:1px; margin:0 -1px -1px 0; overflow:hidden; font-size:0; line-height:0; text-align:center}
#returnToPageTop a:focus, #accessibility a:hover, #accessibility a:active {width:auto; height:auto; margin:0; padding:8px 0; background:#000; color:#fff; font-size:12px; line-height:1;}

/* UI - COMMON
------------------------------------------------*/

/* anime */
.kv .subTitle h2,
.container .tabs,
.container .catagoryTabs a,
#skipToContent a,
#returnToPageTop a,
.headerWrap .gnbWrap #fullMenuBox,
.headerWrap .gnbWrap #searchBox,
#quickMain.quick
{-o-transition:all .16s cubic-bezier(.7,0,.3,1);transition:all .16s cubic-bezier(.7,0,.3,1);-webkit-transform:all .16s cubic-bezier(.7,0,.3,1);-ms-transform:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}

/* UI - LAYOUT
------------------------------------------------*/
h1.title {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; color:#000;}
body {} 
.wrap {width:1350px; margin:0 auto;}
.wrap .drawerNavi.fullDown { display:none;}
/* header */
.headerWrap.fixed {position:fixed; top:0px; width:1350px; z-index:9; margin:0 auto;}
.headerWrap.fixed .header {}
.headerWrap {height:187px;}

.headerWrap .gnbWrap {height:45px; font-size:12px; position:relative; z-index:2; background:#fff; border-bottom:1px solid #ccc;}
.headerWrap .gnbWrap a.sw {border-right:1px solid #ccc; border-left:1px solid #ccc; color:#595656; font-size:18px; line-height:45px; position:relative; padding:0px 37px 0px 80px}
.headerWrap .gnbWrap a.sw:before {content:''; display:inline-block; position:absolute; top:10px; left:43px; width:33px; height:33px; background:url(../img/common/ico_sw.png)no-repeat;}


.headerWrap .member {font-size:0; text-align:right; border-left:1px solid #ccc;}

.headerWrap .member .linkSns { padding:8px; border-right:1px solid #ccc; display:flex; }
.headerWrap .member .linkSns a { display:inline-block; text-indent:-999999px; margin:0px 7px; width:30px; height:30px; font-size:0px;}
/*.headerWrap .member .linkSns a:before {content:''; display:block; width:30px; height:30px; background:url(../img/common/icon_linkSns.png) no-repeat;}*/
.headerWrap .member .linkSns a.instagram:before {content:''; display:block; width:30px; height:30px; background:url(../img/common/icon_linkSns.png) top no-repeat;}
.headerWrap .member .linkSns a.facebook:before {content:''; display:block; width:30px; height:30px; background:url(../img/common/icon_linkSns.png) center no-repeat;}
.headerWrap .member .linkSns a.youtube:before {content:''; display:block; width:30px; height:30px; background:url(../img/common/icon_linkSns.png) bottom no-repeat;}


.headerWrap .member button {font-size:15px; line-height:45px; display:inline-block; vertical-align:middle; padding:0 20px 0px 42px; margin:0px; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box;}
.headerWrap .member button:hover {color:#d44232;}
.headerWrap .member .tools:before {content:''; display:inline-block; position:absolute; top:12px; left:11px; width:20px; height:21px; background:url(../img/common/icon_headern.png)no-repeat;}

.headerWrap .member .tools.login,
.headerWrap .member .tools.join,
.headerWrap .member .tools.menu,
.headerWrap .member .tools.search {border-right:1px solid #ccc;}

.headerWrap .member .tools.login:before {background-position:0 0;}
.headerWrap .member .tools.login:hover:before {background-position:0 -21px;}
.headerWrap .member .tools.join:before {background-position:-20px 0;}
.headerWrap .member .tools.join:hover:before {background-position:-20px -21px;}
.headerWrap .member .tools.menu:before {background-position:-40px 0;}
.headerWrap .member .tools.menu:hover:before {background-position:-40px -21px;}
.headerWrap .member .tools.search:before {background-position:-60px 0;}
.headerWrap .member .tools.search:hover:before {background-position:-60px -21px;}

/* toolBox */
.headerWrap .gnbWrap .toolBox.active {top:0px; visibility:visible; opacity:1;}
.headerWrap .gnbWrap .toolBox {position:absolute; top:-50px; left:0; width:100%; background:#fff; z-index:9; visibility:hidden; opacity:0;box-shadow: 0 4px 0px rgba(0, 0, 0, 0.12);}
.headerWrap .gnbWrap .toolBox .tbTitle {height:100px; border-bottom:3px solid #000;}
.headerWrap .gnbWrap .toolBox .tbTitle h2 {display:block; font-size:25px; color:#000; margin-left:10px;}
.headerWrap .gnbWrap .toolBox .tbTitle h2:before {content:''; display:inline-block; vertical-align:middle; width:28px; height:28px; margin-right:20px; background:url(../img/common/icon_htools.png)no-repeat -28px 0px;}
.headerWrap .gnbWrap .toolBox .tbBody {}
.headerWrap .gnbWrap .toolBox .tbBody form {}
.headerWrap .gnbWrap .toolBox .tbBody form .inputWrap {width:528px; background:#333;}
.headerWrap .gnbWrap .toolBox .tbBody form .inputWrap input {height:56px; font-size:18px; border:0; color:#fff; background:none;}
.headerWrap .gnbWrap .toolBox .tbBody form .inputWrap .addon:last-child .hding {margin:0; border:0; width:60px; height:56px; padding:0; background:url(../img/common/icon_search.png)no-repeat center; text-indent:-999em;}
.headerWrap .gnbWrap .toolBox .close {position:absolute; top:36px; right:10px; z-index:9; width:28px; height:28px; padding:0; background:url(../img/common/icon_htools.png)no-repeat -56px 0px; text-indent:-999em;}

.headerWrap .gnbWrap #searchBox.toolBox .tbBody {height:206px;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbTitle h2:before {background-position:0px 0px;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNaviHeader {display:none;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi {text-align:left; padding:40px 20px 20px 20px; box-sizing:border-box;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li {display:inline-block; vertical-align:top; width:14%;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > a {display:block; font-size:22px; color:#000; margin-bottom:20px; font-weight:600;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li {margin-bottom:26px;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a {display:block; font-size:18px; color:#6d6d6d; margin-bottom:10px; font-weight:500;}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a.back { display:none; }
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li {}
.headerWrap .gnbWrap #fullMenuBox.toolBox .tbBody .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li > a {display:block; font-size:15px; color:#aeaeae; margin-bottom:10px; font-weight:500;}

@-webkit-keyframes ShowNavi {
	0% {opacity:0; -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0);}
	100% {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}
@keyframes ShowNavi {
	0% {opacity:0; -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0);}
	100% {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

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

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

@-webkit-keyframes HideNavi {
	0% {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	100% {opacity:0; -webkit-transform:translate3d(-100px, 0, 0); transform:translate3d(-100px, 0, 0);}
}
@keyframes HideNavi {
	0% {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	100% {opacity:0; -webkit-transform:translate3d(-100px, 0, 0); transform:translate3d(-100px, 0, 0);}
}
@-webkit-keyframes dimShow {0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes dimShow {0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes dimHide {0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes dimHide {0% {opacity:1;}
	100% {opacity:0;}
}


.headerWrap .header {height:91px; font-size:12px; position:relative; background:#fff; }
.headerWrap .snBarWrap {height:39px; background:#1A427C;}
.headerWrap .snBarWrap2 {height:11px; background:#48A5A7;}
.headerWrap .snBarWrap .btnSns {height:50px;}

.headerWrap .snBarWrap .btnSns {padding:5px; box-sizing:border-box;}
.headerWrap .snBarWrap .btnSns a {display:inline-block; width:40px; height:40px; overflow:hidden; background:url(../img/common/icon_sns.png)no-repeat; text-indent:-999em;}
.headerWrap .snBarWrap .btnSns a.facebook:focus,
.headerWrap .snBarWrap .btnSns a.facebook:hover,
.headerWrap .snBarWrap .btnSns a.YouTube:hover {background-position:0 -40px;}
.headerWrap .snBarWrap .btnSns a.twitter {background-position:-40px 0;}
.headerWrap .snBarWrap .btnSns a.YouTube {background-position:-80px 0;}
.headerWrap .snBarWrap .btnSns a.twitter:focus,
.headerWrap .snBarWrap .btnSns a.twitter:hover {background-position:-40px -40px;}
.headerWrap .snBarWrap .btnSns a.YouTube:focus,
.headerWrap .snBarWrap .btnSns a.YouTube:hover {background-position:-80px -40px;}

.headerWrap .logo {display:inline-block; height:32px;}
.headerWrap .logo a {display:block; width:198px; height:32px; margin:0 auto; background:url(../img/common/main_logo.png) no-repeat; text-indent:-999em;}

.headerWrap .naviBox.active {}
.headerWrap .naviBox.active .drawerNavi {display:block;}
.headerWrap .naviBox.active .drawerNavi.hide {}
.headerWrap .naviBox.active .drawerNavi.hide .itemNaviBox {-webkit-animation:HideNavi 0.2s;animation:HideNavi 0.2s;}
.headerWrap .naviBox.active .drawerNavi.hide .dim {-webkit-animation:dimHide 0.2s;animation:dimHide 0.2s;}

.headerWrap .naviBox {display:inline-block; width:calc(100% - 250px);}
.headerWrap .naviBox .btnNavi {font-size:20px; font-weight:600; color:#2e2e2e; display:none;}
.headerWrap .naviBox .btnNavi:focus {}
.headerWrap .naviBox .btnNavi:before {display:block; width:50px; height:50px; margin:6px; background: url(../img/common/icon_header.png)no-repeat -80px 9px; background-size: 342%; content:'';}
.headerWrap .naviBox .drawerNavi {position:relative;}
.headerWrap .naviBox .drawerNavi .itemNaviBox {}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNaviHeader {display:none; height:100px; border-bottom:4px solid #000;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNaviHeader a {font-size:18px; padding:0 20px; border-left:1px solid #aeaeae;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNaviHeader a:first-child {border-left:0px;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi {}

.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi.active {}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi.active > ul > li.on > ul {display:none;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi.active > ul > li.on.active > ul {display:block;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi.active > ul > li.active > ul {display:block;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi.active > ul > li > ul > li.active > a {color:#d44232;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi.active > ul > li.active > a {color: #48A5A7;}

.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul { width:100%;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li {display:inline-block; position:relative; width:14%; }
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.nScreening ul {}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.nMedia ul {left:-100px;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.nEquipment ul {}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.nBusiness ul {left:-454px; width:848px !important;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.nCenter ul {left:-100px;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.nCommunity ul {left:-289px;}

.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.active > a {opacity:1;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.on > a {opacity:1;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > a {font-size:20px; font-weight:600; opacity:0.5; padding:10px;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > a:hover {opacity:1;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.active > ul {display:block; width:500px;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.on > ul {display:block; /*display:none;*/ width:500px;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.clickAcitve.active > ul {display:none;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.clickAcitve.clickon > ul {display:block;}

.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul {position:absolute; bottom:-73px; left:0px; display:none; -webkit-animation:ShowNavi 0.3s; animation:ShowNavi 0.3s; font-size:0;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li {display:inline-block;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.title {display:none;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a {display:block; font-weight:500; color:#dcdada; padding:10px; font-size:17px;}

.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active {position:relative;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active > a {}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.on > a {color:#d44232;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active > ul {display:none;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul {display:none;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li {}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li > a {}

.headerWrap .naviBox .drawerNavi .dim {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.6); -webkit-animation:dimShow 0.3s; animation:dimShow 0.3s; display:none;}
.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi .closeNavi {position:fixed; top:30px; left:20px; width:38px; height:38px; overflow:hidden; background:url(../img/common/navi_icon.png) no-repeat 0 0; text-indent:-999em; display:none;}



/* breadCrumbs */
.breadCrumbs {height:60px; line-height:60px; text-align:right; padding:0 20px;}
.breadCrumbs ul {font-size:0;}
.breadCrumbs ul li {font-size:14px; display:inline-block; vertical-align:top;}
.breadCrumbs ul li:before {content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 4px 4px 4px; background:url(../img/common/icon_breadCrumbs.png) no-repeat -16px 0; }
.breadCrumbs ul li:first-child:before {content:''; display:block; width:16px; height:16px; position:absolute; top:1px; background-position:0 0;}

/* container - snb */
.container {padding-bottom:100px; position:relative; font-size:0;}
.container .snb { width:220px; display:inline-block; vertical-align:top;}
.container .snb ul {}
.container .snb ul li {}
.container .snb ul > li > a {display:block; font-size:20px; font-weight:500; padding:4px 0; margin-bottom:10px;}
.container .snb ul > li > a.active,
.container .snb ul > li > a:focus,
.container .snb ul > li > a:hover {color:#48A5A7;}
.container .snb ul > li > ul {margin:10px 0 20px 0;}
.container .snb ul > li > ul > li {}
.container .snb ul > li > ul > li > a {font-size:15px; color:#5e5e5e; margin-bottom:0;}
.container .snb ul > li > ul > li > a.active,
.container .snb ul > li > ul > li > a:focus,
.container .snb ul > li > ul > li > a:hover {color:#48A5A7;}
.container .snb a {}


/* container - containerBox */
.container .containerBox {width:calc(100% - 220px); display:inline-block; vertical-align:top; font-size:16px; line-height: 1.4; min-height: 1200px;}

/* container - tools */
.container .pageTools {position:absolute; top:-170px; right:0; z-index:9;}
.container .pageTools button {width:36px; height:36px; margin:0 4px; border:1px solid #fff; font-size:0; color:transparent; border-radius:50%; box-sizing:border-box; background:url(../img/page/icon_page_tools.png) no-repeat;}
.container .pageTools button.sns {background-position:-1px -1px;}
.container .pageTools button.print {background-position:-36px -2px;}

/* container - pageTitle */
.container .pageTitle {}
.pageTitle h3 {display:block; margin-bottom:16px; font-size:40px; line-height:40px; color:#000; font-weight:600;}
.pageTitle .desc {font-size:17px; line-height:17px; color:#000; font-weight:400;}

/* container - contentsBox */
.container .contentsBox {margin-top:46px;}
.container .topline {border-top:2px solid #000;}
.container .footline {border-bottom:1px solid #d9d9d9;}

/* footer */
.footerWrap {}
.footerWrap .footer {position:relative;}
.footerWrap .footer .copyInfo {height:90px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; color:#CCC; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.footerWrap .footer .copyInfo .logo {float:left; width:295px; height:55px; background:url(../img/common/footer_logo.png) no-repeat; text-indent:-9999px;}
.footerWrap .footer .copyInfo .viewer {float:right; font-size:0;}
.footerWrap .footer .copyInfo .viewer a {display:inline-block; vertical-align:middle; font-size:14px;}
.footerWrap .footer .copyInfo .viewer .viewerTxt {color:#a5a5a5; height:36px; line-height:36px; margin-right:12px; padding-left:10px;}
.footerWrap .footer .copyInfo .viewer .viewerTxt:after {content:''; display:inline-block; vertical-align:middle; width:36px; height:36px; background:url(../img/common/icon_viewer.png) no-repeat 0px 0px;}
.footerWrap .footer .copyInfo .viewer .btn {width:36px; height:36px; background:url(../img/common/icon_viewer.png) no-repeat; text-indent:-999em; margin:0 2px;}
.footerWrap .footer .copyInfo .viewer .btn.hwp {background-position:-36px 0;}
.footerWrap .footer .copyInfo .viewer .btn.word {background-position:-72px 0;}
.footerWrap .footer .copyInfo .viewer .btn.ppt {background-position:-108px 0;}
.footerWrap .footer .copyInfo .viewer .btn.excel {background-position:-144px 0;}
.footerWrap .footer .copyInfo .viewer .btn.pdf {background-position:-180px 0;}

.footerWrap .footer .copyTxt {clear:both; padding:10px; position:relative; border-top:1px solid #cfcfcf;}

.footerWrap .footer .copyTxt .fsite {font-size:0; margin:20px 0px 15px 0px;}
.footerWrap .footer .copyTxt .fsite h3 { font-size:20px; color:#000; display:inline-block; margin:0px; padding:0px; width:168px; position:relative;}
.footerWrap .footer .copyTxt .fsite h3:before {content:''; display:block; position:absolute; top:4px; right:28px; width:9px; height:14px; background:url(../img/common/ico_fsite.png) no-repeat;}
.footerWrap .footer .copyTxt .fsite ul { display:inline-block; width:calc(100% - 168px);}
.footerWrap .footer .copyTxt .fsite ul li { display:inline-block; width:16%; height:22px; line-height:22px; border-left:1px solid #cfcfcf; text-align:center;}
.footerWrap .footer .copyTxt .fsite ul li:first-child {border-left:none;}
.footerWrap .footer .copyTxt .fsite ul li a { font-size:18px; color:#9d9fa3; display:block;}

.footerWrap .footer .copyTxt .infoLink {font-size:0;}
.footerWrap .footer .copyTxt .infoLink a {color:#9d9fa3; display:inline-block; vertical-align:middle; font-size:15px; font-weight:bold; margin:20px 0;}
.footerWrap .footer .copyTxt .infoLink a:focus,
.footerWrap .footer .copyTxt .infoLink a:hover {color:#d44232;}
.footerWrap .footer .copyTxt .infoLink a:nth-child(2) {margin:20px;}

.footerWrap .footer .copyTxt .copyright { margin-top:30px;}
.footerWrap .footer .copyTxt .copyright dl { margin-bottom:25px;}
.footerWrap .footer .copyTxt .copyright dt,
.footerWrap .footer .copyTxt .copyright dd { display:inline-block; font-size:0px; vertical-align:middle;}
.footerWrap .footer .copyTxt .copyright dt { width:140px; height:34px; position:relative;}
.footerWrap .footer .copyTxt .copyright dt:before {content:''; display:block; position:absolute; top:0px; left:0px; width:140px; height:34px; background:url(../img/common/footLogon.png) no-repeat; background-position:0px 0px;}
.footerWrap .footer .copyTxt .copyright dt.swcf:before{}
.footerWrap .footer .copyTxt .copyright dt.smedia:before { background-position:0px -34px;}
.footerWrap .footer .copyTxt .copyright dt span { text-indent:-9999999px;}
.footerWrap .footer .copyTxt .copyright dd {width:calc(100% - 180px); margin-left:35px;}
.footerWrap .footer .copyTxt .copyright p {color:#939393; font-size:15px; line-height: 22px;}
.footerWrap .footer .copyTxt .copyright p.inline {}
.footerWrap .footer .copyTxt .copyright p.inline .br {display:none;}

.footerWrap .footer .copyTxt .selectWrap {position:absolute; top:20px; right:0; width:420px;}
.footerWrap .footer .copyTxt .selectWrap .selectBox {margin-right:15px; width:200px; display:inline-block;}
.footerWrap .footer .copyTxt .selectWrap .selectBox:last-child { margin-right:0px;}

/* quick */
#quick.quick {bottom:100px; position:fixed; opacity:0;}
#quick.quick.fixed {opacity:1;}
.quick {position:absolute; right:30px; z-index:999;}

.quick .quickTop {text-align:center;}
.quick .quickTop button {width:46px; height:46px; text-indent:-999em; background:url(../img/common/icon_quick_top.png) no-repeat;}


/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/
@media (max-width:1480px) {
	.quick {display:none;}
}

@media (max-width:1350px) {
	.wrap {width:100%;}
	.headerWrap .gnbWrap a.sw {padding:0px 27px 0px 60px}
	.headerWrap .gnbWrap a.sw:before {left:23px;}
	.headerWrap .logo { margin:0px auto; width:100%; margin-left:-31px; }
	.headerWrap .naviBox {order:-1; -ms-flex-order:-1; width:62px;}
	.headerWrap .naviBox .btnNavi {display:block; margin-right:98px; padding:0 10px;}
	.headerWrap .naviBox.active .drawerNavi {display:block;}

	.headerWrap .naviBox.active .drawerNavi.hide {}
	.headerWrap .naviBox.active .drawerNavi.hide .itemNaviBox {-webkit-animation:HideNavi 0.2s;animation:HideNavi 0.2s;}
	.headerWrap .naviBox.active .drawerNavi.hide .dim {-webkit-animation:dimHide 0.2s;animation:dimHide 0.2s;}

	.headerWrap .naviBox .drawerNavi {position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; display:none;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox {position:fixed; top:0; left:0; bottom:0; z-index:2; background:#FFF; width:420px; overflow:hidden; -webkit-animation:ShowSideNavi 0.3s; animation:ShowSideNavi 0.3s;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNaviHeader {display:flex;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi {height:100%; position:relative; overflow-x:hidden; overflow-y:scroll;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi .homeLink {margin-bottom:20px;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi .homeLink a {font-size:44px; color:#424242; padding:20px;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul {position:relative; padding-bottom:60px;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li {display:block; position:static; width:100%;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.active > a {opacity:1;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > a {display:block; position:relative; font-size:24px; font-weight:400; opacity:1; padding:24px 20px; border-bottom:1px solid #d7d7d7;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > a:after {content:''; display:block; width:23px; height:23px; position:absolute; top:22px; right:28px; background:url(../img/common/icon_navi.png) no-repeat 0 0;}
	
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > a.popup:after {background-position:0 -23px;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > a:hover {color:#d44232;}

	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.active > ul {display:block; width:420px !important; background:#fff; z-index:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.clickAcitve.active > ul {display:none;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li.clickAcitve.clickon > ul {display:block;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul {display:block; position:absolute; top:0; left:0px !important; width:420px; background:#fff; animation:none;transform:translate3d(100%,0,0); transition:-webkit-transform 200ms ease; transition:transform 200ms ease;-webkit-animation:none; -webkit-transform:translate3d(100%,0,0); -webkit-backface-visibility:hidden;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li {display:block;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.title {display:block;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a {display:block; color:#333; position:relative; font-size:24px; font-weight:400; opacity:1; padding:24px 20px; border-bottom:1px solid #d7d7d7;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a.back {border-bottom:1px solid #000; color:#333; text-indent:100px; font-weight:500;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a.back:before {content:''; display:block; width:23px; height:23px; position:absolute; top:22px; left:28px; background:url(../img/common/icon_navi.png) no-repeat 0 0; transform:rotate(180deg);}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > a.folder:before {content:''; display:block; width:23px; height:23px; position:absolute; top:22px; right:28px; background:url(../img/common/icon_navi.png) no-repeat 0 -46px;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active > a.folder:before {background-position:0px -70px;}

	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active {position:relative;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active > a {}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li.active > ul {display:block;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul {display:none; background:#f1f1f1;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li {}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li > a {font-size:21px; display:block; padding:24px 20px; border-bottom: 1px solid #d7d7d7; position:relative;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li > a:after {content:''; display:block; width:23px; height:23px; position:absolute; top:22px; right:28px; background:url(../img/common/icon_navi.png) no-repeat 0 0; opacity:0.6;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li > a:focus,
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi > ul > li > ul > li > ul > li > a:hover {color:#d44232;}
	.headerWrap .naviBox .drawerNavi .dim {display:block;}
	.headerWrap .naviBox .drawerNavi .itemNaviBox .itemNavi .closeNavi {display:block;}

	.headerWrap .member {/*width:330px;*/}
	.headerWrap .member button.join,
	.headerWrap .member button.menu {display:none;}
	.headerWrap.fixed {width:100%;}

	.breadCrumbs {height:50px; line-height:50px; margin-bottom:20px; background:#eee;}
	.container {width:calc(100% - 40px); margin:0 20px;}
	.container .snb {display:none;}
	.container .containerBox {width: calc(100% - 0px);}

   
	.footerWrap .footer {width:calc(100% - 40px); margin:0 20px;}
	
    .footerWrap .footer .copyTxt .fsite h3 { display:block; width:168px; margin-bottom:20px;}
    .footerWrap .footer .copyTxt .fsite ul { display:block; width:calc(100% - 0px);} 
   
	.footerWrap .footer .copyTxt .copyright p.inline {display:block;}
	.footerWrap .footer .copyTxt .copyright p.inline .br {display:block;}
	
}

@media (max-width:1097px) {
	
	.headerWrap {height:100%; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);}
	.headerWrap .snBarWrap {display:none;}
	.headerWrap.fixed {width:100%; height:100px;}
	.headerWrap .header .toolBox .tbBody form {width:90%;}
	.headerWrap .header .toolBox .tbBody form .inputWrap {width:100%;}
	.breadCrumbs {text-align:center;}
	

}

@media (max-width:990px) {
  .container .containerBox {min-height: auto;}
	.container .pageTools,
	.container .snb {display:none;}

	.footerWrap .footer .copyInfo {display:block; height:210px; text-align: center;}
	.footerWrap .footer .copyInfo .viewer {display:none;}
	.footerWrap .footer .copyInfo .logo { float:none; display:inline-block; margin-top:136px;}
	.footerWrap .footer .copyTxt {position:static; padding-bottom:20px;}
	
	.footerWrap .footer .copyTxt .fsite { margin-top:60px;}
	.footerWrap .footer .copyTxt .fsite ul li { width:auto; padding:5px 10px;}
	.footerWrap .footer .copyTxt .fsite ul li a { font-size:16px;}
	
	.footerWrap .footer .copyTxt .selectWrap {width:100%; top:10px; left:0; right:0;}
	.footerWrap .footer .copyTxt .selectWrap .selectBox { width:48%;}
	
	.footerWrap .footer .copyTxt .infoLink {text-align:center;}
	.footerWrap .footer .copyTxt .copyright p.inline {font-size:14px;}
	.footerWrap .footer .copyTxt .copyright p {font-size:12px;}
	
	
	.footerWrap .footer .copyTxt .copyright dt,
	.footerWrap .footer .copyTxt .copyright dd { display:block;}
	.footerWrap .footer .copyTxt .copyright dt { margin:0px auto 10px auto; text-align:center;}

	.footerWrap .footer .copyTxt .copyright dd {width:calc(100% - 0px); margin:0px auto 10px auto; text-align:center;}
	.footerWrap .footer .copyTxt .copyright p span { display:block;}

}

@media (max-width:767px) {
	
	.headerWrap .member { border-left:none; /*width:230px;*/}
	.headerWrap .member button {padding:0 13px 0px 29px;}
	.headerWrap .member .linkSns a { margin:0px 3px;}
	.footerWrap .footer .copyTxt .copyright p.inline .br {display:none;}
	
}

@media (max-width:450px) {
	
  .headerWrap .member button{font-size: 13px;}
  .headerWrap .member button{padding:0 10px 0px 29px;}	
  .headerWrap .gnbWrap a.sw{padding: 0px 10px 0px 60px;}
}

@media (max-width:417px) {
	.headerWrap .member button{font-size: 0;}
}

@media (max-width:357px) {
  .headerWrap .gnbWrap a.sw{font-size: 0;}
}

/*24.12.20. 팝업업데이트*/
.divpop_wrap{display: flex; align-items: center; justify-content: flex-end; width:100%; background-color: #222;}
.divpop_wrap label{}
.divpopa img{vertical-align: bottom;}
.divpopc a{display: flex; align-items: center;}