/* FONT */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* COMMON PROPERTY */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,td,table,dd,th,form,fieldset,legend,input,textarea,button,select {outline:0; border:0; margin:0; padding:0; -webkit-text-size-adjust:none}
body {font-family:'Montserrat', 'Nanum Gothic'; height:100%; background:#ECEFF1; -webkit-font-smoothing:antialiased; overflow-x:hidden}
a {text-decoration:none; outline:none; cursor:default}
button:focus {outline:none}

.mm-header {border-bottom:5px solid #0093dc; width:100%; height:50px; background:#049CE8; box-sizing:border-box}
.sb-toggle-right {display:block; width:19px; height:19px; top:18px; right:15px; position:absolute}
.hdr-search {display:block; width:16px; height:16px; top:17px; right:60px; position:absolute}
#tdSearch > svg {fill:#fff}

.hd-logo {display:block; height:50px; padding-left:15px; box-sizing:border-box; width:160px; font-weight:700; font-size:19px; color:#fff; line-height:50px}
.hd-logo img {max-width:160px; width:auto; height:30px; margin:7px 0 3px}

.mm-content {box-shadow:1px 1px 1px #ddd; box-sizing:border-box; margin:6px auto 6px; width:calc(100% - 12px) !important; min-height:100%; background:#ECEFF1; color:#666}
.vn-content {width:100%; min-height:100%; background:#ECEFF1; color:#666}
.bd {position:initial; padding:0; margin:0; width:100%; min-height:100%}

/* FOOTER */
.mm-footer a {text-decoration:none}
.ft_menu li {text-align:center; display: inline-block; margin-bottom:3px}
.ft_menu li a {color:#666; font-size:10px; padding:0 7px}
.ft_menu li:first-child a {border-left:0}
.mm-footer p {margin-top:5px}
.mm-footer span {color:#666}
.mm-footer .ft-title {color:#444; font-size:13px; font-weight:400; border-bottom:1px dashed #666}
.mm-footer {box-sizing:border-box; padding:20px 10px; text-align:center; margin-top:10px; width:100%; background:#dddfe1}


.gnbinfo {background:#fff; position:absolute; top:35px; left:9px; margin:0; border-radius:100%; width:60px; height:60px; text-align:center}
.gnbinfo img {width:58px; height:58px; border-radius:100%; margin-top:1px}
.gnbinfo span {color:#eee; font-size:13px; font-weight:600; text-transform:uppercase;}

.mm-member {position:absolute; bottom:0; width:100%; height:50px; background:rgba(0,0,0,0.1)}
.mm-member > h1, .mm-member > h2 {color:#fff; font-size:14px; text-align:left}
.mm-member > h1 {font-weight:bold; margin:5px 0 0 18px}
.mm-member > h2 {margin:3px 0 0 18px}

.mm-sign {width:100%; height:50px; line-height:50px; text-align:center}
.mm-sign > a {float:left; display:inline-block; width:50%; height:50px; text-decoration:none; outline:none; font-size:14px; font-weight:bold; color:rgba(255,255,255,0.7); border-radius:2px; background:rgba(0,0,0,0.01); transition:all 0.2s ease}
.mm-sign > a:hover, .mm-member> div > a:focus {color:#fff; background:rgba(255,255,255,0.2)}

.mm-trg {width:10px; height:10px; position:absolute; bottom:20px; right:21px}
.mm-trg > svg {fill:rgba(255,255,255,1); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease}
.mm-trg.rotate > svg {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease}

.md-show {display:none; height:200px; background:#fff}
.md-show li {box-sizing:border-box; width:100%; height:50px; display:block; border-bottom:1px solid #fafafa; line-height:50px}
.md-show li > a {display:block; box-sizing:border-box; width:100%; height:50px; font-size:14px; color:#aaa; text-decoration:none; font-weight:bold; padding-left:18px}

/* accodion */
.accordion {width:100%; margin:0 auto 20px; background:#FFF}
.accordion .link {display:block; padding:0; height:50px; box-sizing:border-box; font-size:14px; font-weight:700; border-bottom:1px solid #fafafa; position:relative; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease}
.accordion .link > a {color:#aaa; box-sizing:border-box; padding-left:18px; width:100%; display:block; text-decoration:none; line-height:50px; text-transform:uppercase}
.accordion > li:first-child {height:160px}
.accordion li:last-child .link {border-bottom:0}
.accordion li .ac-arrow {position:absolute; right:0; top:0; width:50px; height:50px; border-left:1px solid #fafafa}
.accordion li .ac-arrow > svg {fill:#bbb; margin:19px; width:10px; height:10px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}

.accordion li.open .link > a {color:#049CE8}
.accordion li.open .ac-arrow > svg {fill: #049CE8}
.accordion li.open .ac-arrow > svg {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease}

.submenu {display:none; background:#fafafa; font-size:12px}
.submenu li {border-bottom:1px solid rgba(255,255,255,0.1)}
.submenu a {display:block; text-decoration:none; font-weight:bold; color:#aaa; padding:12px; padding-left:25px; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease}
.submenu a:hover {background:#049CE8; color:#fff}

/* SEARCH WINDOW */
.cd-popup-c {position:fixed; z-index:20; left:0; top:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0); opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s; transition:opacity 0.3s 0s, visibility 0s 0.3s}
.cd-popup-c.is-visible-c {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s}
.cd-popup-container-c {position:relative; width:100%; margin:0 auto; background:#FFF; border-bottom:1px solid #fafafa; text-align:center; -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); transform:translateY(-40px); -webkit-backface-visibility:hidden; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s}
.is-visible-c .cd-popup-container-c {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}
.searchfield td {box-sizing:border-box; background:#fff; width:100%; margin:0; padding:0 5px}
.searchfield input[type="search"] {color:#222; width:100%; border:0; box-sizing:border-box; height:46px; padding:0 5px; font-weight:bold; font-size:16px; outline:0}
#submit_img {background:inherit !important}
.img-replace {display:inline-block; overflow:hidden; text-indent:100%; color:transparent; white-space:nowrap}
.cd-popup-close {position:absolute; top:12px; right:8px; width:30px; height:30px}
.cd-popup-close::before, .cd-popup-close::after {content:''; position:absolute; top:12px; width:14px; height:3px; background-color:#f27d8e}
.cd-popup-close::before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); left:8px}
.cd-popup-close::after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform: otate(-45deg); right:8px}

/*PLACEHOLDER COLOR*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa}
input:-moz-placeholder, textarea:-moz-placeholder {color:#aaa}
input::-moz-placeholder, textarea::-moz-placeholder {color:#aaa}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#aaa}

/*TYPING FIELD 'X' REMOVE*/
input[type=text]::-ms-clear {display:none; width:0; height:0}
input[type=text]::-ms-reveal {display:none; width:0; height:0}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}


/*  SWIPER */
.mms-wrap {width:100%; box-sizing:border-box; padding:0 25px; background:#fff; margin:0 auto 6px; box-shadow:1px 0 1px #ddd;}
.mms-wrap .swiper-container {margin:0; height:40px; background:#fff; width:100%}
.mms-wrap .swiper-slide {height:40px; line-height:40px; width:auto !important; margin-right:15px}
.mms-wrap .swiper-slide a {font-weight:bold; font-size:12px; color:#d1d1d1; box-sizing:border-box; padding:0 2px 9px}
.mms-wrap .swiper-slide:first-child {margin-left:auto}
.mms-wrap .swiper-slide:last-child {margin-right:auto}
.mms-wrap .swiper-slide a.on {color:#049CE8; border-bottom:4px solid #049ce8}

.swiper-button-prev,
.swiper-button-next {position:absolute; width:12px; height:12px; top:62px; z-index:10; cursor:normal; text-align:center}
.swiper-button-prev {left:5px; right:auto}
.swiper-button-next {right:5px; left:auto}
.swiper-button-prev > svg,
.swiper-button-next > svg {margin-bottom:1px; fill:#73caf5; width:6px; height:6px}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {transition:opacity 0.3s 0s; opacity:0.2; cursor:auto; pointer-events:none}

/* RIPPLE EFFECT */
@-webkit-keyframes ripple-animation {
	0% {-webkit-transform: scale(.1); transform: scale(.1)}
  100% {-webkit-transform: scale(5); transform: scale(5)}    
}

@keyframes ripple-animation {
	0% {-webkit-transform: scale(.1); transform: scale(.1)}
  100% {-webkit-transform: scale(5); transform: scale(5)}     
}

/* ETC */
.td_header > a > svg {fill:#88cff3 !important}