@charset "utf-8";
.clear {*zoom:1}
.clear:before, .clear:after {display:block;visibility:hidden;height:0;line-height:0;clear:both;content:""}
.clear:after {clear:both}

/* Screen out */
.scout {position:absolute;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1}

/* Skip navigation */
.skipNav a{overflow:hidden;display:block;width:100%;height:0px;text-align:center;color:#000;position:absolute;z-index:9999}
.skipNav a:focus,
.skipNav a:active {height:auto;padding:5px 0;background:#f2f2f2!important;display:block}

/* Layout Properties */
#wrap {width:100%;min-width:320px;min-height:100%;height:100%;position:relative;font:14px/1.3 'NanumSquareR','Malgun Gothic','맑은 고딕';letter-spacing:-1px;color:#777;word-break:keep-all}
#containerWrap {*zoom:1;width:100%;min-height:950px;margin:0 auto;position:relative;overflow-x:hidden}

/* bg opacity */
.asideFixed {position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1001}
.asideFixed .aside_bg {position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50)}
.alertPop {z-index:1000;background-color:#fff;width:400px;font:normal 1.18em/1.5 '돋움','dotum','Gulim', 'sans-serif';position:absolute;top:50%;left:50%;margin:-5% 0 0 -200px}
.alertPop .content_box {width:100%}
.alert_body {padding:6%;font-size:14px;text-align:center;color:#404040}
.alert_body .block {color:#111;padding-top:1.5vw;display:block}
.alert_btn {display:-webkit-box;display:-ms-flexbox;display:flex}
.alert_btn button {width:50%;padding:14px;font-size:14px}
.alert_btn button:first-child {background-color:#643bb9;color:#fff}
.alert_btn button:last-child {background-color:#9e0281;color:#fff}
.alert_btn.single button {width:100%}

/* Header */
header h1 {position:absolute;left:3%;top:20px;width:166px;height:70px;background:url(../../img/logo.png) no-repeat center top;text-indent:-10000px;line-height:0;z-index:100;cursor:pointer;}
header {position:fixed;width:100%;height:100px;top:0;z-index:100;background:none;-webkit-transition:0s;transition:0s;z-index:200}
header .header_menu {position:relative;width:100%;height:101px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
header .header_menu.on {-webkit-transition:0.3s;transition:0.3s;background:#fff}
header .header_menu.on h1 {background:url(../../img/logo_b.png) no-repeat center top}
header .header_menu.on #lnbWrap .depth1 ul li a {color:#111;font-weight:bold}
header .header_menu.on #gnbWrap ul li a {color:#666}


/* Menu */
#gnbWrap {position:relative}
#gnbWrap ul {position:absolute;right:0;width:20%;text-align:right;padding-right:130px;padding-top:22px;z-index:101;display:inline-flex;}
#gnbWrap ul li {display:inline-block;padding:20px 10px}
#gnbWrap ul li a {color:#ffffff;display:block;width:100%}
#gnbWrap ul li:last-child {padding:0;position:absolute;right:0;top:0}
#gnbWrap ul li:not(:last-child) {display:block}
#gnbWrap ul li:last-child a {width:30%}
#gnbWrap ul li:last-child .list_off {display:none}
#gnbWrap ul li.over {font-family:'NanumSquareB','Malgun Gothic','맑은 고딕'}

#lnbWrap {position:absolute;width:100%;letter-spacing:-1px;*zoom:1}
#lnbWrap .depth1 ul {margin:0 auto;width:100%;text-align:left;margin-left:30%;}
#lnbWrap .depth1 ul > li {color:#fff;cursor:pointer;display:inline-flex;margin-top:30px;padding:10px 43px;text-align:center;font-size:1.42em;position:relative;}
#lnbWrap .depth1 ul > li:hover {background-color:#6D2BF2;
border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;}

#lnbWrap .depth1 ul > li > a {color:#fff;}

/*
.lgn {position:absolute;top:43px;left:80%;}
.lgn ul {display: inline-flex}
.lgn ul > li a {padding:0 5px !important;}
*/

#lnbWrap .depth2 {position:absolute;top:101px;z-index:250;width:100%;display:none;}
#lnbWrap .depth2 h2 {display:none}
#lnbWrap .depth2 .m_wrap {display:inline-flex;padding:20px 0px;text-align:left;margin-left:32%;}
#lnbWrap .depth2 .m_wrap > li {width:180px;}
#lnbWrap .depth2 .m_wrap > li > ul > li {display:block;text-align:left !important;}
#lnbWrap .depth2 .m_wrap > li > ul > li > a {color:#a7a7a7;font:normal 1.18em/2 'NanumSquareR','Malgun Gothic','맑은 고딕';}
#lnbWrap .depth2 .m_wrap > li > ul > li:hover > a ,
#lnbWrap .depth2 .m_wrap > li > ul > li.on > a {color:#763CED;}
/*
#lnbWrap .depth2 .m_wrap > li > ul > li:hover,
#lnbWrap .depth2 .m_wrap > li > ul > li.on {color:#fff;background-color:#763CED;
border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;}
*/
#lnbWrap .depth2 .m_wrap > li > ul > li.mcont {line-height:1px;}
#lnbWrap .depth2 .m_wrap > li > ul > li.mcont p {color:#F2F2F2;font-size:11px;padding-bottom:10px;padding-top:1px;}

#lnbWrap .banner_area {display:none;}

header .header_menu #lnbWrap .depth2.on {background:rgba(0, 0, 0, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)}
/*
header .header_menu.on #lnbWrap .depth2.on::after {content:"";position:absolute;top:100px;left:0; width:100%;height:200px;background:rgba(0, 0, 0, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)}
*/

/* Copy */
footer {padding-top:40px;background-color:#272727;position:relative;z-index:90}
footer a {color:#fff}
footer > div:first-child {border-bottom:1px solid #424242}
footer .footer_wrap > div {*zoom:1;padding-bottom:35px;padding-left:3%;padding-right:3%;}
footer .footer_inner li {display:inline-block;padding-right:4%;font-size:1.18em}
footer .footer_menu {float:left;width:88%;padding-left:2%}
footer .footer_sns {float:right;width:10%;display:table}
footer .footer_sns a {display:table-cell;text-indent:-10000px;line-height:0;font-size:0;vertical-align:middle}
footer .footer_sns a[title="트위터"] {background:url(../../img/ico_twitter.png) no-repeat center 0;height:16px}
footer .footer_sns a[title*="페이스북"] {background:url(../../img/ico_face.png) no-repeat center 0;height:19px}
footer .footer_info {display:table;padding-top:30px;width:97%}
footer .footer_info div {display:table-cell;vertical-align:middle}
footer .footer_info address {line-height: 1.5}
footer .footer_left {width:12%}
footer .footer_center {width:80%}
footer .footer_right {text-align:right}
footer .footer_right a {display:block;border:2px solid #a40081;text-align:center;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;padding:8% 3%;min-width:120px;font-size:1.18em}
footer .footer_address .copy_btn {display:inline-block;padding:3px 5px;border:1px solid #666;margin-left:10px;margin-bottom:5px;}
footer .copyright {display:block}

/* table */
table th,table td {padding:20px;border:none;border-bottom:1px solid #f1f1f1;font-weight:normal;font-size:1.19em}
table.type_1 thead th {background-color:#8056a4;color:#fff;font-size:1.063em}
table.type_1 tbody th {color:#7d48ab;background-color:#fefaf5}
table.type_1 tbody td {border-left:1px solid #eee}
table.type_2 {border-top:2px solid #614877}
table.type_2 th {text-align:left;padding-left:30px;color:#7d48ab;background-color:#f9f9f9}
table.type_2 td {color:#444}

/* Sub */
#subVisual {height:467px}
#subVisual .titleWrap {padding-top:250px;text-align:center}
#subVisual .titleWrap h2 {font:3.21em 'NanumSquareB','Malgun Gothic','맑은 고딕';color:#fff}
#subVisual .titleWrap small {font:1.18em 'NanumSquareR','Malgun Gothic','맑은 고딕';letter-spacing:10px;color:rgba(255, 255, 255, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);display:block;padding-top:10px}
#container {position:relative}

/* Sub Location */
#container .location {background-color:#000}
#container .location ul {float:right;display:table;width:35%}
#container .location ul li {border-left:1px solid #1f1f1f;display:table-cell;vertical-align:middle;position:relative;padding:0 20px;font-size:1.18em;color:#b4b4b4}
#container .location ul li a {color:#b4b4b4;display:block;}
#container .location ul li:first-child {text-align:center;padding:0}
#container .location ul li:first-child a {background:url(../../img/ico_home.png) no-repeat 20px 16px;display:block;text-indent:-10000px;line-height:0;width:60px;height:50px;margin:0 auto}
#container .location ul li:not(:first-child) {width:50%}
/*#container .location ul li:not(:first-child) a {padding:20px 150px 20px 40px}
#container .location ul li:not(:first-child) a::after {top:45%;right:15%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-top-color:#fff;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;border-width:5px;margin-left:-5px}*/

#container .location .select_wrap select {border:1px solid #000;background-color:#000;color:#b4b4b4;}
#container .location .select_wrap::after {border-color:rgba(255, 255, 255, 0);border-top-color:#fff;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3}

/* Snb Nav */
#container .snbWrap {background-color:#a40081;padding:70px 0 100px 2%;position:absolute;top:0;left:4%;max-width:250px;width:250px;z-index:300}
#container .snbWrap h2 {font:2.14em 'NanumSquareB','Malgun Gothic','맑은 고딕';color:#fff;padding:0 0 80px 5%}
#container .snbWrap ul li a {display:block;padding:18px 5% 18px 7%;font:bold 1.18em 'NanumSquareR','Malgun Gothic','맑은 고딕';cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s}
#container .snbWrap ul li:not(.on) a:not(:hover) {color:#000;display:block;border-bottom:1px solid #72005a;margin-right:15%}
#container .snbWrap ul li.on a,
#container .snbWrap ul li a:hover{background-color:#fff;color:#a40081;border-bottom:1px solid #fff;}

/* Sub contain */
#container article {margin-top:55px}
#container h4 {font:3.57em 'NanumSquareL','Malgun Gothic','맑은 고딕'}
#container h4 > * {font-family:'NanumSquareR','Malgun Gothic','맑은 고딕'}
#container .titleSub h3 {font:bold 2.85em 'NanumSquareR','Malgun Gothic','맑은 고딕';color:#000;background:url(../../img/blit_bar.jpg) no-repeat 3px top;padding:15px 0 5px}
#container .titleSub small {color:#777;font-size:1.28em;padding-top:7px;display:block}
#container .containSub {padding-top:70px}
#container .box,
#container .titleSub {width:1024px;margin:0 auto}

/* Common Element */
[class*='plnk'] {color:#c730a8}
[class*='violet'] {color:#a40081}
[class*='btn'] {display:block;text-align:center;-webkit-transition:all .4s linear;transition:all .4s linear}
.btn_area .qna:hover {background:#a40081}
.btn_area .btn {font-size:1.857em;padding:1%;background-color:#643bb9;color:#fff;margin:90px auto 130px;width:20%}

/* Common Animation */
#container .line {color:#7433b6;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s}
#container .line::after {content:"";border-bottom:4px solid #7433b6;height:2px;position:absolute;bottom:2px;left:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s}
#container .line:hover, #container .line:focus  {background-color:#7433b6;color:#fff}
#container .line:hover::after, #container .line:focus::after {width:0!important}

.ico_exclamation {background:url(../../img/ico_point.gif) no-repeat center top;width:9px;height:9px;display:inline-block;text-indent:-10000px;margin-left:5px;margin-top:-2px;position:absolute}

/* board paging */
.paging {position:relative;text-align:center;margin:35px 0 25px;overflow:hidden}
.paging ul {margin:0 auto;width:auto;max-width:570px;overflow:hidden;font-size:0;letter-spacing:0;word-spacing:0}
.paging ul li {width:auto;height:auto;background-color:inherit;margin:0 5px;overflow:hidden;display:inline-block;vertical-align:top}
.paging ul li a {position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#666;font-size:13px;
padding:7px 0;display:block;text-align:center;width:20px;height:33px;
-webkit-transition:opacity .4s, color .4s,border .2s, width .5s,height .5s,background-color .5s;
-o-transition:opacity .4s, color .4s,border .2s, width .5s,height .5s,background-color .5s;
transition:opacity .4s, color .4s,border .2s, width .5s,height .5s,background-color .5s;}
.paging ul li.page_btn a {width:33px;height:33px;margin:0;border:1px solid #d8d8d8;font-size:14px;}
.paging ul li.page_btn {padding:0;margin:0}
.paging ul li.prev.page_btn {margin-left:5px;margin-right:20px;}
.paging ul li.next.page_btn {margin-right:5px;margin-left:20px;}
.paging ul li.on a,
.paging ul li a:hover {color:#7d48ab;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.paging ul li:not(.page_btn) a:hover {font-weight:bold;color:#111}
.paging ul li.on a span,
.paging ul li a:hover span {background-position:center -9px;}
.paging ul li.on a:before,
.paging ul li a:hover:before {content: '';position:absolute;bottom:10px;left:50%;margin-left:-5px;width:12px;height:1px;background:#7d48ab}
.paging ul li.page_btn a:hover {background-color:#c8bad5;border-color:#c8bad5}
.paging ul li.page_btn a:hover:before {content:none}

/* 로그인 팝업 */
.loginPop {display:none;}
.loginPop ul {padding:20px;}
.loginPop ul li.ntc {font-size:12px;letter-spacing:0;margin-top:5px;}
.loginPop ul.ulntc li:last-child {border-bottom:2px solid #954FDC;padding-bottom:20px;}
.loginPop ul li input {border:1px solid #e1e1e1;width:100%;height:40px;line-height:40px;}
.loginPop ul li input:focus {border:1px solid #954FDC;}

.loginPop ul.lgnForm {padding:0px 20px;}
.loginPop ul.lgnForm li {padding-bottom:5px;}
.loginPop ul.lgnForm li button {background:#04001C;color:#B70095;width:100%;height:50px;line-height:50px;font-weight:bold;}
.loginPop ul.lgnForm li.tit {color:#954FDC;letter-spacing:0;}
.loginPop ul.lgnForm li.tit span {font-size:12px;color:#333333;letter-spacing:0;margin-left:10px;}
.loginPop ul.lgnForm li:last-child {margin-top:20px;margin-bottom:10px;border-bottom:1px solid #954FDC;}

.loginPop ul.lgnSns {padding:0px 20px;}
.loginPop ul.lgnSns {display:inline-flex;}
.loginPop ul.lgnSns li:first-child img {width:60px;margin-left:0px;}
.loginPop ul.lgnSns li img {width:60px;margin-left:28px;}
.loginPop ul.lgnSns li {margin-bottom:20px;}

/* 회원가입 팝업 */
.regInfoPop {display:none;}
.regInfoPop ul.info {padding:20px;letter-spacing:0px;}
.regInfoPop ul.info li {margin-bottom:5px;}
.regInfoPop ul.info li:first-child {color:#A30782;margin-bottom:25px;font-weight:bold;font-size:19.5px;text-decoration-line:underline;text-decoration-style:dashed;text-underline-position: under;}
.regInfoPop ul.info li:nth-last-child(2) span {color:#954FDC;font-weight:bold;}
.regInfoPop ul.info li span.blnk {color:#fff;}

.regInfoPop ul.appDown {padding:0px 20px 20px 20px;}
.regInfoPop ul.appDown img {width:60px;}
.regInfoPop ul.appDown a {width:400px;height:65px;display:inline-block;padding:0 35px 0 80px;color:#422778;text-align:left;letter-spacing:0;font:1.3em/67px 'NanumSquareEB','Malgun Gothic','맑은 고딕';margin: 5px 5px;}
.regInfoPop ul.appDown a:first-child {background:#fff url(../../img/ico_aos_down.png) no-repeat left 0;background-size: 60px;}
.regInfoPop ul.appDown a:nth-last-child(1) {background:#fff url(../../img/ico_ios_down.png) no-repeat left 0;background-size: 60px;}


.readconts {font-size:4em;text-align:center;margin-top:2em;}

/* mobile mediaquery 320px*640px */

@media only screen and
(min-width:10px) and (max-width:640px)

{
    /* header */
    header h1 {width:30%;background-size:contain!important;left:1%;top:10px;max-width:166px}

    /* Menu */
    #lnbWrap .depth1 li a {display:none}
    #lnbWrap .depth2 .m_wrap {margin-left:10%;}
    #lnbWrap .depth2 .m_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-lines:multiple;padding-top:19%}
    #lnbWrap .depth2 .m_wrap > *,
    #lnbWrap .depth2 .m_wrap > div {width:50%;display:block;}
    #lnbWrap .depth2 .m_wrap > div {padding:0 5% 10% 0}

    #lnbWrap .depth2 {padding:5% 3% 20%;z-index:100;top:0;min-height:100%}
    #lnbWrap .depth2 h2 {display:block;font:1.25em 'NanumSquareL','Malgun Gothic','맑은 고딕';color:#000;padding-bottom:13%;letter-spacing:0}
    #lnbWrap .depth2 h2 > * {display:block}
    #lnbWrap .depth2 h2 small {color:#a40081;font:0.75em 'NanumSquareR','Malgun Gothic','맑은 고딕';padding-bottom:5px}
    #lnbWrap .depth2 h2 strong {font-family:'NanumSquareB','Malgun Gothic','맑은 고딕'}
    #lnbWrap .depth2 ul > li > a {font:normal 1.1em/1.8 'NanumSquareR','Malgun Gothic','맑은 고딕'}
    #lnbWrap .depth2 ul > li > a:hover, #lnbWrap .depth2 ul > li.on > a {padding-left:0px}
    #lnbWrap .banner_area {-webkit-box-ordinal-group:3;-ms-flex-order:3;order:3;padding-top:5%;}
    #lnbWrap .banner_area a {display:block;padding:4% 0 4% 22%;font-size:1.1em;margin-bottom:5%}
    #lnbWrap .banner_area a[title="앱스토어다운로드"] {background:url(../../img/ico_ios_down.png) no-repeat left top / contain}
    #lnbWrap .banner_area a[title="구글스토어다운로드"] {background:url(../../img/ico_aos_down.png) no-repeat left top / contain}
    #lnbWrap li a {padding:0}

    #gnbWrap ul li:last-child {width:50%}
    #gnbWrap ul li:last-child a {width:100%}
    #gnbWrap ul li:last-child a img {width:100%}
    #gnbWrap ul li:not(:last-child) {display:none;}

    header .header_menu {height:64px}
    header .header_menu #lnbWrap .depth2.on {background:rgba(255, 255, 255, 1.0);}

    /* Copy */
    footer {padding-top:0;z-index:1}
    footer .footer_menu a {color:#fff}
    footer .footer_center a {color:#666}
    footer > div:first-child {border-bottom:none}
    footer .footer_wrap > div {padding-bottom:5px}
    footer .footer_inner > div {clear:both;text-align:left;width:94%}
    footer .footer_inner li {font-size:0.85em;padding-right:2%}
    footer .footer_sns {padding-top:3%;position:absolute;top:4%;display:block;}
    footer .footer_sns a {max-width:18px;width:14%;background-size:contain!important;margin-right:10px;display:inline-block;color:#666}
    footer .footer_sns a[title="트위터"] {height:10px!important;}
    footer .footer_sns a[title*="페이스북"] {height:13px!important;}
    footer .footer_left {width:0;height:0;text-indent:-10000px;font-size:0;visibility:hidden;}
    footer .footer_center {width:75%;font-size:0.7em;padding-bottom:3%}
    footer .footer_right {width:25%;padding-left:5%}
    footer .footer_right a {font-size:0.8em;padding:4% 3%}
    footer .footer_menu {padding-top:12%;padding-left:0}
    footer .footer_info {padding-top:5px}
    footer .footer_address .copy_btn {margin-left:0;color:#fff}

    /* Sub */
    #subVisual {height:470px}
    #subVisual .titleWrap {padding-top:180px}
    #subVisual .titleWrap h2 {font-size:2.3em}
    #subVisual .titleWrap small {font-size:0.9em;width:80%;margin:0 auto}

    /* Snb Nav */
    #container .snbWrap {display:none}

    /* Sub Location */
    #container .location ul {width:100%;display: none}
    #container .location ul li {font-size:0.9em}

    /* Sub contain */
    #container article {padding-top:6%;margin-top:0}
    #container h4 {font:2.07em 'NanumSquareL','Malgun Gothic','맑은 고딕';}
    #container h4 > * {font-family:'NanumSquareR','Malgun Gothic','맑은 고딕'}

    #container .box {width:100%}
    #container .titleSub {text-align:center;position:absolute;top:0;margin-top:-12%;background-color:#fff;width:90%;left:50%;margin-left:-45%;padding:5%}
    #container .titleSub h3 {font:1.5em 'NanumSquareB','Malgun Gothic','맑은 고딕';background:none;padding:13px 0 5px}
    #container .titleSub small {color:#777;font-size:1em;padding-top:3px;display:block}

    /* Common Animation */
    #container .line::after {height:1px;bottom:1px}

    /* Common Element */
    .btn_area .btn {font-size:1.157em;padding:4% 5%;background-color:#643bb9;color:#fff;margin:20px auto 30px;width:50%}

    .popFooter {background-color:#fff}
    .popFooter label {color:#000}

    /* table */
    table th,table td {padding:10px;font-size:0.9em}
    table.type_2 th {padding-left:10px}

    .ico_exclamation {width:5px;height:5px;background-size:cover;}

}


@media only screen and
(min-width:641px) and (max-width:999px)
{
    /* header */
    header h1 {width:30%;background-size:contain!important;left:1%;top:10px;max-width:166px}

    /* Menu */
    #lnbWrap .depth1 li a {display:none}
    #lnbWrap .depth2 .m_wrap {margin-left:10%;}
    #lnbWrap .depth2 .m_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-lines:multiple;padding-top:19%}
    #lnbWrap .depth2 .m_wrap > *,
    #lnbWrap .depth2 .m_wrap > div {width:50%;display:block;}
    #lnbWrap .depth2 .m_wrap > div {padding:0 5% 10% 0}

    #lnbWrap .depth2 {padding:5% 3% 20%;z-index:100;top:0;min-height:100%}
    #lnbWrap .depth2 h2 {display:block;font:1.25em 'NanumSquareL','Malgun Gothic','맑은 고딕';color:#000;padding-bottom:13%;letter-spacing:0}
    #lnbWrap .depth2 h2 > * {display:block}
    #lnbWrap .depth2 h2 small {color:#a40081;font:0.75em 'NanumSquareR','Malgun Gothic','맑은 고딕';padding-bottom:5px}
    #lnbWrap .depth2 h2 strong {font-family:'NanumSquareB','Malgun Gothic','맑은 고딕'}
    #lnbWrap .depth2 ul > li > a {font:normal 1.1em/1.8 'NanumSquareR','Malgun Gothic','맑은 고딕'}
    #lnbWrap .depth2 ul > li > a:hover, #lnbWrap .depth2 ul > li.on > a {padding-left:5%}
    #lnbWrap .banner_area {-webkit-box-ordinal-group:3;-ms-flex-order:3;order:3;padding-top:5%;}
    #lnbWrap .banner_area a {display:block;padding:4% 0 4% 22%;font-size:1.1em;margin-bottom:5%}
    #lnbWrap .banner_area a[title="앱스토어다운로드"] {background:url(../../img/ico_ios_down.png) no-repeat left top / contain}
    #lnbWrap .banner_area a[title="구글스토어다운로드"] {background:url(../../img/ico_aos_down.png) no-repeat left top / contain}
    #lnbWrap li a {padding:0}

    #gnbWrap ul li:last-child {width:50%}
    #gnbWrap ul li:last-child a {width:100%}
    #gnbWrap ul li:last-child a img {width:100%}
    #gnbWrap ul li:not(:last-child) {display:none;}

    header .header_menu {height:94px}
    header .header_menu #lnbWrap .depth2.on {background:rgba(255, 255, 255, 1.0);}

    /* Copy */
    footer {padding-top:0;z-index:1}
    footer .footer_menu a {color:#fff}
    footer .footer_center a {color:#666}
    footer > div:first-child {border-bottom:none}
    footer .footer_wrap > div {padding-bottom:5px}
    footer .footer_inner > div {clear:both;text-align:left;width:94%}
    footer .footer_inner li {font-size:0.85em;padding-right:2%}
    footer .footer_sns {padding-top:3%;position:absolute;top:4%;display:block;}
    footer .footer_sns a {max-width:18px;width:14%;background-size:contain!important;margin-right:10px;display:inline-block;color:#666}
    footer .footer_sns a[title="트위터"] {height:10px!important;}
    footer .footer_sns a[title*="페이스북"] {height:13px!important;}
    footer .footer_left {width:0;height:0;text-indent:-10000px;font-size:0;visibility:hidden;}
    footer .footer_center {width:75%;font-size:0.7em;padding-bottom:3%}
    footer .footer_right {width:25%;padding-left:5%}
    footer .footer_right a {font-size:0.8em;padding:4% 3%}
    footer .footer_menu {padding-top:12%;padding-left:0}
    footer .footer_info {padding-top:5px}
    footer .footer_address .copy_btn {margin-left:0;color:#fff}

    /* Sub */
    #subVisual {height:470px}
    #subVisual .titleWrap {padding-top:180px}
    #subVisual .titleWrap h2 {font-size:3em}
    #subVisual .titleWrap small {font-size:1.2em;width:80%;margin:0 auto}

    /* Snb Nav */
    #container .snbWrap {display:none}

    /* Sub Location */
    #container .location ul {width:100%;display: none}
    #container .location ul li {font-size:0.9em}

    /* Sub contain */
    #container article {padding-top:6%;margin-top:0}
    #container h4 {font:3em 'NanumSquareL','Malgun Gothic','맑은 고딕';}
    #container h4 > * {font-family:'NanumSquareR','Malgun Gothic','맑은 고딕'}

    #container .box {width:100%}
    #container .titleSub {text-align:center;position:absolute;top:0;margin-top:-12%;background-color:#fff;width:90%;left:50%;margin-left:-45%;padding:5%}
    #container .titleSub h3 {font:2em 'NanumSquareB','Malgun Gothic','맑은 고딕';background:none;padding:13px 0 5px}
    #container .titleSub small {color:#777;font-size:1.2em;padding-top:3px;display:block}

    /* Common Animation */
    #container .line::after {height:1px;bottom:1px}

    /* Common Element */
    .btn_area .btn {font-size:1.157em;padding:4% 5%;background-color:#643bb9;color:#fff;margin:20px auto 30px;width:50%}

    .popFooter {background-color:#fff}
    .popFooter label {color:#000}

    /* table */
    table th,table td {padding:10px;font-size:0.9em}
    table.type_2 th {padding-left:10px}

    .ico_exclamation {width:5px;height:5px;background-size:cover;}

}