@charset "utf-8";
#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}



#wrap {padding-top: 120px;position: relative;overflow: hidden;min-width: 1200px;}



.__inner {width: 1200px;margin: 0 auto;}


/********************************************
	HEADER
********************************************/
#header {border-bottom: 1px solid #ddd;background: #fff;position: fixed;left: 0;top: 0;z-index: 90;width: 100%;height: 120px;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
#header .tnb {border-bottom: 1px solid #ddd;background: #f9faff;}
#header .tnb ul {text-align: right;font-size: 0;}
#header .tnb ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;border-right: 1px solid #ddd;}
#header .tnb ul li a {display: block;padding: 3px 15px 0;height: 37px;line-height: 37px;background: #fff;font-size: 13px;color: #b8babd;font-weight: 400;}
#header .tnb ul li.first {border-left: 1px solid #ddd;}
#header .tnb ul li.first a {padding-left: 30px;background: #01a1dd url(/kor/images/icon-home.gif) no-repeat 15px 50%;color: #fff;}
#header .tnb ul li a:hover {text-decoration: underline;}
#header .header-in {position: relative;}
#header .header-in .logo {position: absolute;top: 20px;left: 0;font-size: 0;line-height: 0;}
#header .header-in nav {margin-left: 145px;}
#header .header-in nav .gnb { margin-left:40px;  } /* 메뉴 마진 조정 후 좌측 로고에 메뉴가 겹치는 현상을 방지하기 위해 마진 추가 */
#header .header-in nav .gnb:after {display: block;clear: both;content: "";}
#header .header-in nav .gnb > li {float: left;position: relative;margin-left: 15px;} /* 상단 메뉴가 로그인 버튼과 겹쳐서 메뉴의 마진을 조정 - 221121 */
#header .header-in nav .gnb > li:after {display: block;content: "";width: 120px;height: 2px;background: #01a1dd;position: absolute;bottom: 0;left: 50%;margin-left: -60px;opacity: 0;transition: all 0.3s;}
#header .header-in nav .gnb > li:hover:after,
#header .header-in nav .gnb > li.active:after {opacity: 1;}
#header .header-in nav .gnb > li > a {display: block;font-size: 19px;color: #141414;font-weight: 400;height: 80px;line-height: 80px;}
#header .header-in nav .gnb > li > ul {position: absolute;top: 80px;left: 50%;z-index: 80;width: 118px;padding: 0;margin-left: -60px;background: #fff;border: 0 solid #ddd;text-align: center;font-size: 0;transition: all 0.3s;overflow: hidden;}
#header .header-in nav .gnb > li > ul li a {display: block;font-size: 16px;color: #8a8a8a;font-weight: 400;height: 0;line-height: 22px;padding: 0;word-break: keep-all;transition: all 0.3s;overflow: hidden;}
#header .header-in nav .gnb > li:hover > ul {padding: 10px 0;border: 1px solid #ddd;border-top: 0;}
#header .header-in nav .gnb > li:hover > ul li a {height: auto;padding: 12px 5px;}
#header .header-in nav .gnb > li > ul li:hover a,
#header .header-in nav .gnb > li > ul li.active a {text-decoration: underline;}
#header .header-in .right-btn {position: absolute;top: 28px;right: 0;}
#header .header-in .right-btn:after {display: block;clear: both;content: "";}
#header .header-in .right-btn > * {float: left;}
#header .header-in .right-btn .btn {font-size: 14px;color: #a7a7a7;font-weight: 400;padding-top: 2px;line-height: 21px;height: 21px;}
#header .header-in .right-btn .btn:hover {text-decoration: underline; color:#01a1dd;}
#header .header-in .right-btn .lang {position: relative;background: #fff;margin-left: 15px;}
#header .header-in .right-btn .lang strong {display: block;border: 1px solid #ddd;height: 21px;line-height: 21px;padding-top: 2px;width: 60px;text-indent: 10px;background: url(/kor/images/lang-arrow.gif) no-repeat 100% 50%;font-size: 12px;color: #a7a7a7;font-weight: 400;}
#header .header-in .right-btn .lang ul {position: absolute;top: 23px;left: 0;width: 40px;background: #fafafa;border: 0 solid #ddd;padding: 0 10px;height: 0;transition: all 0.3s;overflow: hidden;}
#header .header-in .right-btn .lang:hover ul {padding: 9px 10px 4px;height: auto;border: 1px solid #ddd;}
#header .header-in .right-btn .lang ul li a {display: block;font-size: 12px;color: #a7a7a7;}
#header .header-in .right-btn .lang ul li a:hover {text-decoration: underline;}


