@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------
*  common - layout
*--------------------------------------------------------------------------------------------------------------*/
html {overflow-y:scroll;}
html,body {width:100%;position:relative;}
#wrap .wrap-inner {min-width:320px;width:100%;margin:0 auto;overflow:hidden;}
#wrap .ly-inner {max-width:1020px;width:100%;margin:0 auto;position: relative;}
#wrap .ly-inner2 {max-width:1100px;width:100%;margin:0 auto;position: relative;}
#wrap .ly-inner3 {max-width:1200px;width:100%;margin:0 auto;position: relative;}
/* 0524 추가 */
#wrap .ly-inner4 {max-width:1380px;width:100%;margin:0 auto;position: relative;}
/*0524 추가 end*/
#container > .contents {margin-top: 83px;}
#container > .contents.ly-mt0 {margin-top: 0;}


/*--------------------------------------------------------------------------------------------------------------
*  common - header
*--------------------------------------------------------------------------------------------------------------*/
#header {position: relative;}
#header .header-row1 {background-color: #222324;}
#header .header-row1 .logo {height: 60px;line-height: 60px;}
#header .header-row1 .logo img {width: 101px;}
#header .header-row1 .logo span {font-size:0; line-height: 0;}
#header .btn-open-mgnb, #header .btn-close-mgnb {display: none;}
#header .header-row2 {background-color: rgba(16, 16, 16, 0.3);position: absolute;width: 100%;z-index: 10;}
/*#header .header-row2:before {content: '';display: none;}*/
#header .nav-gnb:after {content:"";display:block;clear:both;}
#header .nav-gnb > li {float: left;position: relative;}
#header .nav-gnb > li > a {display: block;padding: 21px 27px;color: #fff;position: relative;transition: color 0.3s; cursor:default;}
#header .nav-gnb > li > a > span {display: inline-block;position: relative;padding: 10px 0;}
#header .nav-gnb > li > a > span:after {content: '';display: block;position: absolute;bottom:0px;background-color: #0066a7;height: 2px;width: 0%;transition: width 0.3s;}
#header .nav-gnb > li:first-child > a {padding-left: 0;}
#header .nav-gnb > li .inner {position: absolute;top:83px;z-index: 10;visibility: hidden;opacity: 0;transition: opacity 0.3s;padding-bottom: 20px;}
#header .nav-gnb > li .inner:before {content: '';display: block;height: 100%;position: absolute;background-color:rgba(16, 16, 16, 0.3);top:0;width: 10000%;left:-4000%;}
#header .nav-gnb > li .sub {text-align: center;position: relative;}
#header .nav-gnb > li .sub li {margin-top: 10px;}
#header .nav-gnb > li .sub li:first-child {margin-top: 0;}
#header .nav-gnb > li .sub a {color: #fff;font-size:14px;transition: color 0.3s;}

/* 2019 1029 */
#header .nav-gnb > li.ng1 .sub {left: 5px;width:350px;}
#header .nav-gnb > li.ng1 .sub:after{display:block;clear:both;content:'';}
/* 2021 0306 */
#header .nav-gnb > li.ng1 .sub > li{float:left;width:33%;}
/* 2021 0306 end */
/* 2019 1029 end */

#header .nav-gnb > li.ng2 .sub {left: 24px;}
#header .nav-gnb > li.ng3 .sub {left: -25px;width: 160px;}
#header .nav-gnb > li.ng6 .sub {left: 45px;}
#header .nav-gnb > li.ng9 .sub {left: -25px;width: 160px;}


/* 2018.02.07 수정사항 */
#header .nav-gnb > li.ng4 > a,
#header .nav-gnb > li.ng5 > a,
#header .nav-gnb > li.ng6 > a,
#header .nav-gnb > li.ng7 > a,
#header .nav-gnb > li.ng8 > a{ cursor:pointer}
#header .nav-gnb > li.ng9 > a{ cursor:pointer; padding: 17px 27px 11px; }
#header .nav-gnb > li.ng9 > a > span:after {all: initial}
#header .nav-gnb > li.ng9 .sub {left: -25px;width: 160px;}
#header .nav-gnb > li.ng9 > a > span > p {color: #76c735}
#header .nav-gnb > li.ng9 > a > span > img {}

