@charset "UTF-8";
/** REM 사용을 위한 Viewport 세팅 @param {Array} $array       Viewport 크기가 저장 된 배열 @param {String} $orientation :             'portrait' landscape 이면 별도 표기 */
/** %단위의 넓이 설정 @param  {int} $width      %를 구할 px단위의 숫자 @param  {int} $wrap-width :             $design-width %를 구할 px의 기준이 되는 숫자 @return {int}             변환 된 % @include set-width(300px) = [ 300px / design-draft * 100% ]  */
/** 부모 포지션의 영역을 모두 채움 단, fixed 인 경우에는 브라우저 영역 전체를 채움 @param  {String} $type absolute / fixed */
input[type="radio"], input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

ul, .heading { margin: 0; padding: 0; }

ul { list-style: none; }

button { margin: 0; padding: 0; border: none; background-color: transparent; -webkit-appearance: none; }

* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ -ms-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; text-rendering: optimizeLegibility !important; /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; */ }

/* 아이폰 폰트 커보임 
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
*/
body { margin: 0;  min-width:320px; overflow-x:hidden; text-size-adjust: none; -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { color: inherit; background-color: transparent; text-decoration: none; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input::-ms-clear { display: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

img { max-width: 100%; line-height: 1; vertical-align: top; }

fieldset img, label img { width: 100%; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

a, area, button { outline: 0; }

[class^='uri-'] { display: inline-block; background-size: 100% 100%; text-indent: -9999px; }

.btn-scroll-top { position: fixed; bottom: 0.83333rem; right: 0.83333rem; z-index: 1000; }

[role="button"] { cursor: pointer; }

.movie-frame { position: relative; height: 0; padding-bottom: 56.25%; background:#000 url('../images/bgYoutube.png') center center no-repeat; background-size:cover; }

.movie-frame > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; background-color: black; }


input[type="text"], input[type="tel"], input[type="number"], input[type="url"], textarea { line-height: 1.231; margin: 0; -webkit-appearance: none; border: 1px solid #e0e0e0; border-radius: 0; resize: none; }

[disabled="true"] { cursor: default; }

.fluid-input { position: relative; padding-bottom: 11%; display: block; vertical-align: top; height: 0; }

.fluid-input.text input[type="text"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; }

/*
:lang(zh) {
  font-family:"SimHei", "Hiragino Sans GB", "LiHei Pro Medium", arial, sans-serif
}
:lang(ko) {
  font-family:"Nanum Gothic", "Open Sans", "Malgun Gothic", Arial, Helvetica, sans-serif
}
*/
.txt-left { text-align: left; }

.txt-right { text-align: right; }

.txt-center { text-align: center; }

.txt-thin { font-weight: 100; }

.txt-light { font-weight: 300; }

.txt-regular { font-weight: 400; }

.txt-bold { font-weight: bold; }

.txt-overflow { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; }

.a11y { position: absolute; left: -9999px; height: 0; text-indent: -9999px; visibility: hidden; overflow: hidden; }

html { font-size: 24px; }

/*170317 REM 사용시만 주석 풀기, HTML시 X*/
#viewport { position: relative; width: 100%; margin: 0 auto; }

.inner { position: relative; }

.cfx { zoom: 1; }

.cfx:after { display: block; content: ''; clear: both; }

.spacer { width: 100%; height: 100%; }

#indicator { background: rgba(0, 0, 0, 0.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); }

.modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; outline: 0; z-index: 9999; display: none; width: 100%; height: 100%; }

.modal-open { overflow-y: scroll; }

.modal-open > #viewport { position: fixed; right: 0; left: 0; width: 100%; margin-right: auto; margin-left: auto; }

.modal-content { position: absolute; width: 90%; z-index: 9899; top: 50%; left: 50%; }

[data-view="full"] .modal-content { width: 100%; height: 100%; top: auto; left: auto; margin: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 8999; background-color: black; }

.modal__close, .modal-btn-close { position: absolute; background-repeat: no-repeat; }

.modal.is-opened { z-index: 1000; }

@keyframes anim-scale { from { -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.modal-scale { animation-name: anim-scale; animation-duration: .3s; animation-direction: alternate; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); }

body { font-family: '맑은 고딕', 'Malgun Gothic', sans-serif; }

p { margin: 0; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

fieldset { border: none; padding: 0; margin: 0; }

fieldset img, label img { width: auto; }

html { background-color: #fff; }

label { cursor: pointer; }

dl, dt, dd { margin: 0; }

/* base */
@charset "utf-8";

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }

body,h1,h2,h3,h4,input,button,select,textarea{font-family:'Noto Sans KR',Sans-serif; font-size: 17px; letter-spacing: -1px;}
.container {width: 1200px; margin: 0 auto; text-align: center; position: relative;}
.title {text-align: center; font-size: 60px; color: #0f0e9f; padding-top: 50px; margin-bottom: 60px; letter-spacing:-2px;}
.title span {display: inline-block; vertical-align: top; font-size:40px;}
.page {position: relative;}
.mobile {display: none;}


.front{}
.mobile{display:none;}





@media all and (max-width: 670px) { html { font-size: 21px; } }

@media all and (max-width: 639px) { html { font-size: 20px; } }

@media all and (max-width: 600px) { html { font-size: 16px; } }

@media all and (max-width: 480px) { html { font-size: 14px; } }

@media all and (max-width: 435px) { html { font-size: 13px; } }

@media all and (max-width: 414px) { html { font-size: 13px; } }

@media all and (max-width: 400px) { html { font-size: 12px; } }

@media all and (max-width: 375px) { html { font-size: 12px; } }

@media all and (max-width: 360px) { html { font-size: 12px; } }

@media all and (max-width: 320px) { html { font-size: 10px; } }

/* header */
.gnb { position: fixed; top: 50%; margin-top: -150px; right: 50px; z-index: 50; /*transition: all .3s ease-in-out;*/}
.gnb > a { display: block; cursor: pointer; margin-top: -1px;}
.gnb .sp-gnb { width: 90px; height: 89px; display: inline-block; text-indent: -9999px; background: url(../images/sp-gnb.png?v=01) no-repeat; }
.gnb .sp-gnb.elem1 { background-position: 0 0; }
.gnb .sp-gnb.elem2 { height: 91px; background-position: 0 -90px; }
.gnb .sp-gnb.elem3 { height: 88px; background-position: 0 -182px; }
.gnb .sp-gnb.elem4 { height: 90px; background-position: 0 -271px; }
.gnb a.active .sp-gnb.elem1, .gnb a:hover .sp-gnb.elem1 { background-position: -90px 0; }
.gnb a.active .sp-gnb.elem2, .gnb a:hover .sp-gnb.elem2  { background-position: -90px -90px; }
.gnb a.active .sp-gnb.elem3, .gnb a:hover .sp-gnb.elem3 { background-position: -90px -182px; }
.gnb a.active .sp-gnb.elem4, .gnb a:hover .sp-gnb.elem4 { background-position: -90px -271px; }

/* @ main */
.main {background: #dae7fd;}
.main:after {content:""; display: block; position: absolute; bottom: 0; width: 100%; height: 231px; background :#e4d3c9;}
.main .logo {transition: .1s all ease-in-out; position: absolute; top: 42px; left: -320px; z-index: 50;}
.main .front {position: relative; z-index: 5; background: url(../images/@main.jpg) bottom center no-repeat; min-height: 880px;}
.main .container {height: 100%; min-height: 880px;}
.main .deco {transition: .3s all ease-in-out;}
.main .title {text-align: left; padding-top: 10%; padding-bottom: 35px; z-index: 5; position: relative;  margin-bottom:0 !important;}
.main .small {display: none;}
.main .movieWrap {width:36.667%;text-align: left; position: relative; z-index: 5;}
.main .movieWrap .decoMovie {position: absolute; right:-22px; bottom:-11px; }
.main .docter {position: absolute; bottom: 13%; /*bottom: 115px;*/ right: 40%; z-index: 1; width: 20.5%;}
.main .decoPro {position: absolute; bottom: 14%; /*bottom: 120px;*/ right: 3.3%;}
.main .grass {position: absolute; bottom: 11%; /*bottom: 100px;*/ right: -10px; width: 11.25%;}
.main .btnMovieImg {position: relative; display: block;}
.main .decoCar {position: relative; display: block; margin-top: 80px; margin-left: -50px;}
.main .mouse {position: absolute; opacity: 0; left:0; bottom:-25px; width: 100%; text-align: center; font-size: 15px; color:#6384b5;}
.main .mouse .text{opacity:.4; line-height: 15px; padding-top: 10px;}
.main .mainNotice {position: absolute; bottom: 30px; left: 3.5%;}

.main .mainCnt {position: absolute; bottom: 0; left: 50%; margin-left: -665px; z-index: 10;}
.main .mainCnt img {max-width: none;}

.main .mouse {
  animation-name: tutsFade;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
  transform:translate(0,-10px)
}

@keyframes tutsFade {
  from {
    transform:translate(0,-10px);
	opacity:0;
  }
  to {
    transform:translate(0,0);
	opacity:1;
  }
}


.main .front .btnMovie {position: absolute; top: 48%; bottom: 20%; left: 32%; right: 32%;}
.main .front .btnMovie img {max-width: 100%;}
body.mobilebody .main:after {content:""; display: block; display: none;}
.main .mobile .btnMovie {position: absolute; top: 60%; bottom: 30%; left: 33%; right: 33%;}

/* 3. 3중구조 */
.structure {background: #e9ebed; padding-bottom: 60px;}
/*.structure .title {padding-top: 30px; padding-bottom: 80px;}*/
.structure .list:after {content: ""; display: block; clear: both;}
.structure .list li {width: 32.834%; margin-left: 0.74%; border-radius: 10px; float: left;}
.structure .list li:first-child {margin-left: 0;}
.structure .list .listTitle { padding: 10px 0; border-radius: 10px 10px 0 0; color: #fff; position: relative;}
.structure .list .listTitle h3 {font-size: 24px; font-weight: 500; }
.structure .list .listTitle .icon {display: inline-block; vertical-align: middle; margin-right: 15px; margin-top: -8px; width: 35px;}
.structure .list li.no1 .listTitle {background: #93a5c5; }
.structure .list li.no2 .listTitle {background: #85a6b6; }
.structure .list li.no3 .listTitle {background: #89b8b9; }
.structure .list .explain {padding: 25px; border-radius: 0 0 10px 10px; min-height: 120px; background: #fff; font-size: 17px;word-break: keep-all; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #4e4d53; text-align: left;}

/*
.structure .list .explain dl {padding-top: 15px;}
.structure .list .explain dl:first-child {padding-top: 25px;}
.structure .list .explain dt {position: relative; float: left; min-width: 90px; vertical-align: top; font-weight: 500; line-height: 1.3;}
.structure .list .explain dt:before {content: ""; display: inline-block; vertical-align: middle; width: 2px; height: 17px; background: #6580b1; position: absolute; top: 4px; left: 0;}
.structure .list .explain dt:after {content: ""; display: inline-block; vertical-align: middle; width: 2px; height: 17px; background: #6580b1; position: absolute; top: 4px; right: 0;}
.structure .list li.no2 .explain dt:before, .structure .list li.no2 .explain dt:after {background: #758b95;}
.structure .list li.no3 .explain dt:before, .structure .list li.no3 .explain dt:after {background: #659798;}
.structure .list .explain dd {padding-left: 90px; margin-left: 10px; text-align: left; word-break: keep-all; line-height: 1.3; letter-spacing:-0.107em; font-weight: 500; color:#4e4d53;}
.structure .list li.no3 .explain dd {padding-left: 120px; margin-left: 10px;}
.structure .list li.no1 .explain dt {color: #6580b1;}
.structure .list li.no2 .explain dt {color: #758b95;}
.structure .list li.no3 .explain dt {color: #659798; width: 120px;}
*/

.structureImg {margin-bottom: 20px;}
.structureImg > .front {text-align: right;}
.structure .subTitle {margin-top: 50px; color: #0f0e9f; font-size: 25px; font-weight: 500; }
.structure .subTitle:before {content: ""; width: 23px; height: 23px; margin-right: 3px; display: inline-block; vertical-align: middle; background: url(../images/iconMedical.png) no-repeat; position: relative; top:-3px;}
.structure .subTitle span {position: relative; top:-5px;}

.structure .subTitleM {margin-top: 25px; color: #0f0e9f; font-size: 18px; font-weight: 500; display: none;}
/*.structure .subTitleM:before {content: ""; width: 23px; height: 23px; margin-right: 3px; display: inline-block; vertical-align: middle; background: url(../images/iconMedical.png) no-repeat; position: relative; top:-3px;}*/
.structure .subTitleM img {width: 12px; position: relative; top: 6px;  margin-right: 3px;}
.structure .subTitleM span {position: relative; top:-5px;}

.structure .mobile {display: none;}

.structure .list .listTitle a {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.structure .list .listTitle a .arrow {position: absolute; top: 15px; right: 20px; display: inline-block; width: 36px; height: 20px; background: url(../images/arrowBottom.png) center right no-repeat; background-size: 50% auto;}
.structure .list li.on .listTitle a .arrow {background: url(../images/arrowUp.png) center right no-repeat; background-size: 50% auto;}

/*4. 고시정보 */
/*.information .title {margin-bottom: 78px; }*/
.inforWrap {position: relative;}
.inforWrap:after {content: ""; display: block; clear: both;}
.inforWrap .inforImg {float: left; max-width: 468px; margin: 0 auto 25px auto;}
.inforWrap .inforText {float: right; max-width: 680px; word-break: keep-all; margin: 0 auto; padding-top: 15px;}
.inforWrap .inforText small {font-size: 14px; line-height: 19px; padding-top: 5px; display: block; color:#6a6a6a;}
.inforWrap .inforText small a{padding-left: 15px; }
.inforWrap dl {margin-top: 20px;}
.inforWrap dl:first-child {margin-top: 0;}
.inforWrap dl:after {content:""; display: block; clear: both;}
.inforWrap dt {float: left; width: 140px; padding: 0px 0 2px 0; display: inline-block; border-radius: 5px; background: #979799; color: #fff; font-weight: 500; }
.inforWrap dd {padding-left: 140px; margin-left: 40px; text-align: left; white-space:nowrap; color:#4e4d53; font-weight: 500;}
.inforWrap dd:after {content:''; display:block; clear:both;}
.inforWrap dd .ddTit {float:left;}
.inforWrap dd .ddText {margin-left: 147px;;}

.methodWrap h3 {width: 150px; margin-top: 90px; margin-bottom: 25px; padding: 0px 0 2px 0; font-size: 20px; font-weight: 400; border-radius: 5px; background: #979799; color: #fff; }
.methodWrap .front:after {content:""; display: block; clear: both;}
.methodWrap .front li {float: left;  margin-left: 20px;}
.methodWrap .front li:first-child {margin-left: 0;}
.methodWrap > div {position: relative;}
.methodWrap .mobile {display: none;}
.methodSlide { width: 70%; padding-bottom: 10%; margin: 0 auto; position: relative; }
.methodSlide .swiper-slide {padding:0 20px;}
.methodSlide .swiper-pagination {position: static; bottom: 0; left: 0; width: 100%; height: 10px; margin:25px 0; -webkit-tap-highlight-color: rgba(255,255,255,0);}
.methodSlide .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #d1d1d1; opacity: 1; border-radius: 50%; margin-left: 10px; vertical-align: top; }
.methodSlide .swiper-pagination .swiper-pagination-bullet-active { background: #0f0e9f; }
.methodSlide .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; }
.btnNav {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.swiper-button-next { margin-top: -15%; width: 35px; height: 63px; background: url(../images/btnNext_off.png) no-repeat !important; right: 0; }
.swiper-button-prev { margin-top: -15%; width: 35px; height: 63px; background: url(../images/btnPrev_off.png) no-repeat !important; left: 0; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0 !important; }

/* introduce */
.introduce {margin-top: 62px; padding-bottom: 55px; background-color: #e9ebed;}
.introduce .title {font-size: 50px; color: #4e4d53; line-height: 1.1; font-weight: 500; /*margin-bottom: 30px;*/}
.introduce .title small {font-size: 30px; font-weight: 500; display: block; padding-bottom: 5px;}
.introduce .title em {font-style:italic;}
.introduce .title .point {color: #0f0e9f; font-size: 50px;}
.introduce .title .point .titR {position: relative; top:-3px;}
.introWrap h3 {font-size: 24px; color: #0f0e9f; white-space:nowrap;}
.introWrap:after {content: ""; display: block; clear: both;}
.introWrap li {float: left; }
.introWrap li.no1 {}
.introWrap li.no2 {margin-left:17%; }
.introWrap li.no3 {margin-left:19%;}
.introWrap li .explain {white-space:nowrap; color:#4e4d53; font-weight: 500;}
.introWrap li .introImg {height: 152px; vertical-align: bottom; max-width: 212px; margin: 0 auto;}
.introWrap li:first-child .introImg {position: relative; top:-20px;}
.introWrap li .titR {position: relative; top:-2px;}



/* 특장점 슬라이드 */
.mobSlide  {display: inline-block; position: relative; overflow:hidden; width: 100%; visibility:hidden; opacity:0; position: absolute; left:-1000em; top:-1000em; z-index: 0;}
/*
.mobSlide .tabList {position: absolute; left:0; top:24%; width: 100%; height:6%; padding:0 4.5%; box-sizing:border-box}
.mobSlide .tabList:after {content:''; display:block; clear:both;}
.mobSlide .tabList span {float:left;height: 100%;  width: 50%; text-indent:-999em; cursor:pointer;  box-sizing:border-box}
.mobSlide .tabList.two {top:15%;}
.mobSlide .tabList.two span {width: 50%;}
*/
.mobSlide .tabList {position: absolute; right:0; top:78%; width: 25%; height:22%; box-sizing:border-box}
.mobSlide .tabList span {position: absolute; top: 0; left: 0; height: 100%;  width: 100%; text-indent:-999em; cursor:pointer;  box-sizing:border-box}
.mobSlide .tabList span.no1 {display: none;}
.mobSlide .tabList span.no2 {display: block;}
.mobSlide .tabList.on span.no1 {display: block;}
.mobSlide .tabList.on span.no2 {display: none;}

.mobSlide .img img {display: none;}
.mobSlide .img img:first-child {display: block;}
.mobSlide .swiper-slide img{width: 100%;}
.mobSlide .text {font-size: 18px; color:#0f0e9f; font-weight: 500; text-align: center; padding-top:20px;}
.mobSlide .text img {width:12px; position: relative; top:6px; margin-right: 3px;}

.mobSlide .swiper-container-horizontal > .swiper-pagination {position: static; margin:25px 0; height: 10px; -webkit-tap-highlight-color: rgba(255,255,255,0);}
.mobSlide .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; vertical-align: top;background:#d1d1d1; border-radius:50px;  text-indent:-999em; display: inline-block; margin:0 0 0 9px; opacity:1;}
.mobSlide .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0f0e9f;}
.mobSlide .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}

/* slideWrapCard */
.slideWrapCard {position: relative;   max-width: 1420px; margin:0 auto; padding-bottom: 50px;}
.slideWrapCard .title {}
.slideWrapCard #slideWrap {position: relative;  padding:0 100px;}
.slideWrapCard .carousel-3d-container {margin:0 !important; overflow:visible !important; position: static;  }
.slideWrapCard .carousel-3d-controls a{position: absolute; top:50%; margin-top:8px;  width: 35px; height:63px; font-size: 0;}
.slideWrapCard .carousel-3d-controls a:hover{opacity:1 !important;}
.slideWrapCard .carousel-3d-controls a span {display: none;}
.slideWrapCard .carousel-3d-controls a.prev {left:-100px; background: url('../images/leftArrow_off.png') no-repeat;}
.slideWrapCard .carousel-3d-controls a.next {right:-100px; background: url('../images/rightArrow_off.png') no-repeat;}
.slideWrapCard .carousel-3d-controls a.prev:hover {left:-100px; background: url('../images/leftArrow.png') no-repeat;}
.slideWrapCard .carousel-3d-controls a.next:hover {right:-100px; background: url('../images/rightArrow.png') no-repeat;}
.slideWrapCard .disabledControls {position: absolute;    top: 50%;    height: 0;    margin-top: -30px;    left: 0;    width: 100%;  z-index: 9099; display: none;}
.slideWrapCard .disabledControls div {position: absolute; top:50%; margin-top:8px;  width: 35px; height:63px; font-size: 0;display: none;}
.slideWrapCard.first  div.left {left:0; background: url('../images/leftArrow_off.png') no-repeat;  display: block;}
.slideWrapCard.last  div.right {right:0; background: url('../images/rightArrow_off.png') no-repeat;  display: block;}

.slideWrapCard.first .disabledControls div.left {display: block;}
.slideWrapCard.last .disabledControls div.right {display: block;}

.slideWrapCard .slideText {font-size: 25px; color:#0f0e9f; font-weight: 500; text-align: center; padding-top: 35px;}
.slideWrapCard .slideText ul li {display: none; line-height: 30px;}
.slideWrapCard .slideText ul li:first-child {display: block;}
.slideWrapCard .slideText ul li img {position: relative; top:4px; margin-right: 3px; width:auto;}
.slideWrapCard .slideText .titR {position: relative; top: -3px;}

.slideWrapCard .mb-controls  {padding-top:55px;}
.slideWrapCard .mb-controls  .mb-links {display: block; text-align: center;}
.slideWrapCard .mb-controls a {width: 14px; height: 14px; background:#d1d1d1; border-radius:50px;  text-indent:-999em; display: inline-block; margin-left: 9px;}
.slideWrapCard .mb-controls a.active {background:#0f0e9f;  }
.slideWrapCard .mb-controls a:first-child {margin-left: 0;}

.slideWrapCard .tabList {position: absolute; right:30px; bottom: 24px; width: 170px; height:170px; box-sizing:border-box}
.slideWrapCard .tabList span {position: absolute; top: 0; left: 0; height: 100%;  width: 100%; text-indent:-999em; cursor:pointer;  box-sizing:border-box}
.slideWrapCard .tabList span.no1 {display: none;}
.slideWrapCard .tabList span.no2 {display: block;}
.slideWrapCard .current.on .tabList span.no1 {display: block;}
.slideWrapCard .current.on .tabList span.no2 {display: none;}


.carousel-3d-slide {-moz-transition:.5s all !important;}
.carousel-3d-slide.no1.leftImg {background:url('../images/slide02_left.png') left center no-repeat; background-size:contain;}
.carousel-3d-slide.no2.leftImg {background:url('../images/slide01_left.png') left center no-repeat; background-size:contain;}
.carousel-3d-slide.no3.leftImg {background:url('../images/slide03_left1.png') left center no-repeat; background-size:contain;}

.carousel-3d-slide.no1.rightImg {background:url('../images/slide02_right.png') right center no-repeat; background-size:contain;}
.carousel-3d-slide.no2.rightImg {background:url('../images/slide01_right.png') right center no-repeat; background-size:contain;}
.carousel-3d-slide.no3.rightImg {background:url('../images/slide03_right.png') right center no-repeat; background-size:contain;}

.carousel-3d-slide.no1.current {background:url('../images/slide02_on2.png?v=06') center center no-repeat; background-size:100% 100%;}
.carousel-3d-slide.no1.current.on {background:url('../images/slide02_2on.png?v=06') center center no-repeat; background-size:100% 100%;}
.carousel-3d-slide.no2.current {background:url('../images/slide01_on2.png?v=06') center center no-repeat; background-size:100% 100%}
.carousel-3d-slide.no3.current {background:url('../images/slide03_on2.png?v=06') center center no-repeat; background-size:100% 100%}

.hiddenImg {height: 0; width: 1px; overflow:hidden;}

/* footer */
.footer {padding-top: 35px; padding-bottom: 35px; text-align: left; font-size: 15px; background: #424242; color: #cbcbcb;}
.footer .bottom {color:#838383; font-weight: 300;}
.footer .container {background: url(../images/logo_gray.png) no-repeat left top;  padding: 0 10px 0 150px;}
.footer .big {font-family: none;}
.footer .call { text-align: left; font-style: normal; color:#cbcbcb;}
.footer .call a {cursor:default;}
.footer .bottom {/*padding-left: 90px; margin-left: 60px;*/ text-align: left;}
.footer-logos {text-align: left; color:#838383}
.logo_footer {float: left;}
.footer .company1 {margin-right: 40px; }
.footer .company1 img {width: 134px; margin-left: 10px; vertical-align: middle;}
.footer .company2 img {width: 72px; margin-left: 10px; vertical-align: middle;}

/* 팝업 */
.mainMovie {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 500;display: none;}
.mainMovie .in{position: absolute; left:50%; top:50%; width: 1000px; height:560px; margin:-280px 0 0 -500px; z-index: 2;}
.mainMovie:after {content:""; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(256,256,256,.7);}
.mainMovie .modal-btn-close {position: absolute; top:0; right:-60px; cursor:pointer;}
.mainMovie .modal-btn-close img {}
.mainMovie iframe {width: 100%; height:560px; position: relative; z-index: 10;}

.popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.popup .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(256, 256, 256, 0.7); }
.popup .popIn { position: fixed; top: 50%; left: 50%; width: 1000px; height: 560px; margin-left: -500px; margin-top: -280px; z-index: 2; }
.popup .popIn .modal-btn-close { position: absolute; top: 0; right: 0; cursor: pointer; }



.modal__close { top:-60px; right:0; }

#popup-video.modal {z-index: 9990 !important;}

#popup-video .modal-content { max-width: 1000px;}
.modal-open > #viewport { position: fixed !important; }
.modal-backdrop { height: 100% !important;}

/* mediaqueary */
@media screen and (max-width: 1850px) {
	.main .logo {left: -100px;}
}

@media screen and (max-width: 1520px) {
	.main .logo {position: absolute; top: 1%; left: 45px;}
}

@media screen and (max-width:1200px){
	body, .page, .container, img {width: 100%;}
	.gnb {right: 10px;}
	.container {padding: 0 40px;}
	.main .logo {width: 8%; top: 1%; left: 3.5%;}
	.main .title img {width:39.16%;}
	.main img {width: auto;}
	.main .spacer {width: 100%;}
	.main .decoPro {width: 38.5%;}
	.main .decoCar {width: 29%; margin-left:0;}
	.main .mainNotice {width: 36.25%;}
	/*.main .container {min-height: 1100px;}*/
	.methodWrap .front li {width: 19%; margin-left: 1%;}
	.structure .list .listTitle h3 {font-size: 20px;}
	.structure .list .explain {font-size: 15px;}
	.structure .list .explain dt:before, .structure .list .explain dt:after {height: 15px; top: 2px;}
	.inforWrap .inforText {width: 70%; font-size: 15px;}
	.inforWrap .inforImg { width: 30%;}
	.methodWrap h3 {font-size: 17px;}


	.main .front {min-height:auto;}
	.main .container {min-height:auto;}
	.main .mainCnt {position: relative; left: 0; margin-left: 0; padding-top: 40px;}
	.main .mainCnt img {max-width: 100%;}

	.introWrap li.no1 {width: 30%;}
	.introWrap li.no2 {margin-left:0; width:39%;}
	.introWrap li.no3 {margin-left:0; width:31%;}
}

@media screen and (max-width:1025px){
	.title {font-size: 45px;}
	.main .docter {}
	.slideWrapCard .slideText {font-size: 20px;}
	.introduce .title {font-size: 36px; margin-bottom: 40px;}
	.introduce .title .point {font-size: 36px;}

	.structure .list .explain {font-size: 13.5px;}
	.structure .subTitle {font-size: 20px;}

	.inforWrap .inforImg {width:57%; float: none; text-align: center; display: block;}
	.inforWrap .inforText {float: none; width: 100%;  max-width: 100%;}

	.slideWrapCard #slideWrap {  padding:0 50px;}

	.introWrap h3 {font-size: 20px;}
	.introWrap .explain {font-size: 15px;}
	.methodWrap h3 {font-size: 15px;}

	.modal__close {right:0; top:-60px;}


}

@media screen and (min-width: 769px) and (max-width:1024px){
	.structure .list .explain dt {min-width: 70px;}
	.structure .list .explain dd {padding-left: 70px;}
	.structure .list li .explain dt:before, .structure .list li .explain dt:after {height: 12px;}
	.structure .list li.no3 .explain dt {width: 100px;}
	.structure .list li.no3 .explain dd {padding-left: 100px;}

}

@media screen and (max-width:640px){


	.gnb {position: relative; top: 0; margin-top: 0; right: 0; left: 0; width: 100%; height:17.5vw; max-width: 768px;  text-indent: -9999px; background: url(../images/sp-gnb_m.png?v=01) no-repeat; background-size: 100% auto;}
	.gnb > a { float: left; width: 25%; cursor: pointer; height: 100%; }
	.gnb a .sp-gnb {width: 100%; display: block; height: 100% !important; background: none;}
	.gnb a.active .sp-gnb {background: url(../images/sp-gnb_m_on.png?v=01) no-repeat; background-size: 400% auto;}
	.gnb a.active .sp-gnb.elem1 {background-position: 0 0; }
	.gnb a.active .sp-gnb.elem2{background-position: 33.3% 0; }
	.gnb a.active .sp-gnb.elem3{background-position: 66.6% 0; }
	.gnb a.active .sp-gnb.elem4 {background-position: 99.9% 0; }

	.title {font-size: 32px; line-height: 32px; padding-top: 35px; margin-bottom: 30px;}
	.title span {font-size: 20px; }
	.title span.bigR {position: relative; top:-7px;}
	body.mobilebody .title {font-size: 22px; line-height: 22px; padding-top: 25px; margin-bottom: 25px; letter-spacing:-2px;}
	.introduce .title {font-size: 22.5px; line-height: 22.5px;}
	.introduce .title .point {font-size: 22.5px; line-height: 22.5px;}

	.main .title img {width: 100%; }
	.main .front {min-height: auto;}
	.main .container {min-height: auto;}
	.main .title {padding-top: 30%; padding-bottom: 10%;}
	.main .big {display: none;}
	.main .small {display: block;}
	.main .grass {display: none;}
	.main .docter {width: 29.7%;}
	.main .decoPro {min-width: 200px;}
	.main .movieWrap {width: 50%; padding-top: 15%; padding-bottom: 10%; min-width: 360px;}
	.main:after {display: none;}

	.structure  {padding-bottom: 25px;}
	.structure .subTitle {display: none;}
	.structure .subTitleM {display: block;}
	.structureImg .front {display: none;}
	.structureImg .mobile {display: block;}
	.structure .list li {width: 100%; margin-left: 0; float: none; margin-top:20px;}
	.structure .list .explain {min-height:1px; display: none; padding-bottom: 20px; border-radius: 0; font-size: 15px; padding: 15px; text-align: center;}

	.structure .title {padding-top: 25px; padding-bottom: 20px;}
	.structure .list .listTitle h3 {font-size: 17px;}
	.structure .list .listTitle {border-radius: 0;}
	.structure .list .listTitle a {display: block;}
	.structure .list .listTitle .icon {margin-top: -3.5px; width: 27px; margin-right: 10px;}
	.structure .list li.no3 .listTitle .icon {margin-top: -5px;}

	.structure .list .listTitle a .arrow {top: 12px;}
	.structure .list .explain dl:first-child {padding-top: 15px;}

	.methodWrap .front {display: none;}
	.methodWrap .mobile {display: block;}
	.methodWrap h3 {margin-top: 25px; width: 90px;}
	.methodSlide {padding-bottom: 0;}

	.introduce  {margin-top: 0; padding-bottom: 30px;}
	.introduce  .container {padding:0;}
	.introduce  .introWrap {padding:0 10%;}
	.introduce .title small {font-size: 17px; line-height: 1.7;}
	
	.inforWrap dt  {width: 90px;}
	.inforWrap dd {padding-left: 80px; margin-left: 20px;}
	.introWrap li {width: 100% !important; float: none; display: block; margin-top: 40px;}
	.introWrap li:after {content:""; display: block; clear: both;}
	.introWrap li:first-child {margin-top: 0;}
	.introWrap li .introImg {height: auto; float: left; max-width: 24.7%; min-width: 84px;}
	.introWrap li:first-child .introImg {top:-5px;}
	.introWrap li .introDetail {padding-left:24.7%;    /* background: url(../images/information1_m.png) no-repeat left center;*/}
	/*.introWrap li .explain {font-size: 13px;}*/


	.footer .text {margin-left: 0; padding-left: 0;}
	.footer .container {padding: 0 20px; background: none;}
	.footer .call { padding-left: 90px; background: url(../images/img_footer_ci.png) no-repeat left center; background-size: auto 100%; }
	.footer .bottom {/*padding-left: 90px; margin-left: 60px;*/ margin: 20px 0; text-align: left;}


	.mobSlide {visibility:visible; opacity:1; position:static; z-index: 1; }
	.slideWrapCard {visibility:hidden; opacity:0; position: absolute; left:-1000em; top:-1000em; z-index: 0;}


	.swiper-button-next { margin-top: -15%; width: 18px; height: 40px; background-size:18px auto !important;  }
	.swiper-button-prev { margin-top: -15%; width: 18px; height: 40px; background-size:18px auto !important;  }


	.front{display:none;}
	.mobile{display: block;}

	#popup-video .modal__close {width: 26px; top:-34px}

	.main .mouse {display: none;}

	.inforWrap dd {white-space:normal;}
	.inforWrap .inforText small a {padding-left: 0;}
	.inforWrap dd .ddTit {float:none;}
	.inforWrap dd .ddText {margin-left: 0;}

	.footer {padding:20px 0 25px 0;}


}

@media screen and (min-width: 769px){
	.structure .list .explain {display: block !important;}
}

@media screen and (max-width:720px){
	/* body.mobilebody .gnb {height: 68px !important;}
	body.mobilebody .gnb a .sp-gnb {height: 68px !important;} */
}


@media screen and (max-width:640px){
	.container {padding: 0 20px;}
	.structure .list .listTitle h3 {font-size: 15px;}
	.structure .list .explain {font-size: 13px;}

	body.mobilebody .mobSlide .text {font-size: 13px;}
	body.mobilebody .methodWrap h3 {font-size: 12px;}
	body.mobilebody .inforText {font-size: 12px;}
	body.mobilebody .inforWrap .inforText {font-size: 12px; padding-top: 0;}
	body.mobilebody .inforWrap .inforText small {font-size: 11px; line-height: 15px; padding-top: 0;}
	body.mobilebody .footer {font-size: 12px;}
	body.mobilebody .introWrap h3 {font-size: 15px;}
	body.mobilebody .introWrap .explain {font-size: 12px;}
	
	body.mobilebody .structure .list li { margin-top: 15px;}
	body.mobilebody .structure .list .explain {font-size: 12px;}
	
	body.mobilebody .structure .list .explain dt {min-width: 70px;}
	body.mobilebody .structure .list .explain dd {padding-left: 70px;}
	body.mobilebody .structure .list li .explain dt:before, .structure .list li .explain dt:after {height: 12px; top: 2px;}
	body.mobilebody .structure .list li.no3 .explain dt {width: 100px;}
	body.mobilebody .structure .list li.no3 .explain dd {padding-left: 100px;}	
	body.mobilebody .structure .subTitleM {font-size: 13px;}

	body.mobilebody .title span.bigR {top:-3px;}
	body.mobilebody .introduce .title {font-size: 19px; line-height: 19px;}
	body.mobilebody .introduce .title .point {font-size: 19px; line-height: 19px;}

	.footer .company1 img {width: 98px;}
	.footer .company2 img {width: 55px;}
	.methodSlide .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px;}
}


@media screen and (max-width:520px){
	.introWrap li .introImg {padding-top: 10px;}
	.mobSlide .text {font-size: 15px;}
	.structure .subTitleM {font-size: 15px;}
}


@media screen and (max-width:320px){
	body.mobilebody .mobSlide .text {font-size: 11px;}
	body.mobilebody .title {font-size: 18px; line-height: 18px;}
	body.mobilebody .introWrap .explain {font-size: 11px;}
	.footer .company1 {margin-right: 20px;}
}



.oldHeader {font-size: 14px;}


/* 메디폼 기존 헤더 */

@font-face {
	font-family: 'NanumGothic';
	src: url('/css/font/NanumGothic.eot');
	src: url('/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		   url('/css/font/NanumGothic.woff') format('woff'),
		   url('/css/font/NanumGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




.f-bold{
	font-weight: bold;
}
.f-italic{
	font-style: italic;
}
.f-blue-green{
	color: #00acca;
}
.f-green{
	color: #24602c;
}
.t-center{
	text-align: center;
}

.t-left{
	text-align: left !important;
}

.t-right{
	text-align: right !important;
}

.t-red{
	color: red;
}
.black-link:link, .black-link:visited, .black-link:active, .black-link:hover {
	color: #000;
}
.li-link, .div-link{
	cursor: pointer;
}
.hide{
	display: none;
}
.show{
	display: block;
}
.d-inline{
	display: inline;
}
.reference-section, .reference-section a{
	color: #858585;
}
.medifoam-text{
	font-weight: bold;
	font-style: italic;
}
header .medifoam-text, .m-only.top-menu-ul .top-submenu-ul .medifoam-text{
	font-weight: normal;
}

header.base {font-family: 'Malgun Gothic', arial !important; line-height: 20px;   color:#333; font-size: 14px; letter-spacing:-1px; z-index: 60; }

#top-menu-append {font-family: 'Malgun Gothic', arial !important; line-height: 20px;   color:#333; font-size: 14px; letter-spacing:-1px; z-index: 60;}

.margin-l-20{
	margin-left: 20px !important;
}

.clear{
	clear: both;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}
sup{
	top: -0.25em;
}
.f-left{
	float: left;
}
.f-right{
	float: right;
}

header .img-logo {width: auto;}
.fakeHeader {display: none;}

@media all and (max-width:640px){
.fakeHeader {display: block;}

/* header start */
header.base{
	border-bottom: 5px solid #00acca;
}
header .contents-wrap{
	padding: 2% 2.5%;
}
header .img-logo{
	width: 20.6%;
}

header .img-menu{
	width: 8.8%;
	padding-top: 2.5%;
}

.top-menu-right-ul{
	display: none;
}

.top-menu-ul{
	display: none;
}

.top-menu-ul li{
	background-color: #ececec;
	font-size: 1.25em;
}
.top-menu-ul > li > div{
	padding: 3% 3% 3% 10%;
	border-bottom: 1px solid #d7d7d7;
	background: url(/images/common/icon_menu_dot.png) no-repeat 7% center;
	font-weight: bold;
}
.top-menu-ul .menu-arrow-b{
	padding-top: 2%;
	float: right;
	width: 5.2%;
}
.top-menu-group{
	cursor: pointer;
}
.top-menu-ul li{
	border-bottom: 1px solid #fff;
}
.top-submenu-ul{
	display: none;
}
.top-submenu-ul li{
	padding: 3% 3% 3% 10%;
	border-bottom: 1px solid #ccc;
	background: #f5f5f5 url(/images/common/icon_submenu_dot.png) no-repeat 7% center;
	font-size: 1em;
}

.top-location{
	text-align: right;
	color: #858786;
}
.top-location .contents-wrap{
	padding: 2.5% 2.5% 0 0;
}
.top-location .location-group, .top-location .location-page{
	display: inline-block;
}
.top-location .location-group{
	background: url(/images/common/icon_location_home_m.png) no-repeat left center;
	padding-left: 1.5em;
}
.top-location-submenu-ul{
	display: none !important;
}
.top-location .location-separation{
	margin: 0 0.5em;
}
/* header end */


.header {display: block;}

.header.fixed .gnb { position: fixed; top:0;  z-index: 50; /*transition: all .3s ease-in-out;*/}


}






@media all and (min-width:640px) {

.m-only{
	display: none !important;
}

.contents-wrap{
	max-width: 960px;
	margin: 0 auto;
	padding: 3em 0;
	box-sizing:content-box;
}


/* header start */
header.base{
	border-bottom: 1px solid #e8e8e8;
	box-shadow: 0 0 1.5em #999;
	position: relative;
	z-index: 999;
	height:97px;
	box-sizing:content-box;
	background: #fff;
}
header .contents-wrap{
	padding: 1em 10px;
	position: relative;
}
header .img-logo{
	float: left;
}
.top-menu-right-ul{
	float: right;
	margin-top: 1.7em;
}
.top-menu-right-ul .right-menu{
	font-size: 0.8em;
}
.top-menu-right-ul .right-menu a{
	color: #8c8c8c;
}
.top-menu-right-ul .right-menu a: hover{
	color: #00acca;
}

.top-menu-ul{
	font-family: 'NanumGothic';
	float: right;
	margin-top: 20px;
	letter-spacing: -2px;
}
.top-menu-ul > li{
	float: left;
	cursor: pointer;
	margin-bottom: 5px;
}
.top-menu-ul > li div{
	width: 125px;
	margin-right: 25px;
	font-size: 1.25em;
}
.top-submenu-ul{
	margin-top: 50px;
	display: none;
}
.top-submenu-ul li{
	clear: both;
	font-size: 1em;
	margin: 0.5em 0;
}
.top-submenu-ul li: hover{
	color: #00acca;
}

.top-location{
	background-color: #00acca;
	position: relative;
	z-index: 1000;
}
.top-location .contents-wrap{
	padding: 0;
	padding-left: 60px;
	max-width: 900px;
	height: 45px;
	color: #fff;
	background: url(/images/common/icon_location_home.png) no-repeat 25px center;
	background-size: 16px;
}
.top-location .location-separation{
	float: left;
	width: 14px;
	height: 45px;
	background: url(/images/common/img_location_separation.png) no-repeat center center;
}
.top-location .location-group, .top-location .location-page{
	float: left;
	line-height: 45px;
	margin: 0 20px;
}
.top-location .location-group{
	position: relative;
	background: url(/images/common/icon_location_arrow_b.png) no-repeat right center;
	padding-right: 40px;
	color: #b1e3ea;
	cursor: pointer;
}
.top-location-submenu-ul{
	display: none;
	position: absolute;
	top: 45px;;
	left: -30px;
	color: #787878;
	width: 220px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}
.top-location-submenu-ul li{
	border-top: 1px solid #cecece;
	padding-left: 20px;
	background: #f5f5f5 url(/images/common/icon_location_arrow_r.png) no-repeat 95% center;
}
.top-location-submenu-ul li:first-child{
	border-top: 0;
}
.top-location-submenu-ul li.on, .top-location-submenu-ul li:hover{
	background-color: #ececec;
}
/* header end */
}



@media screen and (max-width: 795px){
header.base{
	font-size: 0.9em;
}

}




@media all and (min-width:641px) and (max-width:835px) {
.top-menu-ul > li div{
	margin-right: 15px;
}
}
@media all and (min-width:641px) and (max-width:795px) {
header.base {
	font-size: 0.9em;
}
.top-menu-ul > li div{
	width: 115px;
}
}


@media all and (min-width:641px) and (max-width:750px) {

	.top-menu-ul > li:not(.introduction-li) div{
		width: 97px;
		margin-right: 0;
	}
	.top-menu-ul > li.introduction-li div{
		margin-right: 0;
	}

}