/********************************************
	FOOTER
********************************************/
#footer .fnb {background: #3a3a3a;}
#footer .fnb-in {position: relative;}
#footer .fnb .btn-l:after {display: block;clear: both;content: "";}
#footer .fnb .btn-l li {float: left;}
#footer .fnb .btn-l li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: "|";margin: 0 20px;}
#footer .fnb .btn-l li.first:before {display: none;}
#footer .fnb .btn-l li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;height: 62px;line-height: 62px;font-size: 14px;color: #e4e4e4;font-weight: 400;letter-spacing: -0.05em;}
#footer .fnb .btn-l li a:hover {text-decoration: underline;}
#footer .fnb .btn-r {position: absolute;top: 0;right: 292px;}
#footer .fnb .btn-r:after {display: block;clear: both;content: "";}
#footer .fnb .btn-r li {float: left;font-size: 0;margin-top: 13px;margin-left: 20px;}
#footer .fnb .btn-r li b {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 14px;color: #fff;font-weight: 400;letter-spacing: -0.05em;}
#footer .fnb .btn-r li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-left: 5px;transition: all 0.3s;}
#footer .fnb .btn-r li:hover a {opacity: 0.72;}
#footer .fnb .site {position: absolute;top: 0;right: 0;width: 280px;}
#footer .fnb .site strong {display: block;height: 62px;line-height: 62px;font-size: 14px;color: #fff;font-weight: 400;letter-spacing: -0.05em;text-indent: 26px;background: #191919 url(/kor/images/icon-site.gif) no-repeat 100% 50%;}
#footer .fnb .site ul {position: absolute;bottom: 62px;left: 0;border-top: 1px solid #e0e0e0;z-index: 80;width: 280px;background: #f1f1f1;height: 0;overflow: hidden;transition: all 0.3s;}
#footer .fnb .site li:first-child a {border-top: 0;}
#footer .fnb .site li a {display: block;padding: 12px 10px;border-top: 1px solid #e0e0e0;font-size: 13px;color: #888;font-weight: 400;}
#footer .fnb .site:hover ul {height: 119px;overflow: auto;}
#footer address {position: relative;padding: 28px 0;font-size: 14px;color: #666;font-weight: 400;letter-spacing: -0.05em;line-height: 24px;}
#footer address em {display: block;padding-top: 20px;font-size: 14px;color: #c0c0c0;font-weight: 400;letter-spacing: -0.05em;}
#footer .flogo{position: absolute;top: 5px;right: 0;}