/* 2018.02.07 수정사항 end */
#header .nav-gnb > li.ng4 .sub {width:160px;}

#header .nav-gnb > li:hover > a {color: #0066a7;}
#header .nav-gnb > li:hover > a > span:after {width: 100%;}
#header .nav-gnb > li:hover .inner {visibility: visible;opacity: 1;}
#header .nav-gnb > li .sub li a:hover {color: #afafaf;}

#header .btn-search {position: absolute;top:25px;right: 0;opacity: 1;transition: opacity 0.3s;}
#header .btn-search button {display: inline-block;width: 30px;height: 30px;vertical-align: middle;background: url(/assets/img/common/icon-search.png) 50% 50% no-repeat;-webkit-background-size: 25px;background-size: 25px;margin-left: 5px;font-size: 0;text-indent: -9999em;}
#header .set-search {position: absolute;top:15px;right: 0;width: 580px;border-bottom: 1px solid #fff;text-align: right;padding: 10px 0;display: none;opacity: 0;transition: opacity 0.3s;}
#header .set-search > input {border:0;background-color: transparent;padding: 5px 0;color: #fff;display: inline-block;vertical-align: middle;width: 92%;}
#header .set-search > input::-ms-clear {display: none;}
#header .set-search .btn-close {display: inline-block;width: 30px;height: 30px;vertical-align: middle;background: url(/assets/img/common/icon-btn-close.png) 50% 50% no-repeat;-webkit-background-size: 20px;background-size: 20px;margin-left: 5px;font-size: 0;text-indent: -9999em;}

/* search open */
#header .header-row2.on-search .nav-gnb {opacity: 0;}
#header .header-row2.on-search .btn-search {opacity: 0;}
#header .header-row2.on-search .set-search {display: block;opacity: 1;}

/* 171130 */
#header .nav-util {overflow: hidden;position: absolute;right: 0;top: 17px;}
#header .nav-util:after {content:"";display:block;clear:both;}
#header .nav-util > li {float: left;margin-left: 10px;}
#header .nav-util > li a {display: block;padding: 4px 16px;color: #e5e5e5;font-size: 12px;transition: color 0.3s;text-align: center;}
#header .nav-util > li:hover > a {color: #a4a4a4;}
#header .nav-util .btn-link {margin-left: 20px;}
#header .nav-util .btn-link a {border: 1px solid #a4a4a4;border-radius: 5px;}
#header .nav-util .member-id .sub {background-color: #222324;position: relative;z-index: 20;margin-top: 14px;padding: 8px 0;opacity: 0;display: none;transition: opacity 0.3s;}
#header .nav-util .member-id:hover .sub {opacity: 1;display: inherit;}
#header .nav-util .member-id .sub li {text-align: center;}
#header .nav-util .member-id .sub li a {padding: 8px 5px;}
#header .nav-util .member-id .sub li:hover a {color: #a4a4a4;}
/* 171130 */


/*--------------------------------------------------------------------------------------------------------------
*  common - footer
*--------------------------------------------------------------------------------------------------------------*/
#footer {background-color: #222324;padding: 40px 0 30px 0;}
#footer * {color: #919191;font-size: 14px;}
#footer .logo img {width: 117px;}
#footer .nav-fnb {text-align: center;}
#footer .nav-fnb li {display: inline-block;}
#footer .nav-fnb li a {display: block;padding: 1px 8px;position: relative;transition: color 0.3s;}
#footer .nav-fnb li a:after {content: '';display: block;width: 1px;height: 13px;background-color: #383838;position: absolute;top:3px;left: -1px;}
#footer .nav-fnb li:first-child a:after {display: none;}
#footer .nav-fnb li:hover a {color: #fff;}
#footer .footer-row {margin-top: 20px;padding-top: 30px;position: relative;border-top: 1px solid #424242;}
#footer .copyright {margin-top: 5px;}

