@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500,700&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
/*==============================================

	    FLUX
	(,,◕　⋏　◕,,)
    ----------------------------------------------------------------
	* Date			:	2018.07.11
	* Modify		:
	* Name		:	reset.css
	* Author		:	neoflux.co.kr
	----------------------------------------------------------------

	- Description -

	00. reset			:	css 초기화

==============================================*/


/* ===========================
	00. reset
=========================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0px; padding:0px; vertical-align:top;}
body {width:100%; min-width:1280px; color:#222; font-family:'Noto Sans KR', 'Noto Sans SC', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; font-weight:400; line-height:1; letter-spacing:0; word-break:break-all;}
ul, ol, dl {list-style-type:none;}
h1, h2, h3, h4, h5, h6, th {font-weight:400;}
table {border-collapse:collapse; border-spacing:0; word-break:break-all;}
table th {font-weight:400;}
img, button, fieldset, abbr, acronym {border:0;}
label {cursor:pointer;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
strong {font-weight:normal;}
caption, legend {width:0px; height:0px; font-size:0px; line-height:0px; visibility:hidden;}
/*img {max-width:100%;}*/
q:before, q:after {content:'';}
hr {display:none;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; padding:0; margin:0;}


.d-t{display:table;width:100%;height:100%;table-layout:fixed}
.d-t .d-c{display:table-cell;width:100%;vertical-align:middle}