/********************************************
	MAIN
********************************************/
#main {padding-bottom: 75px;}
#main .visual {height: 743px;overflow: hidden;position: relative;}
#main .visual ul li {height: 743px;background-repeat: no-repeat;background-position: 50% 0;}
#main .visual .bx-controls-direction a {display: block;position: absolute;top: 50%;margin-top: -48px;z-index: 60;width: 61px;height: 97px;background-color: #01a1dd;background-repeat: no-repeat;background-position: 50%;text-indent: -999px;overflow: hidden;transition: all 0.3s;}
#main .visual .bx-controls-direction a:hover {background-color: rgba(238,238,238,0.8);}
#main .visual .bx-prev {background-image: url(/kor/images/vis-prev.png);left: 0;border-radius: 0 5px 5px 0;}
#main .visual .bx-next {background-image: url(/kor/images/vis-next.png);right: 0;border-radius: 5px 0 0 5px;}
#main .visual .bx-pager {position: absolute;top: 345px;left: 50%;z-index: 60;margin-left: -600px;}
#main .visual .bx-pager-item {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#main .visual .bx-pager-item a {display: block;margin-right: 4px;width: 45px;height: 7px;text-indent: -99px;overflow: hidden;background-image: url(/kor/images/pager-off.png);}
#main .visual .bx-pager-item a.active {background-image: url(/kor/images/pager-on.png);}
#main .linkwrap {display: block;margin-bottom: 55px;position: relative;margin-top: -236px;z-index: 70;}
#main .linkwrap:after {display: block;clear: both;content: "";}
#main .linkwrap .box {float: left;padding: 40px 30px;height: 200px;width: 340px;background-repeat: no-repeat;background-position: 100% 50%;background-size: 100% 100%;position: relative;overflow: hidden;transition: all 0.3s;}
/* #main .linkwrap .box:after {display: block;content: "";width: 398px;height: 278px;border: 1px solid #01a1dd;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.3s;}
#main .linkwrap .box:hover:after {opacity: 1;} */
#main .linkwrap .box:hover {background-size: 120% 120%;}
#main .linkwrap .box a.more {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
#main .linkwrap .box .tit {display: block;margin-bottom: 15px;font-size: 22px;color: #222;font-weight: 400;letter-spacing: -0.05em;}
#main .linkwrap .box .tit span {color: #01a1dd;}
#main .linkwrap .box p {font-size: 16px;color: #666;font-weight: 400;line-height: 23px;}
#main .linkwrap .box p.more {position: absolute;bottom: 65px;left: 30px;font-size: 13px;color: #222;font-weight: 400;letter-spacing: -0.05em;}
#main .linkwrap .box p.more img {margin-left: 3px;vertical-align: text-top;}
#main .linkwrap .box:hover p.more {color: #01a1dd;}
#main .linkwrap .box:nth-child(2) .tit {color: #fff;}
#main .linkwrap .box:nth-child(2) .tit span {color: #01a1dd;}
#main .linkwrap .box:nth-child(2) p {color: #fff;}
#main .boardwrap:after {display: block;clear: both;content: "";}
#main .boardwrap .box {float: left;width: 400px;position: relative;}
#main .boardwrap .box .tit {display: block;margin-bottom: 30px;font-size: 22px;color: #222;font-weight: 400;letter-spacing: -0.05em;}
#main .boardwrap .box .tit span {color: #01a1dd;}
#main .boardwrap .box .more {position: absolute;top: 0;right: 0;font-size: 13px;color: #222;font-weight: 400;letter-spacing: -0.05em;}
#main .boardwrap .box .more img {margin-left: 3px;vertical-align: text-top;}
#main .boardwrap .box .more:hover {text-decoration: underline;}
#main .boardwrap .notice {width: 370px;margin-right: 30px;}
#main .boardwrap .notice dl {display: block;}
#main .boardwrap .notice dt {display: block;margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-left: 30px;padding-bottom: 17px;line-height: 23px;background: url(/kor/images/icon-notice.gif) no-repeat 0 0;}
#main .boardwrap .notice dt a {font-size: 19px;color: #222;font-weight: 400;letter-spacing: -0.05em;}
#main .boardwrap .notice dt a:hover {color: #01a1dd;}
#main .boardwrap .notice dd {display: block;font-size: 0;}
#main .boardwrap .notice dd p {display: block;margin-bottom: 18px;font-size: 15px;color: #8a8a8a;line-height: 22px;font-weight: 400;letter-spacing: -0.05em;}
#main .boardwrap .notice dd span {display: block;font-size: 14px;color: #8a8a8a;font-weight: 400;letter-spacing: -0.05em;padding-left: 20px;background: url(/kor/images/icon-data.gif) no-repeat 0 0;}
#main .boardwrap .ozone .tit {margin-bottom: 0;}
#main .boardwrap .ozone ul {display: block;padding-top: 55px;}
#main .boardwrap .ozone ul:after {display: block;clear: both;content: "";}
#main .boardwrap .ozone li {width: 25%;text-align: center;font-size: 0;float: left;}
#main .boardwrap .ozone li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-bottom: 20px;}
#main .boardwrap .ozone li a img {transition: all 0.3s;position: relative;top: 0;}
#main .boardwrap .ozone li b {display: block;font-size: 16px;color: #222;font-weight: 400;letter-spacing: -0.05em;}
#main .boardwrap .ozone li a:hover img {top: 8px;}
#main .boardwrap .ozone li a:hover + b {color: #01a1dd;}
#main .boardwrap .video {width: 400px;}
#main .boardwrap .video .tit {margin-bottom: 18px;}
#main .boardwrap .video p {display: block;margin-bottom: 15px;font-size: 15px;color: #666;font-weight: 400;letter-spacing: -0.05em;line-height: 21px;}
#main .boardwrap .video ul::after {display: block; content: ""; clear: both;}
#main .boardwrap .video ul li {float: left;}
#main .boardwrap .cc {margin-left: 34px;width: 366px;}
#main .boardwrap .cc .tit {margin-bottom: 18px;}
#main .boardwrap .cc ul::after {display: block; content: ""; clear: both;}
#main .boardwrap .cc ul {height: 35px; position: relative; top: -6px;}
#main .boardwrap .cc ul li {float: left; height: 36px; cursor: pointer;}
#main .boardwrap .cc ul li .tit {margin-bottom: 8px; padding: 7px 10px; border: 1px solid rgb(0 0 0 / 0%);}
#main .boardwrap .cc ul li.on {background: #fff; height: 42px;}
#main .boardwrap .cc ul li.on .tit {margin-bottom: 8px; border-left: 1px solid #02a0dd; border-top: 1px solid #02a0dd; border-right: 1px solid #02a0dd;}
#main .boardwrap .cc p {display: block;margin-bottom: 15px;font-size: 15px;color: #666;font-weight: 400;letter-spacing: -0.05em;line-height: 21px; margin-top: 7px;}
#main .boardwrap .cc .line {width: 100%; height: 1px; background: #01a1dd;}