/* 171130 */
#footer .language {margin-top: 10px;}
#footer .language > span {display: inline-block;vertical-align: middle;}
#footer .language .btn-lang {margin-left: 5px;position: relative;}
#footer .language .btn-lang button {padding: 4px 16px;border: 1px solid #a4a4a4;border-radius: 5px;width: 100px;position: relative;z-index: 1;}
#footer .language .lang-option {position: absolute;background-color: #919191;border-radius: 5px;width: 100%;bottom:0;display: none;z-index: 0;}

/* 2018 1107 추가 */
/*
#footer .language .btn-lang:hover .lang-option, #footer .language .btn-lang:checked .lang-option {display: block;z-index: 2;}
*/
#footer .language .btn-lang.on .lang-option{display: block;z-index: 2;}
/* 2018 1107 추가 end */

#footer .language .lang-option a {display: block;text-align: center;color: #fff;padding: 6px 0;transition: color 0.3s;}
#footer .language .lang-option a.on {color: #222324;}
#footer .language .lang-option a:hover {color: #222324;}
/* 171130 */

/* 2021 0316 수정 시작*/
#footer .sns {position: absolute;top: 26px;right: 0;}
#footer .sns > span {display: inline-block;vertical-align: middle;margin: 0 3px;}
#footer .sns .btn-sns a {display: block;width: 30px;height: 26px;font-size:0;text-indent: -9999em;}
#footer .sns .btn-sns.icon-linked a {background: url(/assets/img/common/icon-linkedin.png) 50% 50% no-repeat;-webkit-background-size: 28px;background-size: 28px;}
#footer .sns .btn-sns.icon-youtube a {background: url(/assets/img/common/icon-youtube.png) 50% 50% no-repeat;-webkit-background-size: 28px;background-size: 28px;}
#footer .sns .btn-sns.icon-face a {background: url(/assets/img/common/icon-fb.png) 50% 50% no-repeat;-webkit-background-size: 28px;background-size: 28px;}
#footer .sns .btn-sns.icon-insta a {background: url(/assets/img/common/icon-instagram.png) 50% 50% no-repeat;-webkit-background-size: 28px;background-size: 28px;}
#footer .sns .btn-sns.icon-twt a {background: url(/assets/img/common/icon-twit.png) 50% 50% no-repeat;-webkit-background-size: 28px;background-size: 28px;}
/* 2021 0316 수정 끝*/


