@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*==============================================

	    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', '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{transform: translate3d(0px, 70px, 0px);opacity:0;transition:opacity 1.45s, transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.e-wrap-xr{transform: translate3d(70px, 0px, 0px);opacity:0;transition:opacity 1.45s, transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.e-wrap-xl{transform: translate3d(-70px, 0px, 0px);opacity:0;transition:opacity 1.45s, transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.e-wrap.open, .e-wrap-xr.open, .e-wrap-xl.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;}
.global { position: absolute; top: 40px; right: 100px; }
.global a { color: #fff; font-size: 17px; font-weight: 500; }

.main-01 {position:relative; width:100%; z-index:15;}
.main-01 .container {height:100%;}
.main-01 .txt01{position:absolute; top:60px; left:100px;}
.main-01 .txt02{position: absolute; top: 69px; right: 100px; background: none; outline: none; cursor: pointer;}
.main-01 .txt03 {position:absolute;top:330px;left:360px;}
.main-01 .txt03-01 { font-size: 32px; letter-spacing: 10px; color: #fff; font-weight: 600; }
.main-01 .txt03-02 {margin-top:70px; font-size: 70px; line-height: 96px; letter-spacing: -7px; font-weight: 600; color: #fff; padding-bottom: 30px; }

.main-01 .txt04 {position:absolute; bottom:50px; right:100px;}
.main-01 .txt05 {position:absolute; top:100%; 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; right:0; width:1920px; height:100%; z-index:1; margin-left:-124px; overflow: hidden;}
.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(0,74,152,1) 0%, rgba(0,85,200,1) 30%, rgba(0,205,111,1) 100%);*/ 
/*background: rgb(2, 75, 153); background: linear-gradient(90deg, rgba(2, 75, 153,1) 0%, rgba(0, 205, 111,1) 100%);*/
background: rgb(246, 128, 132); background: linear-gradient(90deg, rgba(166, 192, 254,1) 0%, rgba(246, 128, 132,1) 100%);
}



.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(../../images/pc/main/main02_obj01.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;}
/*.main-02.fix .txt-wrap {position:absolute; }*/
.main-02 .txt01 { font-size: 70px; color: #fff; letter-spacing: -5px; font-weight: 600; line-height: 96px; }
.main-02 .txt02-01 {margin-top:50px}

.main-03 .txt03 {position:absolute; top:-220px; left:50%;}
.main-03 {position:relative; background:#fff; z-index:10; }
.main-03 .txt-wrap {max-width:1200px; padding:195px 0 160px; margin:0 auto;}
.main-03 .txt01 {padding:0;}
.main-03 .txt02 {padding:41px 0 0 0; font-size: 70px; color: #222; line-height:105px; font-weight: 600; letter-spacing: -5px;}
.main-03 .txt03n {position: absolute; top: 628px; left: 478px; height: 215px; }

/*.main-03 .txt03 {padding:119px 0 0 600px; text-align:left; height: 215px; }*/
.main-03 .txt03 span,.main-03 .txt03 a { display: block; font-weight: 600;}
.main-03 .txt03 span.tit { font-size: 32px; color: #222; letter-spacing: 10px; }
.main-03 .txt03 span.cont { font-size: 20px; color: #999; letter-spacing: -2px; margin-top: 30px; line-height: 34px; }
.main-03 .txt03 a { font-size: 14px; color: #222; letter-spacing: -1px; margin-top: 30px; width:105px; background-image: url('../../images/pc/main/main03_txt03.png'); background-position: right center; background-repeat: no-repeat;}
.main-03 .txt04 {/*width:1560px; height: 600px; padding:0 70px 70px 70px; margin-left: -429px;*/ }

.main-04 { position:relative; background:#fff; z-index:10; margin-top:230px }
.main-04 .txt-wrap {position:relative; max-width:1200px; margin:0 auto;}
.main-04 .txt01 { height: 162px; font-size: 70px; color: #222; font-weight: 600; line-height: 96px; letter-spacing: -5px;}
.main-04 .txt01 .more {float: right; color: #fff; background:#111; margin-top: -30px; font-size: 14px; line-height:1; letter-spacing: -0.5px; position: relative; padding: 18px 80px 18px 20px;}
.main-04 .txt01 .more:after {position: absolute; top: 50%; right: 0; width: 30px; height: 7px; background:url('../../images/pc/main/more_arrow_w.png') 50% no-repeat; content: ""; margin-right: 20px;}
.main-04 .txt02 {position:absolute; top:220px; right:0; height: 480px;}
.main-04 .txt02 .txt02-02 { position: absolute; width: 335px; height: 160px; margin-top: -240px; margin-right: 20px; margin-left: -228px; text-align: right; }
.main-04 .txt02 .txt02-02 .tit { font-size: 32px; color: #222; font-weight:600; letter-spacing:-2px; }
.main-04 .txt02 .txt02-02 .cont { font-size:18px; color:#999; line-height:32px; margin-top: 30px; margin-top: 20px; letter-spacing: -2px; }

.main-05 {position:relative; background:#fff; z-index:10; }
.main-05 .txt-wrap {position:relative; max-width:1200px; margin:0 auto;}
.main-05 .txt03 {position:absolute; top:0px; left:0; }
/* 1031 */
.main-05 .txt03 .txt03-02 { position: absolute; margin-top: 100px; margin-left: 300px; padding:80px 100px; background:#fff; width:100%;}
.main-05 .txt03 .txt03-02 .tit { font-size: 32px; color: #222; font-weight:600; letter-spacing:-2px; }
.main-05 .txt03 .txt03-02 .cont { font-size:18px; color:#999; line-height:32px; margin-top: 30px; margin-top: 20px; letter-spacing: -1px; }
.main-05 .txt04 {position:absolute; top:110px; right:0; text-align: right; }
.main-05 .txt04 .txt04-02 { margin-top: 80px; text-align: right; }
.main-05 .txt04 .txt04-02 .tit { font-size: 32px; color: #222; font-weight:600; letter-spacing:-2px; }
.main-05 .txt04 .txt04-02 .cont { font-size:18px; color:#999; line-height:32px; margin-top: 30px; margin-top: 20px; letter-spacing: -2px; }
.main-05 .txt05 {position:absolute; top:780px; left:0; }
/* 1031 */
.main-05 .txt05 .txt05-02 { position: absolute; width: 100%; text-align: left; margin-top: 80px; margin-left: 394px;  padding:80px 100px; background:#fff;}
.main-05 .txt05 .txt05-02 .tit { font-size: 32px; color: #222; font-weight:600; letter-spacing:-2px; }
.main-05 .txt05 .txt05-02 .cont { font-size:18px; color:#999; line-height:32px; margin-top: 30px; margin-top: 20px; letter-spacing: -2px; }


.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-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 .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{display:block; width:100%; height:818px; z-index:1; text-align:center; background:#111; overflow:hidden;}
.main-07.actived .data{opacity:1;}


.banner {position:relative; top:0; left:0; width:100%; height:360px; z-index:5; background: #f8f5ee; overflow:hidden;}
.banner > div {position:relative; top:100%; left:0; width:100%; height:360px; 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:360px; padding-top: 130px; color: #fff; font-weight: 600; }
.banner .inner .txt01 { font-size: 60px; letter-spacing:-5px; }
.banner .inner .txt01-small { font-size: 32px; letter-spacing: 4px; display: block; margin-bottom: 30px; }
.banner .inner .btn01 { width: 195px; height: 50px; padding: 15px 0 15px 20px; border: 2px solid #fff; box-sizing: border-box; display: block; color: #fff; font-size: 14px; background-image: url('../../images/pc/main/main06_btn01_arr.png'); background-repeat: no-repeat; background-position: 147px center; position: absolute; margin-left: 1005px; margin-top: 30px; }
.banner .banner-close{position:relative; top:0; right:100px; display:block; width:40px; height:40px; background:url(../../images/pc/main/banner_close.png) center center no-repeat;}


.banner01 .banner-data{background:url(../../images/pc/main/banner01_bg.jpg) center center no-repeat;}
.banner02 .banner-data{background:#000}
.banner01{top:0px;}
.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;}
/*.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 { display:block; width:100%; height:1000px; z-index:1; text-align:center; background:#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-top: 50px;
}
.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; }
.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(../../images/pc/main/btn_arrow_r.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: 30px;}

.footer-wrap {padding:80px 100px 90px; width:1200px; text-align:left;}
.footer-wrap .row {}
.footer-wrap .adr {margin-bottom:60px;}
.footer-wrap .row:after {display:block; clear:both; content:"";}
.footer-wrap .col-6 {width:50%; float: left;}
.footer-wrap .col-6 address div:first-child {margin-bottom:40px;}
.footer-wrap .col-6 address div:nth-child(n + 2) {display:inline-block; margin-right:40px;}
.footer-wrap .col-6 address div strong {font-size:22px; color:#fff; letter-spacing:2px; margin-bottom:20px; display:block; font-weight:600;}
.footer-wrap .col-6 address div p {font-size:14px; color:#fff; opacity:0.6; font-weight:500; letter-spacing:-0.5px;}
.footer-wrap .col-6 address div:first-child p:not(:first-of-type) {margin-top:10px;}

/*셀렉트*/
.select_type01 select{padding-bottom:20px; border:none;border-bottom:2px solid #707070; background:url(../../images/pc/main/btn_arrow_down.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;}
.clear { clear: both; }

#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(../../images/pc/main/bullet_menu.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;}

.slider-wrap {margin-top:220px; position: relative; height:617px;}
.slider {position: relative; height:617px;}
.slider > div > .number {text-align: center; margin-top: -270px; height: 270px; margin-left: 180px;}
.slider > div:first-child {float: left; width: 1180px;  margin-right: 80px;}
.slider > div:nth-child(n+2) {float: left; width: 1180px; margin-right: 80px;}
.slider > div:first-child .slider-img-wrap .slider-op {position:absolute; top:0; left:0; width:1180px; height:600px; background:linear-gradient(90deg, rgba(255, 128, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);  animation-duration: 3s;  animation-name: pulse01;}
.slider > div:nth-child(n+2) .slider-img-wrap .slider-op {position:absolute; top:0; width:1180px; height:600px; background-color: rgb(0, 0, 0, 0.7);  animation-duration: 3s;  animation-name: pulse02;}
.slider-txt-wrap {position:relative; width:100%; top:-460px; left:30%; }
.slider-txt-wrap .slider-txt01 {font-size:26px; font-weight:400; color:#fff; margin-bottom:20px; animation-duration: 3s;  animation-name: slidein;}
.slider-txt-wrap .slider-txt02 {font-size:42px; color:#fff; letter-spacing:-1px; font-weight:600; animation-duration: 3s;  animation-name: slidein;}
@keyframes slidein {
  0% {
	margin-left: 30%;
	width: 300%;
	opacity:0;
  }
  100% {
	margin-left: 0%;
	width: 100%;
	opacity:100;
  }
}
@keyframes pulse01 {
  0% {
	background-color: rgb(0, 0, 0, 0.7);
  }
  100% {
	background:linear-gradient(90deg, rgba(255, 128, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
}

@keyframes pulse02 {
  0% {
	background-color: rgb(0, 0, 0, 0.2);
  }
  100% {
    background-color: rgb(0, 0, 0, 0.7);
  }
}
.slider-txt {position:absolute;}
.slider-btn-wrap {position:absolute; bottom:0; left:50%; width: 200px;; margin-left: 27px; margin-bottom:17px;}
.slider-btn-wrap .slider-prev {background: url(../../images/pc/main/slider-prev.png)50% no-repeat;  width: 100px; height: 100px; display: block; float:left;}
.slider-btn-wrap .slider-prev:hover {background: url(../../images/pc/main/slider-prev-hover.png)50% no-repeat;  width: 100px; height: 100px;}
.slider-btn-wrap .slider-next {background: url(../../images/pc/main/slider-next.png)50% no-repeat;  width: 100px; height: 100px; float:left; display:block;}
.slider-btn-wrap .slider-next:hover {background: url(../../images/pc/main/slider-next-hover.png)50% no-repeat;  width: 100px; height: 100px; display: block; }

/* 풋터 셀렉트 */
.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("../../images/pc/main/btn_arrow_down.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; left:0px; color:#f3f3f3; background:#111; z-index: 101; border:1px solid #666; min-height:200px}  
.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;}

/* 200211 추가 */
@media (min-height: 768px) {
  .main-01 .txt03 {top: 230px;}
}