/********************************************
	SUB
********************************************/
#sub .subwrap {background: url(/kor/images/lnb-line.gif) repeat-y 0 0;}
#sub .subwrap:after {display: block;clear: both;content: "";}
#sub .subwrap .left {float: left;width: 188px;padding: 0 1px;}
#sub .subwrap .left h3 {padding: 30px 0 30px 16px;background: #01a1dd;border-bottom: 1px solid #ddd;}
#sub .subwrap .left h3 b {display: block;margin-bottom: 5px;font-size: 24px;color: #fff;font-weight: 400;font-family: nbb,sans-serif;}
#sub .subwrap .left h3 p {display: block;font-size: 16px;color: #fff;font-weight: 400;}
#sub .subwrap .left .lnb {background: #fafafa;}
#sub .subwrap .left .lnb > li > a {display: block;border-bottom: 1px solid #ddd;line-height: 22px;padding: 16px 10px;font-size: 15px;color: #666;font-weight: 400;position: relative;}
#sub .subwrap .left .lnb > li:hover > a:after,
#sub .subwrap .left .lnb > li.active > a:after {display: block;content: "-";position: absolute;top: 18px;right: 12px;line-height: 22px;font-size: 28px;color: #fff;font-weight: 400;}
#sub .subwrap .left .lnb > li:hover > a,
#sub .subwrap .left .lnb > li.active > a {background: #453f3f;color: #fff;}
#sub .subwrap .left .lnb > li > ul {border-bottom: 0;background: #fff;transition: all 0.5s;height: 0;padding: 0;overflow: hidden;position: relative;}
#sub .subwrap .left .lnb > li:hover > ul,
#sub .subwrap .left .lnb > li.active > ul {padding: 10px 0;height: auto;}
#sub .subwrap .left .lnb > li > ul:after {border-bottom: 1px solid #ddd;position: absolute;bottom: 0;left: 0;display: block;content: "";width: 100%;}
#sub .subwrap .left .lnb > li > ul > li a {display: block;line-height: 18px;padding: 5px 10px;font-size: 13px;color: #666;font-weight: 400;}
#sub .subwrap .left .lnb > li > ul > li:hover a,
#sub .subwrap .left .lnb > li > ul > li.active a {color: #01a1dd;}
#sub .subwrap .right {float: right;width: 980px;padding-top: 48px;}
#sub .subwrap .right .title {border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 35px;line-height: 30px;}
#sub .subwrap .right .title:after {display: block;clear: both;content: "";}
#sub .subwrap .right .title h4 {float: left;font-size: 26px;color: #181818;font-weight: 400;letter-spacing: -0.04em;}
#sub .subwrap .right .title .navi {float: right;background: url(/kor/images/navi-home.gif) no-repeat 0 50%;padding-left: 20px;}
#sub .subwrap .right .title .navi li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 15px;color: #a2a2a2;font-weight: 400;padding-left: 17px;margin-left: 10px;background: url(/kor/images/navi-arrow.gif) no-repeat 0 50%;line-height: normal;}
#sub .subwrap .right .title .navi li b {color: #01a1dd;font-weight: 400;}
#sub .subwrap .left .lnb,
#sub .subwrap .right {margin-bottom: 150px;}


