/*reset -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*,
*::before,
*::after {  box-sizing: border-box;}

body { margin: 0;padding: 0; text-align: left;background-color: #fff;word-break:keep-all}
html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;-webkit-tap-highlight-color: transparent;}

a {color: #333;text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects; transition: .3s;}
a:hover {color: #333;text-decoration:none;}
a:not([href]):not([tabindex]) {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):focus {outline: 0;}

body{color:#666;font-size:16px;line-height:27px;background-color:#fff}
body.gray{background-color:#fbfbfb}
body p{font-size:16px;line-height:27px}
body,h1,h2,h3,h4,h5,h6,input[type=text],input[type=password],input[type=email],textarea,select,input[type=button],input[type=submit],button,body .pac-container{font-family:'Nanum Square',nunito,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif; text-transform:none}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:500;margin:0;padding:0}
h1{font-size:32px}
h2{font-size:26px}
h3{font-size:22px} 
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
h3.page-title{font-size:20px;line-height:32px}
.section{display:block}
.section.white{background:#fff}
.section.gray{background:#f9f9f9}
.section.border-top{border-top:1px solid #e0e0e0}
.section.border-bottom{border-bottom:1px solid #e0e0e0}

input,input[type=text],input[type=password],input[type=email],input[type=number],/*textarea,select{
height:35px;line-height:35px;padding:0 10px;outline:none;font-size:16px;color:gray;margin:0 0 0px;max-width:100%;width:100%;box-sizing:border-box;display:block;
background-color:#fff;font-weight:500;opacity:1;border-radius:4px;border:none;/*box-shadow:0 1px 4px 0 rgba(0,0,0,.12);*//*-webkit-border-radius:4px; -webkit-appearance:none;}*/
select{/*padding:15px 18px;*/cursor:pointer}
input{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
input:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus{
color:gray;transition:box-shadow .2s!important;opacity:1;border:none;box-shadow:0 1px 4px 0 rgba(0,0,0,.12)}
input:-webkit-autofill:focus,input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:gray!important}
input.with-border,input[type=text].with-border,input[type=password].with-border,input[type=email].with-border,input[type=number].with-border,textarea.with-border,select.with-border{
border:1px solid #d5d5d5;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}
input.with-border:focus,input[type=text].with-border:focus,input[type=password].with-border:focus,input[type=email].with-border:focus,input[type=number].with-border:focus,textarea.with-border:focus{
border:1px solid #d5d5d5;box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}
input[type=submit]{border:none;padding:11px 18px;width:auto}
input[type=checkbox]{display:inline}
input[type=radio]{width:15px;height:15px;cursor:pointer;box-shadow:none}
::placeholder{color:#b8b8b8;opacity:1}
select::-ms-expand{display:none}
select.with-border{padding-right:30px;}
.select-field{position:relative}
.select-field:before{content:"▼"; font-size:11px; color:#ccc; position:absolute; top:0px; right:10px; line-height:35px; z-index:999}
textarea{height:auto;line-height:27px;padding:15px;min-height:100px;transition:none!important;min-width:100%;border:1px solid #d5d5d5;}
textarea.agree, div.agree{line-height:150%; height:201px; margin-bottom:23px;border:1px solid #d5d5d5;line-height:27px;padding:20px; overflow-x:hidden; overflow-y:auto}
textarea.agree_2, div.agree_2{line-height:1.5em; height:400px; margin-bottom:10px;border:1px solid #d5d5d5;padding:10px; overflow-x:hidden; overflow-y:auto; background:#fff;
font-size:15px;}
div.agree a{color:#66676b}
label,legend{display:block;font-weight:700;font-size:16px;font-weight:400;margin-bottom:0px}
label span,legend span{font-weight:400;font-size:14px;color:#444}
fieldset{padding:0;border:none}
button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:0 0;color:inherit;font:inherit;line-height:normal;cursor:pointer}
a{color:#66676b;transition:.3s}
a,button{outline:none!important}
a:focus,a:hover{text-decoration:none;color:#333}
img{max-width:100%}
ul, li{list-style:none; margin:0px; padding:0px;}

@media(max-width:768px){
textarea.agree_2, div.agree_2{height:200px;}
}

/*header -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper{padding-top:94px}/*메뉴높이*/
#header-container{position:absolute;top:0;width:100%;z-index:1000; }

@media(max-width:1099px){
#wrapper{padding-top:0!important}
#header-container{position:relative}
}
#header{position:relative;z-index:999;padding:0;font-size:16px;height:95px;}
#header .container{margin:0 auto; height:100%; position:relative;}

#logo{position:absolute; left:0; top:50%; transform: translateY(-50%); height:100%;}
#logo a{top:50%;position:relative;transform:translate3d(0,-50%,0); width:168px; height:67px; display:block;}
#logo a .top-logo{text-indent:-9999px; width:168px; height:67px; background:url('/Image/common/top_logo.svg');background-size:168px 67px;}
@media (max-width:1099px) {
#logo a{width:130px; height:52px;}
#logo a .top-logo{width:135px; height:100%; background-size:100% auto;}

}
/*navigation*/
#navigation{position:relative; float:right; padding-right:400px; top:50%; margin-top:-18px;}/*transform: translateY(-50%);*/
#navigation:after{content:''; display:block; clear:both;}
#navigation ul{list-style:none;position:relative;float:left;margin:0;padding:0}
#navigation ul a{display:block;text-decoration:none;padding:5px 0}
#navigation ul li{position:relative;float:left;margin:0;padding:0}
#navigation ul li ul{opacity:0;visibility:hidden;position:absolute;top:80%;right:0px;padding:0;z-index:99999}
#navigation ul ul li{float:none}
#navigation ul ul ul{top:0;left:100%;} /*margin:0 0 0 15px*/
#navigation ul ul{margin:0}
#navigation ul ul ul{pointer-events:none}
#navigation ul ul li:hover>ul{pointer-events:all}
#navigation ul ul:before{content:"";position:absolute;left:0;top:-10px;background:transparent;width:100%;height:10px}
#navigation ul ul ul:after{content:"";position:absolute;width:15px;height:100%;left:-15px;top:0;opacity:0}
#navigation ul li:hover>ul{opacity:1;visibility:visible;pointer-events:all}

#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,#navigation ul ul.dropdown-nav li:hover a:after,#navigation ul li:hover a:after{color:#66676b;opacity:.8}
#navigation ul ul.dropdown-nav ul.dropdown-nav li a:after{background-color:#f0f0f0;color:#a8a8a8;opacity:1;}
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,#navigation ul ul.dropdown-nav li:hover a:after{color:#fff!important;background-color:#66676b;opacity:1; font-family:material-icons; content:"\e917";}

#navigation ul li a.current{color:#66676b}
#navigation ul li a.current:after{color:#66676b;background:rgba(102,103,107,.13);opacity:.8}
#navigation ul li a:only-child:after,#navigation ul ul li a:only-child:after{content:'';display:none}
#navigation ul ul li:hover a:after{opacity:1;transform:translateX(0)}
#navigation ul li{transition:all .25s; border-radius:4px}
#navigation ul li a,#navigation ul ul li a{color:#fff;cursor:pointer}
#navigation ul a{line-height:23px;padding:7px 30px;border-right:4px}
#navigation ul a.dpth1{position:relative; font-size:19px; font-weight:700;}
#navigation ul a.dpth1:after{content:''; display:block; width:1px; height:18px; background:#da90bb; position:absolute; right:0; top:50%; margin-top:-9px;}
#navigation ul li:last-child a.dpth1:after{display:none;}
#navigation ul li:hover a{color:#313131;} /*#fec63b;*/
#navigation ul ul{background-color:#303030;box-shadow:0 2px 12px 0 rgba(0,0,0,.12);border-radius:4px;width:200px;}
#navigation ul ul li{border-radius:4px}
#navigation ul ul li:last-child{border-bottom:none}
#navigation ul li:hover ul a,#navigation ul ul a{padding:4px 40px 4px 15px!important;line-height:22px!important}
#navigation ul li:hover ul a:only-child,#navigation ul a:only-child{padding:4px 15px!important}
#navigation ul ul:after{content:"";position:absolute;right:25px;top:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #303030}
body #navigation ul ul{padding:14px 0;box-sizing:border-box;margin-top:12px}
body #navigation ul ul ul{margin-top:0}

#navigation ul ul li{width:208px}
#navigation ul ul li:hover{border-radius:0}
#navigation ul ul li:first-child{border-radius:4px 4px 0 0}
#navigation ul ul li:last-child{border-radius:0 0 4px 4px}
#navigation ul ul{opacity:0;visibility:hidden; transition:all .25s;}/* transform:translate3d(0,15px,0)*/
#navigation ul ul ul{}/*transform:translate3d(15px,0,0)*/
#navigation ul li ul{z-index:10}
#navigation ul li:hover ul{z-index:20}
#navigation ul li:hover>ul{opacity:1;visibility:visible;} /*transform:translate3d(0,0,0)*/
#navigation ul ul li{margin:0;padding:0 6px;border-radius:0;font-size:15px}
#navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li a,#navigation ul ul.dropdown-nav ul.dropdown-nav li a,#navigation ul ul.dropdown-nav li a, #navigation ul ul.dropdown-nav ul.dropdown-nav02 li a{transition:.3s;color:#fff}
#navigation ul ul.dropdown-nav ul.dropdown-nav li a::after, #navigation ul ul.dropdown-nav li a::after {font-family: material-icons; content: "\e917"; position: absolute; left: auto; right: 20px; top: 6px;  color: rgb(187, 187, 187); opacity: 1; width: 17px; height: 17px; line-height: 17px; border-radius: 3px; margin-left: 7px; text-indent: 0px; }
#navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li:hover a,#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a,#navigation ul ul.dropdown-nav li:hover a, #navigation ul ul.dropdown-nav ul.dropdown-nav02 li:hover a{color:#ffbed6}
.mega-menu{opacity:0;visibility:hidden;transition:all .25s;position:absolute;box-shadow:0 0 10px 0 rgba(0,0,0,.12);border-radius:4px;font-size:15px;display:flex;top:100%;left:0;padding:20px 0;box-sizing:border-box;
font-size:14px;margin-top:-10px;background-color:#fff;width:200px;z-index:99;transform:translate3d(-42%,24px,0)}
.mega-menu:before{content:"";position:absolute;top:-12px;left:0;display:block;width:100%;height:12px;opacity:0}
#navigation ul li .mega-menu ul{opacity:0;visibility:hidden;transform:translate3d(0,0,0);position:relative;display:inline-block;flex:1;padding:0;margin:0;box-shadow:none;border-radius:0;top:auto;left:auto;
background-color:transparent}
#navigation ul li:hover .mega-menu{opacity:1;visibility:visible;transform:translate3d(-42%,12px,0)}
#navigation ul li:hover .mega-menu ul{opacity:1;visibility:visible}
#navigation .mega-menu ul,#navigation .mega-menu ul li{width:100%}
.mega-menu.two-columns{width:429px}
.mega-menu.three-columns{width:643px}
.mega-menu.four-columns{width:857px}
#navigation ul .mega-menu ul a{color:#bbb;padding:0!important;display:block;margin-left:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#navigation ul li:hover .mega-menu ul a,#navigation ul .mega-menu ul a{padding:6px 0!important;line-height:22px!important;transform:translate3d(0,0,0)!important}
#navigation .mega-menu ul li{padding:0 30px}
#navigation ul li a i{font-size:14px;position:relative;top:0;padding-right:5px}
.mega-menu-section{display:inline-block;float:left;width:214px;padding:0;border-right:1px solid #e9e9e9}
.mega-menu .mega-menu-section:last-child{border:none}
.mega-menu-headline{color:#222;opacity:1!important;font-weight:600;display:block;padding:8px 30px!important;letter-spacing:0;font-size:14px;line-height:21px}
.mobile-styles .mm-listview{margin:0 -20px!important}
.mobile-styles .mm-listview .mega-menu-headline{color:#fff;padding:15px 20px!important;background:#222!important}
.mobile-styles .mm-listview li a i{padding-right:5px}
.mobile-styles.mm-panel:before{height:10px!important}


#top-btn-wp{position:absolute; right:0; top:50%; transform: translateY(-50%); display: block;}
#top-btn-wp ul{}
#top-btn-wp ul li{float:left; background:#fff; border-radius: 30px; margin-left:13px;}
#top-btn-wp ul li a{display:block; width:103px; height:33px; box-sizing:border-box; text-align:center;}
#top-btn-wp ul li a span{display:inline-block; font-size:13px; color:#b42076; padding-left:21px; line-height:33px;}
#top-btn-wp ul li.top-login a span{background:url('/Image/common/top-icon-login.png')no-repeat left center;}
#top-btn-wp ul li.top-join a span{background:url('/Image/common/top-icon-join.png')no-repeat left center;}
@media (max-width: 1099px) {
#top-btn-wp{right:75px;}
}
@media (max-width: 992px) {
#top-btn-wp ul li a{display:block; width:33px; height:33px; box-sizing:border-box; text-align:center;}
#top-btn-wp ul li a span{display:inline-block; text-indent:-99999px; width:100%; height:33px; padding-left:0px;}
#top-btn-wp ul li.top-login a span{background:url('/Image/common/top-icon-login.png')no-repeat center center;}
#top-btn-wp ul li.top-join a span{background:url('/Image/common/top-icon-join.png')no-repeat center center;}
}


.hd-back{background-color:#b42076;}
.cloned,.sub-top-bg{background:#fff;transition:all .3s;box-shadow: 0 0 25px rgba(0,0,0,.3);}
/*.cloned #navigation ul li a, #navigation ul ul li a{color:#333}*/
.cloned #logo a .top-logo{background:url('/Image/common/top_logo02.svg')}
.cloned #navigation ul a.dpth1{color:#333;}
.cloned #navigation ul li:hover a.dpth1{color:#bf418a;}
.cloned #top-btn-wp ul li{background:#b42076;}
.cloned #top-btn-wp ul li a span{color:#fff;}
.cloned #top-btn-wp ul li.top-login a span{background:url('/Image/common/top-icon-login02.png')no-repeat left center;}
.cloned #top-btn-wp ul li.top-join a span{background:url('/Image/common/top-icon-join02.png')no-repeat left center;}



/*mobile-menu ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mm-hidden{display:none!important}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.mm-panels{overflow:hidden}
.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);
-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:
top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
.mm-panel.mm-highest{z-index:1}
.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}
.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}
.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}
.mm-panels>.mm-panel:not(.mm-hidden){display:block}
.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}
.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}
.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}
.mm-btn{box-sizing:border-box;width:40px;height:50px;position:absolute;top:0;z-index:1}
.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;
-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}
.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}
.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}
.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}
.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:30px;height:50px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}
.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}
.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mm-navbar .mm-btn:first-child{left:0}
.mm-navbar .mm-btn:last-child{text-align:right;right:0}
.mm-panel .mm-navbar{display:none}
.mm-panel.mm-hasnavbar .mm-navbar{display:block;background-color:#262626}
.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}
.mm-listview{font:inherit;font-size:14px;line-height:20px}
.mm-listview a,.mm-listview a:hover{text-decoration:none}
.mm-listview>li{position:relative}
.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}
.mm-listview>li{border-bottom:1px solid #404040}
.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:14px 10px 14px 20px;margin:0}
.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0;display:none}
.mm-listview>li:not(.mm-divider):after{left:20px}
.mm-listview .mm-next{background:transparent;width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}
.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}
.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}
.mm-listview .mm-next.mm-fullsubopen{width:100%}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}
.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-10px}
.mm-menu{background:#2a2a2a;border-color:rgba(255,255,255,.1);color:#fff}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:#fff;font-weight:600;font-size:16px}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(255,255,255,.8)}
.mm-menu .mm-listview{border-color:#2a2a2a}
.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.8)}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.05)}
.mm-menu .mm-listview>li{transition:.2s}
.mm-menu .mm-listview>li:hover{background:rgba(255,255,255,.03)}
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>
.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}
.mm-menu .mm-divider{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}
html.mm-opened{overflow-x:hidden;position:relative}
html.mm-blocking{overflow:hidden}
html.mm-blocking body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:transparent;display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}
html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}
.mm-menu.mm-offcanvas.mm-opened{display:block}
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}
.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}
html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);
transform:translate3d(80%,0,0)}
@media all and (max-width:175px){
html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);
transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){
html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);
transform:translate3d(440px,0,0)}
}
.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;
padding:0!important;overflow:hidden!important;position:absolute!important}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}
em.mm-counter+a.mm-next{width:90px}
em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}
em.mm-counter+a.mm-fullsubopen{padding-left:0}
em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}
.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span{padding-right:90px}
.mm-vertical>.mm-counter{top:12px;margin-top:0}
.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}
.mm-nosubresults>.mm-counter{display:none}
.mm-menu em.mm-counter{background-color:rgba(0,0,0,.3);height:20px;width:20px;text-align:center;border-radius:50%;color:#fff;line-height:21px;font-size:10px;font-weight:600}
.mm-menu em.mm-counter{background-color:#66676b}
.mmenu-trigger{height:46px;width:46px;display:none;position:relative;margin:0; border-radius:4px;cursor:pointer} /*background-color:#eee;*/
.hamburger{padding:0;top:12px;left:12px;transform:scale(.67);-moz-transform:scale(.7) translateY(4px);position:relative;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;
transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger-box{position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:33px;height:4px;background-color:#fff; position:absolute;transition-property:transform;transition-duration:.15s;
transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}
.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}
.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}
.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}
.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}
.mmenu-trigger{display:none}
@media(max-width:1367px){
#navigation{padding-right:320px;}
}
@media(max-width:1099px){
#responsive{display:none}
.mmenu-trigger{display:inline-block!important}
#header{height:76px}
#logo{border:none; padding-left:10px;}
#logo img{border:none;max-width:130px;height:auto}
header.fullwidth .container{padding:0 20px}
.header-widget{float:left; display:block}
.fullwidth .header-widget:last-of-type,.header-widget:last-of-type{padding-right:25px;float:left}
#header .right-side{position:absolute;width:auto;background-color:#fff;text-align:left}
.mmenu-trigger{margin:0 -5px 0 23px;top:20px;float:right}
#header .right-side .header-widget{border-right:1px solid #e0e0e0;margin-right:-1px}
.header-widget{padding:0 25px}
#header-container.cloned{display:none}
#top_menu{display:none}
}
@media(max-width:768px){
.header-notifications{position:initial}
.header-notifications-dropdown:before{display:none}
.user-menu .header-notifications-dropdown,.header-notifications-dropdown{/*width:calc(100vw - 45px);*/right:-10px;top:calc(100% + 15px)}
}
@media(max-width:480px){
.hide-on-mobile{display:none}
}
/*mobile-menu End ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*서브상단 탭 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#titlebar{border-bottom:1px solid #ddd;} /**/
#titlebar.white{background:#fff;padding-bottom:0}
#titlebar.transparent{background:0 0}
#breadcrumbs{}
#breadcrumbs ul.breadcrumbs-con{display:flex; flex-wrap:wrap; flex-direction:row;}
#breadcrumbs ul.breadcrumbs-con li{flex:1; padding:0px 15px; border-left:1px solid #ddd; box-sizing:border-box;}
#breadcrumbs ul.breadcrumbs-con li:last-child{border-right:1px solid #ddd;}
#breadcrumbs ul.breadcrumbs-con li a{font-size:14px; color:#666; line-height:60px; display:block; text-align:center;}
#breadcrumbs ul.breadcrumbs-con li:hover{background:#fae6e9;}
#breadcrumbs ul.breadcrumbs-con li:hover a{color:#222;}
#breadcrumbs ul.breadcrumbs-con li.active{background:#fae6e9;} /**/
#breadcrumbs ul.breadcrumbs-con li.active a{color:#222; font-weight:700;}
#breadcrumbs ul.breadcrumbs-con li.active a span{font-size:15px; position:relative; display:inline-block;}
#breadcrumbs ul.breadcrumbs-con li.active a span:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background:#b42076; position:absolute; left:-15px; top:50%; margin-top:-2px;}
/*서브 상단 페이징 셀렉트박스*/
.titlebar-row-inner{position:relative;float:left;}
.titlebar-row-inner select{background:rgba(180,32,118,0.3); color:#333;font-size:15px; height:40px; line-height:40px; padding:0px 30px 0px 15px;}
.titlebar-row-inner:after{content:"▼"; position:absolute; top:0px; right:15px; line-height:40px; color:#fff; z-index:999; font-size:11px;}
.titlebar-row-inner select::-ms-expand {display:none}
@media(max-width:992px){

#breadcrumbs ul.breadcrumbs-con.dz-tabs li{flex:0 0 50%; -ms-flex:none; -ms-float:left; width:50%; border-bottom:1px solid #ddd;}
#breadcrumbs ul.breadcrumbs-con.dz-tabs li:nth-child(3), #breadcrumbs ul.breadcrumbs-con.dz-tabs li:nth-child(4){border-bottom:0px solid #ddd;}
#breadcrumbs ul.breadcrumbs-con.dz-tabs li:nth-child(2), #breadcrumbs ul.breadcrumbs-con.dz-tabs li:nth-child(4){border-right:1px solid #ddd;}
}
@media(max-width:768px){
#breadcrumbs ul.breadcrumbs-con li.active a span{font-size:14px; letter-spacing:-0.3px;}
}
/*서브상단 탭 End -------------------------------------------------------------------------------------------------------------*/
.sub-container{font-family:'Nanum Gothic'; position:relative; overflow:hidden; min-height:550px;}
.sub-section-bg{background:#f5f5f5; padding:60px 0;}
.full-imgBg{padding:60px 0; background-size:cover;}
.subTitle-wp{}
.subTitle-wp .subTitle{padding-top:8px; margin-bottom:25px; position:relative;}
.subTitle-wp .subTitle:before{content:''; display:block; width:30px; height:3px; background-color:#333; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.subTitle-wp .subTitle h2{font-family:'Nanum Gothic';font-size:26px; letter-spacing:-0.35px; color:#333; font-weight:700; line-height:1.5; text-align:center;}
.subTitle-wp .subTitle-img{padding-bottom:40px;}

.sub-title-common{} /*width:100%; height:300px; background:url('/Image/Sub/subTitle_img1-01.jpg') no-repeat; background-size:cover;*/
.subTitle-wp2{position:relative;}
.subTitle-wp2 .subTitle-img{width:100%; height:300px;}
.subTitle-wp2 .subTitle-img img{height:100%;}
.subTitle-wp2 .subTitle-img.sub1-01{background:url('/Image/Sub/subTitle_img1-01.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub1-02{background:url('/Image/Sub/subTitle_img1-02.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-01{background:url('/Image/Sub/subTitle_img2-01.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-02{background:url('/Image/Sub/subTitle_img2-02.jpg') no-repeat; background-size:cover; background-position:center center;}
/*.subTitle-wp2 .subTitle-img.sub2-02-2{background:url('/Image/Sub/subTitle_img2-02-2.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-02-3{background:url('/Image/Sub/subTitle_img2-02-3.jpg') no-repeat; background-size:cover; background-position:center center;}*/
.subTitle-wp2 .subTitle-img.sub2-03{background:url('/Image/Sub/subTitle_img2-03.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-04{background:url('/Image/Sub/subTitle_img2-04.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub3-01{background:url('/Image/Sub/subTitle_img3-01.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub3-02{background:url('/Image/Sub/subTitle_img3-02.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub4-01{background:url('/Image/Sub/subTitle_img4-01.jpg?v=2020123111') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%;}
.subTitle-wp2 .subTitle:before{background-color:#fff;}
.subTitle-wp2 h2{font-size:34px; font-weight:700; color:#fff; text-align:center; }
.subTitle-wp2 .subTitle p{font-size:18px; font-weight:500; color:#fff; text-align:center; margin:10px 0 0; }

.subTitle-wp3{}
.subTitle-wp3 .subTitle{padding-bottom:15px; margin-bottom:15px; position:relative;}
.subTitle-wp3 .subTitle:after{content:''; display:block; width:30px; height:3px; background-color:#c34d91; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.subTitle-wp3 .subTitle h2{font-family:'Nanum Gothic';font-size:18px; letter-spacing:-0.35px; color:#666; font-weight:700; line-height:1.5; text-align:center;}

.sub-conBox{margin-bottom:60px;}
.sub-conBox:first-child{margin-top:60px;}
.sub-conBox2{padding:30px 0;}

.sub-title1{font-family:'Nanum Gothic'; font-size:30px; color:#333; font-weight:700; text-align:center; line-height:46px; padding:0 5px;}
.sub-title1 span{color:#b42076;}
.sub-title1:before, .sub-title1:after{content:'';display:inline-block;position:relative; background-repeat:no-repeat; width:22px; height:18px; background-size:22px auto;}
.sub-title1:before{background-image:url('/Image/Sub/quotes01.png'); background-position:left top; top:-12px; left:-5px;}
.sub-title1:after{background-image:url('/Image/Sub/quotes02.png'); background-position:right top; top:-8px; right:-5px;}
.sub-title1.rule-sub{padding-bottom:60px;}
.sub-txt1{}
.sub-txt2{text-align:center;}


@media(max-width:768px){
.sub-conBox{margin-bottom:40px;}
.sub-conBox:first-child{margin-top:40px;}
.subTitle-wp2 .subTitle-img.sub1-01{height:160px; background:url('/Image/Sub/subTitle_m_img1-01.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub1-02{height:160px; background:url('/Image/Sub/subTitle_m_img1-02.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-01{height:160px; background:url('/Image/Sub/subTitle_m_img2-01.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-02{height:160px; background:url('/Image/Sub/subTitle_m_img2-02.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-03{height:160px; background:url('/Image/Sub/subTitle_m_img2-03.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub2-04{height:160px; background:url('/Image/Sub/subTitle_m_img2-04.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub3-01{height:160px; background:url('/Image/Sub/subTitle_m_img3-01.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub3-02{height:160px; background:url('/Image/Sub/subTitle_m_img3-02.jpg') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 .subTitle-img.sub4-01{height:160px; background:url('/Image/Sub/subTitle_m_img4-01.jpg?v=2020123111') no-repeat; background-size:cover; background-position:center center;}
.subTitle-wp2 h2{font-size:30px;}
.sub-title1{font-size:23px; line-height:42px; padding:0 5px; letter-spacing:-0.5px;}
}

#footer{background:#454545;}
#footer .footer-section{padding:45px 0;}
#footer .footer-txt{text-align:center; color:#e2e2e2; font-size:12px; line-height:21px;}
#footer .footer-txt p{padding-bottom:20px; margin:0; color:#e2e2e2; font-size:12px; line-height:21px;}

@media(max-width:768px){
#footer .footer-txt p span{display:block;}
}



.quick{position:fixed; right:10px; bottom:50px; z-index:999;}
.quick ul{}
.quick ul li{border-radius:30px; box-sizing:border-box; width:150px; margin-bottom:10px;}
.quick ul li.dz-kko{background:#ffe600;}
.quick ul li.dz-blog{background:#2fb14a;}
.quick ul li.dz-link{background:#fff;border:1px solid #dddddd}
.quick ul li a{display:block; font-size:13px; font-weight:500; letter-spacing:-0.5px; padding:10px 0; text-align:center;}
.quick ul li.dz-kko a{ color:#000;}
.quick ul li.dz-blog a{color:#fff;}
.quick ul li.dz-link a{color:#000;}
.quick ul li a img{vertical-align:middle; max-width:100%; padding-right:8px}
.quick ul li.dz-lc{background:#fff; border:1px solid #dddddd}
.quick ul li.dz-lc img{display:block; width:38px; margin:0 auto;padding-right:0px;}

@media (max-width: 992px) {
.quick ul li{padding:0 12px; width:40px; height:40px;}
.quick ul li a{padding:7px 0;}
.quick ul li a span{display:none;}
.quick ul li a img{padding-right:0; height:26px; width:auto;}
.quick ul li.dz-lc img{ height:auto; padding-top:5px}
.quick ul li.dz-link img{ height:auto; padding-top:-10px}
}
@media(max-width:768px){

}

/* added 20230226 */
.quick ul li.dz-link .link-nav {
    display: none;
    position: absolute;
    top: 210px;
    right: 150px;
    padding: 0;
    z-index: 99998;
    background-color: #343434;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%);
    border-radius: 8px;
    width: 150px;
}
.quick ul li.dz-link .link-nav li {
    margin: 0;
}
.quick ul li.dz-link .link-nav li a {
    color: #ffffff;
    padding: 6px 15px!important;
    line-height: 22px!important;
    border-radius: 8px;
}
.quick ul li.dz-link .link-nav li a:hover {
    color: #ffbed6;
    background-color: #181818;
}
.quick ul li.dz-link .link-nav:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #343434;
    z-index: 99999;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%);
}
.quick ul li.dz-link:hover > .link-nav {
    display: block;
}