.nav-sitemap {overflow: hidden;margin-top: 50px;}
.nav-sitemap:after {content: '';display: block;clear: both;}
.nav-sitemap ul li {margin-bottom: 14px;}
.nav-sitemap ul li:first-child, .nav-sitemap ul li:first-child a {color: #fff !important;}
.nav-sitemap ul li a {display: block;}
/*.nav-sitemap ul li:first-child a {color: #f6f6f6 !important;}*/
.nav-sitemap > li {float: left;width: 14.1%;}
.nav-sitemap ul li sup {font-size: 0.6em !important;}

/* 2018.02.07 수정사항 */
.nav-sitemap > li > ul > li > a{ cursor:pointer}
.nav-sitemap > li:nth-child(1) > ul > li:first-child > a,
.nav-sitemap > li:nth-child(2) > ul > li:first-child > a,
.nav-sitemap > li:nth-child(3) > ul > li:first-child > a { cursor:default}
/* 2018.02.07 수정사항 end */

/* 2018.03.08 수정 */
.foot-btn-link{display:none}
/* 2018.03.08 수정end */

.cookie-check { display: none; position: fixed; bottom: 5px; z-index: 100;}
.cookie-popup { background-color: #fff; width: 100%; margin: 0 auto; padding: 15px; border-radius: 5px; border: 1px solid #ccc; max-width: 820px; box-sizing: border-box; }
.cookie-popup .cookie-header { padding-bottom: 15px; }
.cookie-popup .cookie-body { padding-bottom: 30px; }
.cookie-popup .cookie-bottom { position: relative; }
.cookie-popup .cookie-bottom .btn-close { position: absolute; bottom: 0; right: 0; background-color: #0066a7; padding: 5px 15px; color: #fff; border-radius: 5px; }

/*--------------------------------------------------------------------------------------------------------------
*  mobile
*--------------------------------------------------------------------------------------------------------------*/

/* 2018.10.17 수정 */
@media all and (max-width:1024px) {
    /* reset*/
    body,input,select,textarea,button{font-size:15px;line-height: 1.4;/*letter-spacing:-0.05em;*/}
    #container > .contents {margin-top: 0px;padding: 0 10px;}
    #container > .contents.ly-mt0 {padding: 0;}

    /* header */
    #header .header-row1 .logo {height: 50px;line-height: 50px;padding-left: 15px;/*border-bottom: 1px solid #a4a4a4;*/}
    #header .header-row1 .logo img {width: 74px;}
    #header .btn-open-mgnb, #header .btn-close-mgnb {display: inline-block;position: absolute;top: 10px;right: 15px;width: 30px;height: 30px;font-size:0;text-indent: -9999em;opacity: 1;transition: opacity 0.3s;}
    #header .btn-open-mgnb {background: url(/assets/img/common/btn-open-gnb.png) 50% 50% no-repeat;-webkit-background-size: 23px;background-size: 23px;}
    #header .btn-close-mgnb {background: url(/assets/img/common/btn-close-gnb.png) 50% 50% no-repeat;-webkit-background-size: 16px;background-size:16px;display: none;}
    #header .nav-util {overflow: hidden;position: relative;padding: 16px 15px 0;top: 0;display: none;opacity: 0;transition: opacity 0.3s;border-top: 1px solid #a4a4a4;}
    #header .nav-util li {float: none;margin-left: 0;margin-bottom: 10px;}
    #header .nav-util li a {padding: 12px 5px;font-size: 16px;text-align: center;border: 1px solid #a4a4a4;border-radius: 2px;}
    #header .nav-util .member-id a {border: 1px solid transparent;}
    #header .nav-util .btn-link {display: none;}
    #header .header-row2 {background-color: #222324;width: 100%;z-index: 10;display: none;opacity: 0;transition: opacity 0.3s;position: relative;}
    /*#header .header-row2:before {display: block;position: absolute;top:0;left:0;z-index: 0;width: 100%;height: 1000%;background-color: #222324;}*/
    #header .header-row2 .ly-inner {margin: 0 17px;width: auto;}
    #header .nav-gnb > li {float: none;margin-bottom: 10px;}
    #header .nav-gnb > li > a {font-size:16px;padding: 0;}
    #header .nav-gnb > li > a > span {padding: 7px 0;display: block;}
    #header .nav-gnb > li > a > span:after {display: none;}
    #header .nav-gnb > li .inner {position: relative;top:0;padding-bottom: 0;max-height: 0;visibility: inherit;opacity: 1;transition: max-height 0.3s;overflow: hidden;}
    #header .nav-gnb > li .inner:before {display: none;}
    #header .nav-gnb > li .sub {text-align: left;left: auto !important;width: auto !important;}
    #header .nav-gnb > li .sub li {margin: 5px 0;}
    #header .nav-gnb > li .sub li:first-child {margin-top: 5px;}
    #header .nav-gnb > li .sub a {font-size:16px;padding: 1px 15px;display: block;}
    #header .nav-gnb > li.is-sub > a span:before {content: '';display: block;width:21px;height:21px;position: absolute;right: 0;top: 7px;background: url(/assets/img/common/icon-arrow.png) 100% 50% no-repeat;-webkit-background-size: 21px;background-size: 21px;transform:rotate(-90deg);transition: transform 0.3s;}

    /* 2019 1029 */
    #header .nav-gnb > li .sub{padding-left:90px}
    #header .nav-gnb > li.ng1 .sub {left: 5px;width:100%;}
    #header .nav-gnb > li.ng1 .sub > li{float:none;width:100%;}
    #header .nav-gnb > li.ng1 .sub > li ul{padding-left:20px}
    /* 2019 1029 end */
	#header .nav-gnb > li.ng9 > a {padding : initial}
	#header .nav-gnb > li.ng9 > a > span > img {width: 140px}

    #header .btn-search {display: inline-block;text-align: right;position: relative;top:auto;right: auto;width: 100%;margin-top: 10px;}
    #header .btn-search button {-webkit-background-size: 20px;background-size: 20px;}
    #header .set-search {position: relative;top:auto;right: auto;width: 100%;border-bottom: 1px solid #fff;text-align: left;padding:0;margin-top: 20px;}
    #header .set-search > input {width: 88%;padding: 5px;}
    #header .set-search .btn-close {width: 30px;height: 30px;-webkit-background-size: 15px;background-size: 15px;position: absolute;right: 0;top: 0;}

    #header.on-gnb {position: fixed;width: 100%;z-index: 100;height: 100%;padding-bottom: 20px;background-color: #222324;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
    #header.on-gnb .nav-util {display: block;opacity: 1;}
    #header.on-gnb .header-row2 {display: block;opacity: 1;}
    #header.on-gnb .btn-open-mgnb {display: none;}
    #header.on-gnb .btn-close-mgnb {display: inline-block;}

    #header.on-gnb .header-row2.on-search .nav-gnb {opacity: 1;}
    #header.on-gnb .header-row2.on-search .btn-search {display: none;}

    #header.on-gnb .nav-gnb > li.is-sub.on .inner {max-height: 200px;}
    #header.on-gnb .nav-gnb > li.is-sub.on a span:before {transform:rotate(90deg);}


    /* 171130 */
    #header .nav-util .member-id .sub {background-color: transparent;margin-top: 0px;padding: 0;opacity: 1;display: block;}
    #header .nav-util .member-id .sub li a {padding: 2px 0px;text-align: left;}
    /* 171130 */

    /* 2019 1029 */
    html.open { overflow: hidden; }
    .dep-btn { }
    .dep-close { width: 50px; height: 50px; position: absolute; right: 10px; top: 0px; background: url(/assets/img/common/dep-close.png) 50% 50% no-repeat;-webkit-background-size:50%;background-size: 50%;background-position: center;cursor:pointer; z-index:10;transform:rotate(-90deg); }
    #header .nav-gnb > li #dep-menu { width: 150px; height: 100%; position: fixed; top: 190px; right: -152px; z-index: 10; background-color:#222324;  transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
    #header .nav-gnb > li #dep-menu.open { right: 0px; width:100%;max-height:600px;}
    /* 2019 1029 end */

    /* footer */
    #footer {padding: 25px 0 22px 0;}
    #footer .ly-inner {text-align: center;}
    #footer * {font-size: 12px;}
    #footer .logo {width: 100%;text-align: center;padding: 10px 0 5px 0;}
    #footer .logo img {width: 80px;}
    #footer .nav-fnb {width: 230px;display: inline-block;margin-bottom: 30px;}
    #footer .nav-fnb li {margin-bottom: 8px;}
    #footer .nav-fnb li:nth-of-type(3) a:after{display: none;}
    #footer .nav-fnb li a:after {height: 10px;top:3px;}
    #footer .sns {position: absolute;top: -90px;width: 100%;padding-top: 30px;border-top: 1px solid #424242;}
    #footer .copyright {margin-bottom: 15px;}
    #footer .footer-row {margin-top: 120px;padding-top: 0;border-top: 0;}
    #footer .language .btn-lang {margin-left: 10px;}

    .nav-sitemap {margin-top: 0;margin-left: 10px;}
    .nav-sitemap ul {overflow: hidden;}
    .nav-sitemap ul:after {content: '';display: block;clear: both;}
    .nav-sitemap ul li {margin-bottom: 0;margin-left: 10px;float: left;}
    .nav-sitemap ul li:first-child {margin-left: 0;}
    .nav-sitemap ul li a {font-size:11px;}
    .nav-sitemap > li {float: none;width: 100%;margin-bottom: 10px;}
    .nav-sitemap .mVer {display: none;}

    /* 2018.03.08 수정 */
    .foot-btn-link{display:block;margin-bottom:30px;}
    .foot-btn-link a{display:inline-block;padding: 4px 16px;color: #e5e5e5;border:1px solid #a4a4a4;border-radius:5px;font-size: 12px;transition: color 0.3s;text-align: center;}
    /* 2018.03.08 수정end */
}

/*
    이미지 반응형 조정
*/
@media(min-width: 1024px){
    #partners_image_large{
        display: block;
    }
    #partners_image_small{
        display: none;
    }
}

@media(max-width: 768px){
    #partners_image_large{
        display: none;
    }
    #partners_image_small{
        display: block;
    }
}