/********************************************
	CONTENT
********************************************/
#content .top-img {display: block;margin-bottom: 40px;background-repeat: no-repeat;background-position: 100% 50%;background-size: contain;background-color: #fbfbfb;height: 260px;padding: 0 50px;font-size: 0;}
#content .top-img:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#content .top-img .textMiddle{display: inline-block;vertical-align: middle;max-width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#content .top-img strong {display: block;margin-bottom: 10px;font-size: 30px;color: #01a1dd;font-weight: 400;line-height: 40px;}
#content .top-img b {display: block;margin-bottom: 10px;font-size: 18px;color: #01a1dd;font-weight: 400;}
#content .top-img p {display: block;font-size: 16px;color: #666;font-weight: 400;line-height: 26px;}
#content .top-icon {display: block;margin-bottom: 40px;background-repeat: no-repeat;background-position: 42px 50%;background-color: #fbfbfb;padding: 40px;padding-left: 162px;}
#content .top-icon p {display: block;font-size: 16px;color: #666;font-weight: 400;letter-spacing: -0.05em;line-height: 26px;}
#content .top-icon p b {font-size: 20px;color: #01a1dd;font-weight: 400;}
#content .text {display: block;word-break: keep-all;}
#content .text strong {color: #666;font-weight: 400;line-height: 32px;}
#content .text strong.cpn {font-size: 25px;}
#content .text strong.cpn span {color: #01a1dd;}
#content .text p {font-size: 16px;color: #666;font-weight: 400;line-height: 26px;letter-spacing: -0.04em;}
#content .text p span {color: #01a1dd;}
#content .text dl.icon {display: block;background-repeat: no-repeat;background-position: 0 50%;padding: 30px 0;padding-left: 132px;}
#content .text dl.icon dt {display: block;font-size: 18px;color: #01a1dd;font-weight: 400;line-height: 26px;}
#content .text dl.icon dd {display: block;font-size: 16px;color: #666;font-weight: 400;line-height: 26px;}
#content .text.bg {display: block;margin-bottom: 32px;padding: 35px;background-color: #fbfbfb;}
#content .location {display: block;padding: 40px 0 35px;}
#content .location .tit {display: block;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;font-size: 20px;color: #222;font-weight: 400;}
#content .location .tit span {color: #01a1dd;}
#content .location ul {display: block;}
#content .location li {margin-bottom: 15px;}
#content .location li > * {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#content .location li span {width: 30px;font-size: 0;line-height: 0;}
#content .location li b {font-size: 16px;color: #01a1dd;font-weight: 400;}
#content .location li p {margin-left: 17px;font-size: 16px;color: #666;font-weight: 400;}
#content .tit {display: block;margin-bottom: 20px;font-size: 20px;color: #453f3f;font-weight: 400;}
#content .tit.b {padding-left: 16px;position: relative;}
#content .tit.b:after {display: block;content: "";width: 3px;height: 3px;border: 3px solid #01a1dd;position: absolute;top: 6px;left: 0;}
#content .tableskin {width: 100%;border-top: 2px solid #01a1dd;}
#content .tableskin th,
#content .tableskin td {border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;text-align: center;}
#content .tableskin th:last-child,
#content .tableskin td:last-child {border-right: 0;}
#content .tableskin th {height: 50px;font-size: 18px;color: #01a1dd;font-weight: 400;}
#content .tableskin td {height: 45px;font-size: 16px;color: #666;font-weight: 400;letter-spacing: -.05em;}
#content .tableskin td * {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#content .tableskin td b {font-weight: 600;color: #222;}
#content .tableskin td strong {padding-bottom: 5px;color: #333;font-weight: 400;}
#content .tableskin td span {padding-bottom: 5px;color: #01a1dd;}
#content .tableskin.tal td {text-align: left;padding: 40px 30px;line-height: 23px;}
#content .tableskin .nth2 th:nth-child(2),
#content .tableskin .nth2 td:nth-child(2) {border-left: 3px solid #01a1dd;border-right: 3px solid #01a1dd;}
#content .tableskin .nth2 th:nth-child(2) {border-top: 3px solid #01a1dd;}
#content .tableskin .nth2 tr:last-child td:nth-child(2) {border-bottom: 3px solid #01a1dd;}
#content .boxnum:after {display: block;clear: both;content: "";}
#content .boxnum dl {float: left;width: 284px;margin-left: 16px;min-height: 254px;border: 1px solid #ddd;padding: 38px 15px 33px;border-radius: 5px;}
#content .boxnum dl:nth-child(3n+1) {margin-left: 0;}
#content .boxnum dt {display: block;margin-bottom: 20px;position: relative;padding: 5px 0;padding-left: 50px;}
#content .boxnum dt span {position: absolute;top: 0;left: 10px;font-size: 28px;color: #d3d3d3;font-weight: 600;letter-spacing: -0.05em;}
#content .boxnum dt b {display: block;font-size: 18px;color: #01a1dd;font-weight: 400;}
#content .boxnum dd {display: block;}
#content .boxnum dd ul li {display: block;position: relative;padding: 5px 0;padding-left: 10px;font-size: 16px;color: #666;font-weight: 400;letter-spacing: -0.05em;line-height: 22px;}
#content .boxnum dd ul li:after {display: block;content: "·";position: absolute;top: 5px;left: 0;}
#content .ulnum li:first-child {padding-top: 0;}
#content .ulnum li:first-child span {margin-top: -25px;}
#content .ulnum li {display: block;border-bottom: 1px solid #ddd;position: relative;padding: 25px 0;padding-left: 53px;}
#content .ulnum li span {position: absolute;top: 50%;left: 9px;font-size: 25px;color: #d3d3d3;font-weight: 400;letter-spacing: -0.05em;line-height: 30px;height: 15px;margin-top: -15px;}
#content .ulnum li b {display: block;margin-bottom: 10px;font-size: 18px;color: #01a1dd;font-weight: 400;}
#content .ulnum li p {display: block;font-size: 16px;color: #666;font-weight: 400;letter-spacing: -0.05em;line-height: 26px;}