a {text-decoration:none;color:#646464;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#646464;}
a:hover, a:focus, a:active {background:none;text-decoration:none;}

#wrap {opacity:0; transition:opacity 0.5s ease; overflow:hidden;}
#wrap.open {opacity:1;}

.e-wrap{opacity:0;transform: translate3d(0px, 70px, 0px);transition:opacity 1.45s, transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.e-wrap.open {transform: translate3d(0px, 0px, 0px);opacity:1}

#main {position:relative; max-width:1920px; margin:0 auto; overflow:hidden;}

.container {position:relative; max-width:1720px; margin:0 auto; padding:0 100px; z-index:3;}
.mobile_mode {position: absolute; right: 535px; top: 65px;} /* 200427 */  
.btn_incruit {position: absolute; right: 590px; top: 65px;} /* 230216 수정 */
/*.global { position: absolute; top: 40px; right: 100px; }
.global a { color: #fff; font-size: 17px; font-weight: 500; }*/
/* 200205 추가, 200224 수정 */
.top_menu {position: absolute; top: 76px; right: 250px;}
.top_menu > ul > li {float: left; padding: 0 16px; border-left: 1px solid #fff;} /* 0227 수정 */
.top_menu > ul > li:first-child {border-left: 0;}
.top_menu a {color: #fff; font-size: 20px; font-weight: 600;}
/* 200224 추가, 0227 수정 */
.top_menu .lang {position: absolute; right: -110px; top: -30px; }
.top_menu .lang li a {font-size: 14px;}

.dropdown {}
.dropdown dt a {padding-right: 42px; background: url(/main/images/img_dropdown_arrow-97923453d50c89fd4aa0e4acc65b2c94.png) no-repeat 90% 50%;}
.dropdown dt a span {cursor:pointer; display:block;line-height:29px;padding-left:10px;}
.dropdown dd {position:relative;}
.dropdown_view {display:none; position:absolute; top:10px; left:-26px; right: 0; width:auto; border: 1px solid rgba(255,255,255,.4); text-align:left;}
.dropdown_view li a {display:block; padding:10px; font-weight: normal; white-space: nowrap; color: #fff;}
.dropdown_view li a:hover {color: #fff; text-decoration: none; background:rgba(0, 0, 0, 0.5);}

/* col */
.row {margin-left:-10px; margin-right:-10px;}
.row::after {content:""; display: block; clear: both;}
.col-3 {width: 25%; float:left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; box-sizing: border-box;}
.col-4 {width: 33.3%; float:left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; box-sizing: border-box;}


.btn01 { width: 170px; height: 50px; padding: 15px 0 15px 20px; box-sizing: border-box; display: block; font-weight: 600; color: #fff !important; font-size: 14px; background-image: url(/main/images/main06_btn01_arr-b1af9a8f54e05ffb3915992476318ef2.png); background-repeat: no-repeat; background-position: 125px center; background-color: #222; }
.btn01:hover {background-color: #000; background-image: url(/main/images/main06_btn01_arr-b1af9a8f54e05ffb3915992476318ef2.png); background-repeat: no-repeat; background-position: 125px center; }

.btn02 { height: 40px; padding-right: 80px; box-sizing: border-box; display: inline-block; font-weight: 600; color: #fff !important; font-size: 16px; background-image: url(/main/images/main06_btn01_arr-b1af9a8f54e05ffb3915992476318ef2.png); background-repeat: no-repeat; background-position: right 5px; border-bottom: 3px solid #fff; margin: 70px 0 0 78px; }


/* 200205 수정 */
.main-01 {position:relative; width:100%; z-index:15; overflow:hidden;}
.main-01 .container {height:100%;}
.main-01 .row { width: 1200px; margin: 0 auto; margin-top:60px; }
.main-01 .txt01{position:absolute; top:60px; left:100px;}
.main-01 .txt02{position:absolute; top:68px; right:116px;}
.main-01 .txt02 .txt {margin-right: 8px; color: #fff; font-size: 32px;font-weight: 600; letter-spacing: 1.5px; vertical-align: middle;}/* 200224 수정 */
.main-01 .txt02 img {vertical-align: middle; cursor: pointer;}
.main-01 .txt03 {position:absolute;top:176px;left:50%; transform: translateX(-50%);}
/*.main-01 .txt03 .bg_circle01 { background-color: #ff9cba; width: 124px; height: 124px; border-radius: 50%; position: absolute; margin:-71px 0 0 273px; }*/
.main-01 .num { position:absolute; left:0; top:456px; height: 406px; width: 100%; background-color: rgba(0,0,0,.1); font-weight: 600; text-align: center;}
.main-01 .num .tit { font-size: 30px; color: rgba(255,255,255,.3);}
.main-01 .num .num_big { font-size: 90px; color: #fff; margin-top:10px; letter-spacing: -2px; margin-left: -3px;}
.main-01 .num .num_big .txt {display: inline-block; margin-top: -10px; font-size: 70px; vertical-align: middle;} /* 200212 추가 */
.main-01 .num .col-4 { padding: 0; }
.main-01 .num .line { display:block; width:100%; height:4px; margin: 45px 0 25px 0; }
.main-01 .num .full { background-color: rgba(255,255,255,1); }
.main-01 .num .opacity { background-color: rgba(255,255,255,.2); }
.main-01 .num .cont { font-size: 20px; line-height: 30px; color: rgba(255,255,255,.8); font-weight: normal; letter-spacing: -1px;}
.main-01 .num .cont small {display: block; margin-top: 20px; font-size: 14px; line-height: 1.5}/* 200305 수정 */
.main-01 [class^="txt03-01"] { font-size: 80px; color: #fff; letter-spacing: -2px; font-weight: 600; text-align: center;} /* 200225 수정 */
.main-01 .txt03-01-02 {margin-top:30px;}
.main-01 .txt04 {position:absolute; bottom:20px; right:100px;}
.main-01 .txt05 {position:absolute; bottom:20px; left:50%; width:164px; height:64px; margin-top:40px; margin-left:-82px; opacity:1; transition:opacity 0.3s ease;}
.main-01 .txt05.hide{opacity:0;}
/*.main-01 .txt06 {position:absolute; top:0; left:57%; z-index:1;}
.main-01 .txt06 img {max-width:580px;}
.main-01 .txt07 {position:absolute; top:460px; left:150px;  z-index:1;}*/
.main-01 .txt08 {position:absolute; top:70px; left:600px;  z-index:1;}
.main-01 .bar {position:absolute; bottom:0; left:0; display:block; width:0; height:4px; background:#fff;}
.main-01 .main-01-data{position:absolute; top:0;left:0;display:block; width:100%; height:100%;/*background: rgb(0,74,152);background: linear-gradient(135deg, rgba(106, 54, 249,1) 0%, rgba(5, 29, 146,1) 30%, rgba(56, 204, 244,1) 100%);*/ background-color: #005295; overflow:hidden;}


.main-02 {position:relative;}
.main-02 .data{position:fixed; top:0; left:0; display:block; width:100%; height:100%; z-index:1; text-align:center;opacity:0;}
.main-02 .data .container {position:relative; height:100%; background:url(/main/images/main02_obj01-781413b6cee1809c2177724c6204942b.jpg) center center no-repeat;background-size:cover;}
.main-02 .txt-wrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:2;opacity:0;}
.main-02 .txt-wrap > div {position:relative; height:100%; text-align:center; margin-top: -95px;}
/*.main-02.fix .txt-wrap {position:absolute; }*/
.main-02 .txt01-01 { font-size: 32px; letter-spacing: 13px; color: #fff; font-weight: 600; }
.main-02 .txt01-02 { font-size: 100px; color: #fff; font-weight: 600; letter-spacing: 2px; margin: 55px 0 20px 0;}

.main-02 .txt02-01 {margin-top:50px}
.main-02 .txt05 {position:absolute; bottom:50px; left:50%; width:164px; height:64px; margin-top:40px; margin-left:-82px; opacity:1; transition:opacity 0.3s ease; z-index: 1;}
.main-02 .txt05.hide{opacity:0;}

.main-03 {position:relative; background:#fff; z-index:10;}
.main-03 .txt-wrap {max-width:1200px; padding:195px 0 145px 0; margin:0 auto; font-weight: 600;}
.main-03 .txt01 {padding:0 0 0 0; font-size: 24px; color: #222; }
.main-03 .txt02 {padding:41px 0 0 0; font-size: 70px; color: #222; font-weight: 600; letter-spacing: -5px; margin-left: -5px;}
.main-03 .txt03 {padding:20px 0 0 0; color: #005295; font-size: 70px; font-weight: 600; letter-spacing: -5px; margin-left: -5px;}
/* 260814 종근당건강 영문 메인 수정 */
.main-03 .txt-wrap > .more {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 18px 80px 18px 20px;
  font-size: 16px;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 1;
  margin-top: 30px;
}

.main-03 .txt-wrap > .more::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 7px;
  background: url(/main/images/more_arrow_w-155ebeec9131253d84c0c0739d8e2efa.png) 50% no-repeat;
  content: "";
  margin-right: 20px;
  margin-bottom: -1px;
}
.main-03 .txt04 {padding:0; min-height: 500px; background-image: url('/main/images/main03_bg_slide-ca264e2cce6bae57b828469fc8a016ca.png'); background-repeat: no-repeat; background-position: right; width: 1560px; position:relative; right: 0; margin-top: -23px; }
.main-03 .txt04 .txt04-list { padding-top: 90px; }
.main-03 .txt04 .txt04-list > div:nth-child(n+2) {display: none;}
.main-03 .txt04 .txt04-list .txt04-num { font-size:18px; color: #222; }
.main-03 .txt04 .txt04-list .txt04-small { font-size:32px; color: #777; margin-top: 30px; line-height: 54px; /*letter-spacing: 10px;*/ } /* 200122 수정 */
.main-03 .txt04 .txt04-list .txt04-product { font-size:46px; color: #222; margin-top: 20px; margin-bottom: 60px; }
.main-03 .txt04 .txt04_btn { position: absolute; right: 420px; margin-top:-40px; z-index:1;}
.main-03 .txt04 .txt04_btn div { width:70px; height: 70px; background-repeat: no-repeat; float: left; border-radius:50%; box-shadow:7px 6px 10px 0px #ccc; cursor: pointer;}
.main-03 .txt04 .txt04_btn div.prev { background-image: url('/main/images/btn_arr_prev_d-950a2d973ab2604f7510f7c34abf374a.png'); margin-right:20px;}
.main-03 .txt04 .txt04_btn div.prev:hover { background-image: url('/main/images/btn_arr_prev_o-4dfa4ee9ccd258939cdc45f9bbcee04c.png');}
.main-03 .txt04 .txt04_btn div.next { background-image: url('/main/images/btn_arr_next_d-6f93e8d6371217081aed07cbb6a667c4.png');}
.main-03 .txt04 .txt04_btn div.next:hover { background-image: url('/main/images/btn_arr_next_o-ac7bd13805879a073aedfc50769922c4.png');}
.main-03 .txt04 .txt04_img { position: absolute; margin-left: 310px; width: 1560px; height: 502px; overflow: hidden; }/* 200224 수정 */
.main-03 .txt04 .txt04_img > div { float: left; width: 500px; height: 500px; margin-top: 60px; padding: 30px 0 0 30px}
.main-03 .txt04 .txt04_img > div > img { width: 440px; height: 440px;}
.main-03 .txt04 .txt04_img > div.active {margin-top: 0; padding: 0;}
.main-03 .txt04 .txt04_img > div.active > img { width: 500px; height: 500px; padding: 0; }
.main-03 .txt04 .txt04_img > div:nth-child(3) {margin-left: 100px;}

.main-03 .txt04 .more {display: inline-block; background:#111; color:#fff; padding:18px 80px 18px 20px; font-size:16px; letter-spacing:-0.5px; position:relative;}
.main-03 .txt04 .more::after {position:absolute; top:50%; right:0 ;width:30px; height:7px; background:url(/main/images/more_arrow_w-155ebeec9131253d84c0c0739d8e2efa.png) 50% no-repeat; content:""; margin-right:20px; margin-bottom:-1px;}
.main-03 .txt04 .more_btns {display: inline-block;}
.main-03 .txt04 .more_btns li {margin-bottom: 20px;}
/* 200205 추가 - 화장품 */
.main-03.cosmetics .txt04 .txt04-list {padding-top: 70px;}
.main-03.cosmetics .txt04 .txt04-list .txt04-num,
.main-03.cosmetics .txt04 .txt04-list .txt04-small {display: none;}
.main-03.cosmetics .txt04 .txt04-list .txt04-product {height: 84px; margin-top: 0; margin-bottom: 120px; line-height: 84px;}
.main-03.cosmetics .txt04 .txt04-list .txt04-product img {vertical-align: middle;}
.main-03.cosmetics .txt04 .txt04_img img {width: 400px; height: 400px;}



/*200207 추가 - 화장품*/
.main-10 {position:relative; background:#fff; z-index:10;}
.main-10 .txt-wrap {max-width:1200px; padding:195px 0 145px 0; margin:0 auto; font-weight: 600;}
.main-10 .txt01 {padding:0 0 0 0; font-size: 24px; color: #222; }
.main-10 .txt02 {padding:41px 0 0 0; font-size: 70px; color: #222; font-weight: 600; letter-spacing: -5px; margin-left: -5px;}
.main-10 .txt03 {padding:20px 0 0 0; color: #005295; font-size: 70px; font-weight: 600; letter-spacing: -5px; margin-left: -5px;}
.main-10 .txt04 {padding:0; min-height: 500px; background-image: url('/main/images/main03_bg_slide-ca264e2cce6bae57b828469fc8a016ca.png'); background-repeat: no-repeat; background-position: right; width: 1560px; position:relative; right: 0; margin-top: 65px; }
.main-10 .txt04 .txt04-list { padding-top: 90px; }
.main-10 .txt04 .txt04-list > div:nth-child(n+2) {display: none;}
.main-10 .txt04 .txt04-list .txt04-num { font-size:18px; color: #222; }
.main-10 .txt04 .txt04-list .txt04-small { font-size:32px; color: #777; margin-top: 30px; line-height: 54px; /*letter-spacing: 10px;*/ } /* 200122 수정 */
.main-10 .txt04 .txt04-list .txt04-product { font-size:46px; color: #222; margin-top: 20px; margin-bottom: 60px; }
.main-10 .txt04 .txt04_btn { position: absolute; right: 330px; margin-top:-40px; z-index:1;}
.main-10 .txt04 .txt04_btn div { width:70px; height: 70px; background-repeat: no-repeat; float: left; border-radius:50%; box-shadow:7px 6px 10px 0px #ccc; cursor: pointer;}
.main-10 .txt04 .txt04_btn div.prev { background-image: url('/main/images/btn_arr_prev_d-950a2d973ab2604f7510f7c34abf374a.png'); margin-right:20px;}
.main-10 .txt04 .txt04_btn div.prev:hover { background-image: url('/main/images/btn_arr_prev_o-4dfa4ee9ccd258939cdc45f9bbcee04c.png');}
.main-10 .txt04 .txt04_btn div.next { background-image: url('/main/images/btn_arr_next_d-6f93e8d6371217081aed07cbb6a667c4.png');}
.main-10 .txt04 .txt04_btn div.next:hover { background-image: url('/main/images/btn_arr_next_o-ac7bd13805879a073aedfc50769922c4.png');}
.main-10 .txt04 .txt04_img { position: absolute; margin-left: 310px; width: 1560px; height: 502px; overflow: hidden; } /* 200224 수정 */
.main-10 .txt04 .txt04_img > div { float: left; width: 500px; height: 500px; margin-top: 60px; padding: 30px 0 0 30px}
.main-10 .txt04 .txt04_img > div > img { width: 440px; height: 440px;}
.main-10 .txt04 .txt04_img > div.active {margin-top: 0; padding: 0;}
.main-10 .txt04 .txt04_img > div.active > img { width: 500px; height: 500px; padding: 0; }
.main-10 .txt04 .txt04_img > div:nth-child(3) {margin-left: 100px;}
.main-10 .txt04 .more {display: inline-block; background:#111; color:#fff; padding:18px 80px 18px 20px; font-size:16px; letter-spacing:-0.5px; position:relative;}
.main-10 .txt04 .more::after {position:absolute; top:50%; right:0 ;width:30px; height:7px; background:url(/main/images/more_arrow_w-155ebeec9131253d84c0c0739d8e2efa.png) 50% no-repeat; content:""; margin-right:20px; margin-bottom:-1px;}
.main-10 .txt04 .more_btns {display: inline-block;}
.main-10 .txt04 .more_btns li {margin-bottom: 20px;}
/* 200205 추가 - 화장품 */
.main-10 .txt04 .txt04-list {padding-top: 70px;}
.main-10 .txt04 .txt04-list .txt04-num,
.main-10 .txt04 .txt04-list .txt04-small {display: none;}
.main-10 .txt04 .txt04-list .txt04-product {height: 84px; margin-top: 0; margin-bottom: 120px; line-height: 84px;}
.main-10 .txt04 .txt04-list .txt04-product img {vertical-align: middle;}
.main-10 .txt04 .txt04_img img {width: 400px; height: 400px;}


.main-04 {position:relative; background:#fff; z-index:10;}
.main-04 .txt-wrap {position:relative; max-width:1200px; padding:90px 0; margin:0 auto;}
.main-04 .txt-wrap .more {margin: 70px 0 0 78px;  color:#fff; padding:16px 80px 16px 0px; font-size:16px; letter-spacing:-0.5px; position:relative; border-bottom:2px solid #fff;}
.main-04 .txt-wrap .more::after {position:absolute; top:50%; right:0 ;width:30px; height:7px; background:url(/main/images/more_arrow_w-155ebeec9131253d84c0c0739d8e2efa.png) 50% no-repeat; content:"";}
.main-04 .txt01{color: #fff; font-size: 32px; font-weight: 600; line-height: 54px;}
.main-04 .txt02 {position:absolute; top:150px; right:0;}
.main-04 .main-04-data{position:absolute; top:0;left:0;display:block; width:100%; height:100%;/*background: rgb(0,74,152);background: linear-gradient(135deg, rgba(0, 74, 152,1) 12%, rgba(0, 74, 197,1) 34%, rgba(0, 205, 111,1) 87%);*/ background-color: #005295; overflow:hidden;}




.main-05 {position:relative;}
.main-05 .data{position:fixed; top:0; left:0; display:block; width:100%; height:100%; z-index:1; text-align:center;opacity:0; overflow:hidden;}
.main-05 .data .container {position:relative; height:100%; background:url(/main/images/main05_obj01-2eaeb5a1ea306328749a427ad4d357bc.jpg) center center no-repeat;background-size:cover;}
.main-05 .txt-wrap {position:absolute; top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;}
.main-05 .txt-wrap > div {position:relative; max-width:1200px; height:100%; text-align:center; margin:0 auto;}
.main-05 .txt-wrap .d-c {/*vertical-align:bottom;*/}
.main-05 .txt01 {padding:0 0 40px 0; font-size: 32px; color: #fff; font-weight: 600; letter-spacing: 5px; }
.main-05 .txt02 {padding:0 0 120px 0;}
.main-05 .dot01{position:absolute; top:0; left:50%; width:1600px; height:1600px; margin:-884px 0 0 -1160px; border-radius:50%; overflow:hidden;}
.main-05 .dot01 p{position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:0; background:url(/main/images/main05_obj02-ed49d58b42a9647c2e626b19f25520e2.jpg) 50% 50% no-repeat;}
.main-05 .dot02{position:absolute; top:78.23%; left:50%; width:45px; height:45px; margin:0 0 0 -798px; border-radius:50%; background:#fff; opacity:0.7}
.main-05 .dot03{position:absolute; top:28.23%; left:50%; width:29px; height:29px; margin:0 0 0 514px; border-radius:50%; background:#fff; opacity:0.4}
.main-05 .dot04{position:absolute; top:38%; left:50%; width:150px; height:150px; margin:0 0 0 528px; border-radius:50%; background:#fff; opacity:0.9}
.main-05 .txt05 {position:absolute; bottom:50px; left:50%; width:164px; height:64px; margin-top:40px; margin-left:-82px; opacity:1; transition:opacity 0.3s ease; z-index: 1;}
.main-05 .txt05.hide{opacity:0;}


.main-02.actived .data{opacity:1;}
.main-02.actived .txt-wrap{opacity:1;}
.main-05.actived .data{opacity:1;}
.main-05.actived .txt-wrap{opacity:1;}

.main-06 {position:relative; background:#fffdf4; z-index:10; overflow: hidden;}
.main-06 .container{position:relative; z-index:2;}
.main-06 .txt-wrap {position:relative;max-width:1200px; padding:230px 0 160px 0; margin:0 auto;}
.main-06 .txt01-01 { font-size: 18px; color: #999; font-weight: 600; }
.main-06 .txt01-02 { font-size: 32px; color: #222; line-height: 54px; font-weight: 600; letter-spacing: 8px; margin-top:15px;}
.main-06 .txt01-03 { font-size: 32px; color: #222; font-weight: 600; letter-spacing: 8px; margin-top: 15px; margin-bottom: 45px; }
.main-06 .txt02{ padding:100px 0 180px 0; }
.main-06 .txt02 .borderT { border-top: 2px solid #111; padding-top: 45px; }
.main-06 .txt02 .col-4 { padding-left: 30px; padding-right: 30px;}
.main-06 .txt02 .col-4:first-child { padding-left: 0; }
.main-06 .txt02 .col-4:last-child { padding-right: 0; }
.main-06 .txt02 .borderT { padding-left: 15px; }
.main-06 .txt02 .col-4 .icon { height: 120px; }
.main-06 .txt02 .col-4 .tit { font-size: 24px; color: #000; font-weight: 600; letter-spacing: -2px; height: 50px; }
.main-06 .txt02 .col-4 .cont { font-size: 18px; line-height: 32px; color: #999; font-weight: 600; letter-spacing: -2px; }
.main-06 .txt03{position:relative; padding:220px 0 0 480px;text-align:left;}
.main-06 .txt03 .txt03-01{position:absolute;top:220px;left:0;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.5s ease;}
.main-06 .txt03:hover .txt03-01 {box-shadow: 25px 25px 27px rgba(0, 0, 0, 0.1);}
.main-06 .txt04{position:relative; padding:90px 580px 0 0;text-align:right;}
.main-06 .txt04 .txt04-01{position:absolute;top:90px;right:0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.5s ease;}
.main-06 .txt04:hover .txt04-01 {box-shadow: 25px 25px 27px rgba(0, 0, 0, 0.1);}
/*.main-06 .obj01{position:absolute;top:40px;left:50%;margin:0 0 0 339px;}*/
.main-06 .obj02{position:absolute;top:230px;right:0;margin:0 0 0 300px;}
/*.main-06 .obj03{position:absolute;top:1409px;right:50%;margin:0 109px 0 0;}*/

.main-06 .txt01 .more {background:#111; color:#fff; padding:16px 80px 16px 20px; font-size:14px; letter-spacing:-0.5px; position:relative;}
.main-06 .txt01 .more::after {position:absolute; top:50%; right:0 ;width:30px; height:7px; background:url(/main/images/more_arrow_w-155ebeec9131253d84c0c0739d8e2efa.png) 50% no-repeat; content:""; margin-right:20px; margin-bottom:-1px;}

.main-07 {position:relative; height:818px;}
/*.main-07 .data{position:fixed; bottom:0; left:0; display:block; width:100%; height:818px; z-index:1; text-align:center;opacity:0; background:#111; overflow:hidden;}*/
.main-07 .data{position:relative; display:block; width:100%; height:818px; z-index:1; text-align:center; background:#111; overflow:hidden;}
.main-07.actived .data{opacity:1;}


.main-08 {position:relative; background:#f7fcfc; z-index:10; overflow: hidden;}
.main-08 .container{position:relative; z-index:2;}
.main-08 .txt-wrap {position:relative;max-width:1200px; padding:230px 0 160px 0; margin:0 auto;}
.main-08 .txt01-01 { font-size: 46px; font-weight: 600; letter-spacing: -2px; color: #222; margin-bottom: 40px; }
.main-08 [class^="txt01-02-"] { font-size: 32px; color: #222; font-weight: 600; letter-spacing: 5px; margin-bottom:24px; }
.main-08 .txt01-02-03 { margin-bottom: 45px; }
.main-08 .txt02::after { content:''; display: block; clear: both; }
.main-08 .txt02 { margin-top: 100px; }
.main-08 .txt02 .borderT { border-top: 2px solid #111; padding-top: 45px; }
.main-08 .txt02 .col-3 { padding-left: 30px; padding-right: 30px;}
.main-08 .txt02 .col-3:first-child { padding-left: 0; }
.main-08 .txt02 .col-3:last-child { padding-right: 0; }
.main-08 .txt02 .borderT { padding-left: 15px; }
.main-08 .txt02 .col-3 .icon { height: 120px; }
.main-08 .txt02 .col-3 .tit { font-size: 24px; color: #000; font-weight: 600; letter-spacing: -2px; height: 50px; }
.main-08 .txt02 .col-3 .cont { font-size: 18px; line-height: 32px; color: #999; font-weight: 600; letter-spacing: -2px; }


.main-08 .txt03{position:relative; padding:220px 0 0 480px;text-align:left;}
.main-08 .txt03 .txt03-01{position:absolute;top:220px;left:0;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.5s ease;}
.main-08 .txt03:hover .txt03-01 {box-shadow: 25px 25px 27px rgba(0, 0, 0, 0.1);}
.main-08 .txt04{position:relative; padding:90px 580px 0 0;text-align:right;}
.main-08 .txt04 .txt04-01{position:absolute;top:90px;right:0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.5s ease;}
.main-08 .txt04:hover .txt04-01 {box-shadow: 25px 25px 27px rgba(0, 0, 0, 0.1);}
.main-08 .obj01{position:absolute;top:0;left:50%;margin:0 0 0 339px;}


.main-09 {position:relative; background:#e4f1fe; z-index:10; overflow: hidden; text-align:center;}
.main-09 .container{position:relative; z-index:2;}
.main-09 .txt-wrap {position:relative;max-width:1200px; padding:140px 0 160px 0; margin:0 auto;}
/* .main-09 .txt02{ padding:100px 0 0 0;}
.main-09 .txt03{position:relative; padding:220px 0 0 480px;text-align:left;}
.main-09 .txt03 .txt03-01{position:absolute;top:220px;left:0;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.5s ease;}
.main-09 .txt03:hover .txt03-01 {box-shadow: 25px 25px 27px rgba(0, 0, 0, 0.1);}
.main-09 .txt04{position:relative; padding:90px 580px 0 0;text-align:right;}
.main-09 .txt04 .txt04-01{position:absolute;top:90px;right:0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.5s ease;}
.main-09 .txt04:hover .txt04-01 {box-shadow: 25px 25px 27px rgba(0, 0, 0, 0.1);}
.main-09 .obj01{position:absolute;top:40px;left:50%;margin:0 0 0 339px;}
.main-09 .obj02{position:absolute;top:530px;left:50%;margin:0 0 0 272px;}
.main-09 .obj03{position:absolute;top:1409px;right:50%;margin:0 109px 0 0;}*/
.main-09 .txt01 {color: #222; font-weight: 600; font-size: 70px;}
.main-09 .txt01 .em {color: #005295;}
.main-09 .txt02 {padding: 60px 0; color: #222; font-weight: 600; font-size: 32px; line-height: 54px;}
.main-09 .txt03 {}
.main-09 .sns-wrap {}
.main-09 .sns-wrap::after {display: block; clear: both; content: "";}
.main-09 .sns-wrap li {float:left; width:33.33%; text-align:center; margin-bottom:60px;}
/*.main-09 .sns-wrap li:nth-of-type(n+7) {margin-bottom:180px;}*/
.main-09 .sns-wrap li:nth-of-type(n + 4) {margin-bottom:0;}
.main-09 .sns-wrap li a {display: inline-block; height:100%;}
/* slide */
.main-09 .sns-wrap .slick-list {display: block; position: relative; overflow: hidden; margin: 0; padding: 0;}
.main-09 .sns-wrap .slick-track {display: block; position: relative; top: 0; left: 0; margin-left: 0; margin-right: 0;}
.slick-track:before,
.slick-track:after{ display: table; content: '';}
.slick-slide { float: left; height: 100%; min-height: 1px;}
.main-09 .sns-wrap .slick-arrow {cursor: pointer; overflow: hidden; position: absolute; top: 50%; text-indent: -9999px; width: 26px; height: 48px; margin-top: -24px; background-color: transparent; background-repeat: no-repeat; outline: none;}
.main-09 .sns-wrap .slick-arrow.slick-prev {left: -100px; background-image: url(/main/images/btn_sns_arrow_prev-e0b2ff618d4fa0bf8919d35485fc27bc.png);}
.main-09 .sns-wrap .slick-arrow.slick-next {right: -100px; background-image: url(/main/images/btn_sns_arrow_next-ca61e577fee2440423d3734eb8cc1fab.png);}

/* 211129 추가 */
.main-09 .sns-wrap .sns_insta a {
    position: relative;
}
.main-09 .sns-wrap .sns_insta a::before {
    content: "";
    display: block;
    position: absolute;
    left: 88%;
    top: 88%;
    width: 36px;
    height: 36px;
    background: url('/main/images/img_sns_instagram-f68cff557189573a2be89b823884e34f.png') no-repeat 0 0;
}

.banner {position:absolute; top:0; left:0; width:100%; height:220px; z-index:5; overflow:hidden;}
.banner > div {position:absolute; top:100%; left:0; width:100%; height:220px; transition:top 0.65s 0.5s, opacity 0.5s 0s cubic-bezier(0.785, 0.135, 0.150, 0.860);opacity:0;}
.banner .inner{max-width:1200px; margin:0 auto; height:220px}
.banner .banner-close{position:absolute; top:0; right:100px; display:block; width:40px; height:40px; background:url(/main/images/banner_close-211753983bbb97e5381f0552dee1e9b7.png) center center no-repeat;}


.banner01 .banner-data{background:url(/main/images/banner01_bg-0182aaad11da748be26d2fa5fbcfdd06.jpg) center center no-repeat;}
.banner02 .banner-data{background:#000}
.banner01{top:920px;}
.banner02{top:auto;bottom:0;}
.banner01.actived .banner-data {top:0; opacity:1;}
.banner02.actived .banner-data {top:0; opacity:1;}

.banner.hide .banner-data {top:100%; opacity:1; transition:top 0.65s 0.5s, opacity 0.5s 0s ease;opacity:0;}


.main-07 {position:relative; height:1000px; z-index:2;}
.main-07 .data { display:block; width:100%; height:1000px; z-index:1; text-align:center; background-color:#111; overflow:hidden; padding-top:180px; box-sizing: border-box; text-align: left; padding-left: 260px; }
.main-07.actived .data{opacity:1; }
.main-07 .data .txt01 { font-size: 32px; color: rgba(255,255,255,.6); letter-spacing:16px; font-weight: 600; line-height: 54px; }
.main-07 .bar {
    display:block; width:0; height:4px; background:#fff; margin: 50px 0;
}
.main-07 .data .txt02 {
    margin: 50px 0; font-size: 70px; line-height: 96px; color:rgba(255,255,255,.6); font-weight: 600; letter-spacing:-5px;
}
.main-07 .data .txt03 .tit_b { color: #ffffff; font-size: 22px; letter-spacing: 4px; font-weight: 600; }
.main-07 .data .txt03 .tit_b span {
    color: #ffffff; font-size: 14px; letter-spacing: -1px; display: inline-block; padding-top: 7px; margin-left: 10px;
}
.main-07 .data .txt03 .cont {
    color: rgba(255,255,255,.4); font-size: 14px; font-weight: 600;
}
.main-07 .data .txt03 .add .cont { margin-top: 15px; }
.main-07 .data .txt03 .add { margin-bottom: 40px; }

.main-07 .data .txt03-01 { width: 970px; float: left; }
.main-07 .data .txt03-02 { width: 630px; float: left; }
.main-07 .data .txt03-02,.main-07 .data .txt03-03 { float: left; }

.main-07 .data .txt03 .phone { float: left; margin-right:45px;}
.main-07 .data .txt03 .phone .cont { padding-top: 15px; line-height: 28px; }
.main-07 .data .txt03 .phone { margin-bottom: 15px; }
.main-07 .data .txt03::after { display: block; content: ''; clear: both; }

.main-07 .btn-group {width:230px; text-align:left;}
.main-07 .more {font-size:13px; color:#fff; font-weight:bold; display:block; width:230px; position:relative; margin-bottom:20px;}
.main-07 .more.arr::after {position:absolute; top:0; right:0 ;width:6px; height:11px; background:url(/main/images/btn_arrow_r-bc9cce459c09e91f38fab6ecf8a94d60.png) 50% no-repeat; content:"";}
.main-07 .etc-more-wrap {display:inline-block; float: right; margin-right: 245px; }
.main-07 .etc-more-wrap li {float:left; position:relative;  margin-right:20px;}
.main-07 .etc-more-wrap li::after {position:absolute; top:0; right:0 ;content:"|"; margin-right:-14px; height:11px; overflow:hidden;}
.main-07 .etc-more-wrap li:last-child {margin-right:0;}
.main-07 .etc-more-wrap li:last-child::after {content:none;}
.main-07 .etc-more-wrap li a {font-size:12px; color: rgba(255,255,255,.2); }

.main-07 .txt04 { font-size: 12px; color: rgba(255,255,255,.2); float: left; }

.main-07 .copy { margin-top: 60px;}

/*셀렉트*/
.select_type01 select{padding-bottom:20px; border:none;border-bottom:2px solid #707070; background:url(/main/images/btn_arrow_down-dc50da0274eb7148f8c63486a10c802a.png) no-repeat right 6px; border-radius: 0px; -webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:16px; color:#fff; font-weight:bold; background-color:#111; letter-spacing: 4px; margin-bottom:50px; cursor:pointer;}
.select_type01 select:focus {outline: none;}
select::-ms-expand {display: none;}
.sel_area{display: inline-block;}
.sel_area .select_type01{width:230px;}
.sel_area .select_type01 select{width:100%;}
.ser_area{display: inline-block;width: 50%;}
.serbox{display:inline-block;width: 750px;}
.ser_area .serbox input.input_search{width:84%;}


#main {transition:transform 0.85s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#main.open {transform: translate3d(-100%, 0px, 0px);}

#side {position:fixed; top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:auto;overflow-y:hidden;background:#fff;transform: translate3d(100%, 0px, 0px); transition:transform 0.85s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#side.open {transform: translate3d(0%, 0px, 0px);}
#side .data {position:relative; max-width:1200px; margin:0 auto; padding:180px 0;}
#side a{position:absolute; top:70px;left:70px;}
#side.start{overflow-y:auto;}
#side img{max-width:100%;}

html.fix{overflow:hidden;}
#slideshow{width:750px; right:-750px; position:fixed; background-color:#004a98;	height:100%; z-index:11;}
.dim-layer {width:100%; background:rgba(0, 0, 0, 0.7); position:fixed; height:100%; top:0; left:0; z-index:10;}
#slideshow button.back {background:none;  outline: none; cursor: pointer; position:absolute; top:70px; right:100px;}
#accordian {margin: 100px auto 0 auto; overflow: auto;  height: 100%}
#accordian::-webkit-scrollbar {display:none;}
#accordian ul.first {padding-bottom:120px;}
/* 메뉴 스타일 */
#accordian h3 {font-size: 30px;	padding: 20px 0px 20px 100px; cursor: pointer; line-height:30px;  color:rgba(255, 255, 255, 0.7);}
#accordian h3:hover {color:#fff;}

#accordian ul ul li {padding:15px 0px 15px 112px;}
#accordian ul ul li a {color: white; text-decoration: none;	font-size: 20px; line-height: 27px;	display: block;	-webkit-transition: all 0.15s;	-moz-transition: all 0.15s;	-o-transition: all 0.15s;	-ms-transition: all 0.15s;	transition: all 0.15s;}
#accordian ul ul li a span {background:url(/main/images/bullet_menu-47a1e1dd99d1a844c17eccbb180bb4c5.png)  50% no-repeat; display:none; margin-left:4px; margin-top:2px;}
#accordian ul ul li a:hover span {display:inline-block; width:4px; height:4px;}

#accordian ul ul {display: none;}
#accordian li.active ul {display: block;}
#accordian li.active h3 {color:#fff;}

.etc-btn-wrap {position:absolute; bottom:60px; right:100px; color:rgba(255, 255, 255, 0.3); font-size:10px;}
.etc-btn-wrap .etc-btn {color:rgba(255, 255, 255, 1); font-size:14px; margin-left:14px; margin-right:14px;}
.etc-btn-wrap .etc-btn:first-chile {margin-left:0;}
.etc-btn-wrap .etc-btn:last-chile {margin-right:0;}

/* 풋터 셀렉트 */
.sel_area{display: inline-block; margin-bottom:26px; padding-bottom:20px; border-bottom:2px solid #707070;}
.sel_area .nav-ul li.type02 {float:left; min-width: 230px; max-width:100%;}
.sel_area .nav-ul li.type02 .select-ui {position: relative;}
.sel_area .nav-ul li.type02 .select-ui h3 {display:table;}
.sel_area .nav-ul li.type02 .select-ui h3 a {z-index: 10; position: relative; display: table-cell; min-width: 230px; max-width:100%; height:40px; text-align:left; line-height: 1; letter-spacing:4px;
vertical-align: middle; text-decoration: none; color:#fff; font-weight: 600; font-size:16px;  background: url("/main/images/btn_arrow_down-dc50da0274eb7148f8c63486a10c802a.png") no-repeat right 50%;}
.sel_area .nav-ul li.type02 .select-ui h3 a.on {color:#fff;}
.sel_area .nav-ul li.type02 .select-ui h3 a:hover {text-decoration: none; color: #fff; }
.sel_area .nav-ul li.type02 .select-ui ul {display: none; position: absolute; min-width: 230px; max-width:100%; overflow: hidden; overflow-y: auto; left:0px; color:#f3f3f3; background:#111; z-index: 101; border:1px solid #666; min-height:200px; max-height: 450px;} /* 251015_내용추가로 css수정 */
.sel_area .nav-ul li.type02 .select-ui ul li {display: inline; float: left; min-width: 230px; max-width:100%; text-align:left;}
.sel_area .nav-ul li.type02 .select-ui ul li a {display: table-cell;  min-width: 230px; max-width:100%; color: #999; font-size: 15px; text-decoration: none;  padding:4px 0px 4px 24px;; vertical-align: middle;}
.sel_area .nav-ul li.type02 .select-ui ul li a:hover {color: #fff; text-decoration: none; background:rgba(0, 0, 0, 0.5);}
.sel_area .nav-ul li.type02 .select-ui ul li a.active {color: #fff; text-decoration: none;}
.sel_area .nav-ul li.type02 .select-ui ul li a.title {display: table-cell;  vertical-align: middle; cursor: default; font-size:16px; font-weight:bold; color:#fff; padding:12px 0px 4px 10px}
.sel_area .nav-ul li.type02 .select-ui ul li a.title:hover {color: #fff; text-decoration: none; background:none;}


/* 211018 sns버튼 추가 */
.top_sns_btns {
    position: absolute;
    right: 116px;
    top:120px;
}
.top_sns_btns li {
    float: left;
    padding-left: 10px;
}