.__sel {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;padding-left: 5px;min-width: 190px;height: 33px;line-height: 33px;border: 1px solid #444;}
.__inp {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;text-indent: 5px;min-width: 190px;height: 33px;line-height: 33px;border: 1px solid #444;}


.__btnwrap {display: block;font-size: 0;position: relative;}
.__btnwrap:after {display: block;clear: both;content: "";}
.__btnwrap ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
.__btnwrap ul li:first-child {margin-left: 0;}
.__btnwrap ul li {margin-left: 10px;}
.__btnwrap .btn-l {float: left;}
.__btnwrap .btn-r {float: right;}
.__btnwrap .btn-c {position: absolute;top: 0;left: 25%;min-width: 50%;text-align: center;}

.__btn {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;background: none;border: 0;}
.__btn.type1 {background-color: #444;font-size: 19px;color: #fff;font-weight: 400;}
.__btn.type2 {background-color: #01a1dd;font-size: 19px;color: #fff;font-weight: 400;}
.__txtarea {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;border: 1px solid #ddd;padding: 12px 18px;background: #fff;box-sizing: border-box;width: 100%;}

.__paging {text-align: center;font-size: 0;padding-top: 56px;}
.__paging a {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 33px;line-height: 35px;height: 33px;margin: 0 3px;border: 1px solid #eee;font-size: 15px;color: #888;text-align: center;}
.__paging a.active,
.__paging a:hover {background: #01a1dd;border-color: #01a1dd;color:#fff;}
.__paging .first,
.__paging .prev,
.__paging .last,
.__paging .next,
.__paging .first:hover,
.__paging .prev:hover,
.__paging .last:hover,
.__paging .next:hover {border: 1px solid #eee;background: #fff;color: #888;}
.__paging .prev {margin-right: 10px;}
.__paging .next {margin-left: 10px;}

.__search {display: block;text-align:right;font-size: 0;margin-bottom: 25px;}
.__search select {
	display:inline-block;
	width:170px;
	padding-left: 10px;
	height:45px;
	border:1px solid #ddd;
	font-size:13px;
	color: #696969;
	box-sizing:border-box;
	vertical-align:middle;
}
.__search .area {
	border-radius:3px;
	position:relative;
	padding-right:47px;
	display:inline-block;
	vertical-align:middle;
	border: 1px solid #ddd;
	width: 750px;
	margin-left: 10px;
}
.__search .area .btn {position:absolute;right:0;top:0;display:block;height: 43px;line-height: 43px;font-size: 13px;color: #fff;font-weight: 400;text-align: center;}
.__search .area .txt {display:block;width:100%;height:43px;line-height:43px;border: 0;background:#fff;text-indent:10px;font-size: 13px;color: #b4b4b4;font-weight: 400;}



.__category {display: block;margin-bottom: 51px;font-size: 0;text-align: center;margin-left: 1px;}
.__category:after {display: block;clear: both;content: "";}
.__category .btn {float: left;width: 25%;padding-top: 2px;height: 43px;line-height: 43px;border: 1px solid #ddd;margin-left: -1px;margin-bottom: -1px;font-size: 15px;color: #a6a6a6;font-weight: 600;box-sizing: border-box;}
.__category .btn.active {background: #fafafa;color: #453f3f;}



._tabw .box {display: none;}
._tabw .box.active {display: block;}
.__tabwrap .tab {display: block;margin-bottom: 40px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.__tabwrap .tab:after {display: block;clear: both;content: "";}
.__tabwrap .tab .btn {float: left;border: 0;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;height: 43px;line-height: 43px;text-align: center;width: 33.33333%;background: #fff;font-size: 15px;color: #a6a6a6;font-weight: 600;}
.__tabwrap .tab .btn.active {background: #fafafa;color: #453f3f;}


.__image-zoom {font-size: 0;text-align: center;display: block;}
.__image-zoom .tit {display: block;margin-left: 18px;margin-bottom: 15px;border: 2px solid #01a1dd;height: 30px;line-height: 30px;width: 110px;border-radius: 31px;background: #fff;font-size: 16px;color: #01a1dd;font-weight: 400;}
.__image-zoom .txt {display: block;padding: 0 18px;margin-bottom: 5px;font-size: 16px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.__image-zoom li {margin: 10px;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;position: relative;border: 1px solid #ddd;}
.__image-zoom li .img {display: block;font-size: 0;text-align: center;line-height: 0;width: 300px;height: 262px;overflow: hidden;}
.__image-zoom li .more {position: absolute;top: 20px;right: 20px;z-index: 10;display: block;}
.__image-zoom li:hover {border: 1px solid #01a1dd;}
.__image-zoom li:hover:after {display: block;content: "";width: 298px;height: 260px;border: 1px solid #01a1dd;position: absolute;top: 0;left: 0;z-index: 1;}





.sub23 .__tabwrap .tab {border: 0;background: url(/kor/images/sub/s23-tab-bg.jpg) no-repeat 0 0;height: 190px;background: none;}
.sub23 .__tabwrap .tab .btn.first {margin-left: 0;}
.sub23 .__tabwrap .tab .btn {border: 0;width: 180px;margin-bottom: 30px;margin-left: 20px;height: 100%;padding: 21px 0 62px;line-height: 0;}
.sub23 .__tabwrap .tab .btn img {opacity: 0;}
.sub23 .__tabwrap .tab .btn.active {background: none;}
.sub23 .__tabwrap .tab .btn.active img {opacity: 1;}
.sub23 .__tabwrap .box {float: left;width: 100%;margin-bottom: 30px;}
.sub23 .__tabwrap .box .title {display: block;margin-bottom: 20px;border-top: 2px solid #01a1dd;border-bottom: 1px solid #ddd;padding: 22px 18px;}
.sub23 .__tabwrap .box .title b {font-size: 18px;color: #453f3f;font-weight: 400;line-height: 1.4em;}
.sub23 .__tabwrap .box .text {display: block;margin-bottom: 35px;font-size: 16px;color: #666;font-weight: 400;line-height: 26px;padding: 0 18px;}





/* 회원가입 */
#joinform strong {display: block;font-size: 26px;color: #000;font-weight: 600;letter-spacing: -0.03em;padding-bottom: 10px;}
#joinform p {display: block;padding-bottom: 12px;font-size: 16px;color: #757575;letter-spacing: -0.03em;}
#joinform .textbox {border: 1px solid #979797;padding: 4px;}
#joinform .textbox .inner {
	border: 1px dashed #cbcbcb;height: 230px;overflow: auto;padding: 12px;font-size: 13px;line-height: 1.6em;letter-spacing: -0.03em;
}
#joinform label {display: block;font-size: 16px;color: #757575;letter-spacing: -0.03em;text-align: right;padding: 22px 0;}
.textinput {display: inline-block;height: 37px;line-height: 37px;padding: 0 10px;border: 1px solid #ddd;box-sizing: border-box;margin: 5px 0;}
#joinform table {width: 100%;border-top:2px solid #1e326e;}
#joinform table th {border-bottom: 1px solid #e7e7e7;background: #fbfbfb;font-size: 15px;color: #757575;letter-spacing: -0.03em;font-weight: 400;text-align: left;padding: 17px 0 0;padding-left: 35px;vertical-align: top;}
#joinform table td {border-bottom: 1px solid #e7e7e7;padding: 5px 10px;font-size: 13px;color: #757575;letter-spacing: -0.03em;font-weight: 400;}
#joinform table td select {height: 37px;line-height: 37px;}
/* 회원가입 */

/* 로그인 */
#loginskin {border: 1px solid #8f8f8f;padding: 4px;}
#loginskin > .inner {border: 1px dashed #cbcbcb;padding: 15px;}
#loginskin > .inner .top {display: block;padding: 72px 0 57px;}
#loginskin > .inner .top table {width: 422px;margin: 0 auto;}
#loginskin > .inner .top table thead td {vertical-align: top;}
#loginskin > .inner .top table thead td strong {display: block;font-weight: 400;font-size: 45px;color: #000;letter-spacing: -0.03em;}
#loginskin > .inner .top table thead td strong em {display: inline-block;font-weight: 600;}
#loginskin > .inner .top table thead td span {display: block;font-size: 14px;color: #656565;letter-spacing: -0.03em;padding: 6px 0 10px;}
#loginskin > .inner .top table tbody th {font-size: 18px;color: #656565;font-weight: 400;letter-spacing: -0.03em;text-align: left;}
#loginskin > .inner .top table tbody td {padding: 4px 0;}
#loginskin > .inner .top table tbody td input.inputbox {
	display: inline-block;outline: none;border: 1px solid #c8c8c8;background: none;height: 38px;line-height: 38px;padding: 0 10px;
}
#loginskin > .inner .top table tbody td.btn input {
	display: inline-block;outline: none;font-family: 'dotum';font-size: 15px;color: #fff;font-weight: 600;height: 88px;
	background: #01a1dd;border-radius: 5px;border: 0;padding: 0;margin: 0;box-sizing: border-box;
}
#loginskin > .inner .mid {background: #fafafa;padding: 35px 0;}
#loginskin > .inner .mid:after {display: block;clear: both;content: "";}
#loginskin > .inner .mid .box {float: left;width: 50%;position: relative;}
#loginskin > .inner .mid .box:first-child:after {display: block;content: "";height: 100%;position: absolute;top: 0;right: 0;border-left: 1px dashed #d2d2d2;}
#loginskin > .inner .mid .box b {display: block;font-size: 18px;color: #000;letter-spacing: -0.03em;text-decoration: underline;margin-left: 65px;}
#loginskin > .inner .mid .box p {font-size: 14px;color: #6d6d6d;letter-spacing: -0.03em;padding: 13px 0 23px;margin-left: 65px;}
#loginskin > .inner .mid .box a.btn {
	display: inline-block;
	border: 1px solid #585655;
	margin-left: 65px;
	padding: 8px 40px 8px 19px;
	font-size: 16px;color: #2f2f2f;letter-spacing: -0.03em;
	background: url(/kor/images/btn_arrow.gif) no-repeat 100% 50%;
	box-sizing: border-box;border-radius: 5px;
}
/* 로그인 */


/* 버튼 */
.btn_wrap {display: block;padding-top: 10px;margin-top: 30px;position: relative;}
.btn_wrap .tac {text-align: center;font-size: 0;}
.btn_wrap .tar {position: absolute;top: 10px;right: 0;font-size: 0;}
.abtn {
	display: inline-block;
	width: 185px;
	padding: 13px 20px;
	margin: 0 5px;
	border: 0;
	box-sizing: border-box;
	text-align: center;
	background: #62605f;
	font-size: 18px;
	color: #fff;
	border-radius: 5px;
}
.gbtn {
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
	color: #fff;
	background: #62605f;
	letter-spacing: -0.03em;
	border: 1px solid #585655;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px 20px;
	cursor: pointer;
}
.bbtn {
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
	color: #585655;
	letter-spacing: -0.03em;
	border: 1px solid #585655;
	border-radius: 5px;
	box-sizing: border-box;
	background: none;
	padding: 10px 20px;
	cursor: pointer;
}
/* 버튼 */