@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{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;}
.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;}
.main-01 .txt03 {position:absolute;top:330px;left:260px;}
.main-01 .txt03 .txt03-01 {font-size:32px; color:#fff; letter-spacing:4px; font-weight:bold;}
.main-01 .txt03 .txt03-01 > span {opacity:0.8;}
.main-01 .txt03 .txt03-02 {margin-top:70px; font-size:70px; color:#fff; letter-spacing:-4px; line-height:96px; font-weight:bold;}
.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; left:50%; width:780px; height:618px; z-index:1; /*margin-left:-124px;*/}
.main-01 .txt06 img {width: 100%;}
.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%);} */
.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(19, 78, 127); background: linear-gradient(135deg, rgba(0,74,152,1) 0%, rgba(19, 78, 127,1) 30%, rgba(170, 183, 228,1) 100%);*/ background-color: #003894;}






.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 {margin-top: 50px; font-size: 70px; color: #fff; letter-spacing: -1px; line-height: 96px; font-weight: bold;}
.main-02 .txt02-01 {margin-top:50px}

.main-03 {position:relative; background:#fff; z-index:10;}
.main-03 .txt-wrap {max-width:1200px; padding:195px 0 160px; margin:0 auto; font-weight:600; letter-spacing:-6px;}
.main-03 .txt01 {padding:0 0 0 78px;}
.main-03 .txt02 {padding:41px 0 0 78px; color:#222; font-size:70px;}
.main-03 .txt03 {padding:148px 0 0 0; text-align:right;}
.main-03 .txt03 .txt03-wrap {text-align:left;  width:710px; display:inline-block;}
.main-03 .txt03 .txt03-wrap .txt03-01 {padding: 78px 0 0 0; font-size: 32px; color: #222; letter-spacing: 4px; font-weight: bold;  line-height: 54px;}
.main-03 .txt03 .txt03-wrap .txt03-02 {font-size:20px; color:#999; line-height:34px; letter-spacing:-2px; font-weight:500; margin-bottom:30px;}
.main-03 .txt03 .more {color: #222; font-size: 14px; letter-spacing: -0.5px; position: relative; padding: 16px 80px 16px 0px; font-weight:600;}
.main-03 .txt03 .more::after {position: absolute; top: 50%; right: 0; width: 30px; height: 7px; background: url(../../images/pc/main/more_arrow_b.png) 50% no-repeat; content: ""; margin-right: 20px; margin-top: -1px;}
.main-03 .txt04 {width:1560px; padding:69px;}

.main-04 {position:relative; background:#fff; z-index:10;}
.main-04 .txt-wrap {position:relative;max-width:1200px; padding:0 0 242px 0; margin:0 auto;}
.main-04 .txt01{padding:0 0 0 78px; font-size: 32px; color: #222; letter-spacing: 4px; font-weight: bold; line-height: 54px; margin-bottom: 50px;}
.main-04 .txt02 {/*position:absolute; top:0;right:0;*/ padding: 0 0 0 78px;}
.main-04 .txt02 .more {background:; color:#111; padding:16px 130px 16px 0px; border-bottom: 3px solid #111; font-weight:bold; font-size:16px; letter-spacing:-0.5px; position:relative;}
.main-04 .txt02 .more::after {position:absolute; top:50%; right:0 ;width:30px; height:7px; background:url(../../images/pc/main/more_arrow_bl.png) 50% no-repeat; content:"";margin-bottom:-1px;}
.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(../../images/pc/main/main05_obj01.jpg) center center no-repeat;background-size:cover;overflow: hidden;}
.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:right; margin:0 auto;}
.main-05 .txt-wrap .d-c {vertical-align:bottom;}
.main-05 .txt01 {padding:0 0 45px 0; font-size: 80px;  color: #fff;  letter-spacing: -1px; font-weight: bold;}
.main-05 .txt02 {padding:0 0 120px 0; font-size: 80px;  color: #fff;  letter-spacing: -1px; font-weight: bold;}
.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(../../images/pc/main/main05_obj02.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-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;}
.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{font-size: 32px; color: #222; letter-spacing: 4px; font-weight: bold; line-height: 54px;}
.main-06 .txt01 span {font-size:18px; color:#999; display:block; letter-spacing:-1px;}
.main-06 .txt02{width:1560px; margin-left:-360px; padding:70px 0 0 0;}
.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 .txt03-02 {display:table; height:400px;}
.main-06 .txt03-02 .wrap {display:table-cell; vertical-align:middle;}
.main-06 .txt03-02 .wrap span{font-size:18px; color:#222; font-weight:bold; margin-bottom:30px; display:block;}
.main-06 .txt03-02 .wrap .first {font-size:32px; color:#777; line-height:54px; letter-spacing:4px; font-weight:bold; margin-bottom:40px;}
.main-06 .txt03-02 .wrap .second {font-size:48px; color:#222; font-weight:600; letter-spacing:-2px;}
.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 .txt04-02 {display:inline-table; height:500px; text-align:right;}
.main-06 .txt04-02 .wrap {display:table-cell; vertical-align:middle;}
.main-06 .txt04-02 .wrap span{font-size:18px; color:#222; font-weight:bold;  margin-bottom:30px; display:block;}
.main-06 .txt04-02 .wrap .first {font-size:32px; color:#777; line-height:54px; letter-spacing:4px; font-weight:bold; margin-bottom:40px;}
.main-06 .txt04-02 .wrap .second {font-size:48px; color:#222; font-weight:600; letter-spacing:-2px;}

/* 190903 추가 */
.main-06 .more { color: #111; padding: 16px 60px 16px 0px; font-weight: bold; font-size: 16px; letter-spacing: -0.5px; position: absolute; margin-top: -50px; margin-left: 570px; }
.main-06 .more::after { position:absolute; top:50%; right:0 ; width:30px; height:7px; background:url(../../images/more_arrow_bl.png) 50% no-repeat; content:"";margin-bottom:-1px;}

.main-06 .obj01{position:absolute;top:40px;left:50%;margin:0 0 0 339px;}
.main-06 .obj02{position:absolute;top:530px;left:50%;margin:0 0 0 272px;}
.main-06 .obj03{position:absolute;top:1409px;right:50%;margin:0 109px 0 0;}

/*.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-07 {position:relative; z-index:2;}
/*.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%; z-index:1; background:#111; overflow:hidden;}
.main-07.actived .data{opacity:1;}
.main-07 .txt01 {font-size:32px; color:#fff; letter-spacing:10px; font-weight:bold; margin-bottom:50px; line-height:54px;}
.main-07 .txt02 {
    margin: 50px 0; font-size: 70px; line-height: 96px; color:rgba(255,255,255); font-weight: 600; letter-spacing:-5px;
}
.main-07 .txt03 {font-size:12px; color:#fff; opacity:0.2;}
.main-07 hr {height:4px; width:100%; background:#fff; display: inherit; margin-bottom:50px; border:none;}
.main-07 .text-r {text-align:right;}
.main-07 .footer-right-wrap {display:inline-block;}
.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::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;}
.main-07 .etc-more-wrap li {float:left; position:relative;  margin-right:20px; color:#fff; opacity:0.2;}
.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:#fff;}


.footer-wrap {padding:190px 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;}

/* 200625 수정 */
.footer-wrap .full_info.col-6 address div {display: inline-block; min-width: 98px; margin-right: 40px;margin-bottom: 30px;}
.footer-wrap .full_info.col-6 address div strong {font-size: 20px; letter-spacing: 0;}


/*셀렉트*/
.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%;}


.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 .inner .banner-wrap {display:table; height: 100%;}
.banner .inner .banner-wrap .banner-con {display:table-cell; vertical-align:middle;}
.banner .inner .banner-wrap .banner-txt01{font-size:48px; color:#fff; font-weight:bold; margin-bottom:30px;}
.banner .inner .banner-wrap .banner-txt02{font-size:14px; color:#fff; opacity:0.3; line-height:20px;}
.banner .banner-close{position:absolute; top:0; right:100px; display:block; width:40px; height:40px; background:url(../../images/pc/main/banner_close.png) center center no-repeat;}
.banner .banner-more {position:absolute; top: 50%; left: 50%; background:; color:#fff; padding:16px 160px 16px 0px; border-bottom: 3px solid #fff; font-weight:bold; font-size:16px; letter-spacing:-0.5px; margin-top:-30px; margin-left:370px;}
.banner .banner-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-bottom:-1px;}


.banner01 .banner-data{background:url(../../images/pc/main/banner01_bg.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 {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;}


.aco-wrap {letter-spacing:-1px; width:100%;}
.aco-wrap li {position:relative; height:110px; color:#fff; padding-left:70px; cursor: pointer;transition:1s;}
.aco-wrap li:after {position:absolute; top:50%; content:""; width:23px; height:13px; margin-top:-5px; background: url(../../images/pc/main/aco-arr.png)50% no-repeat; margin-left:1040px;}
.aco-wrap li:first-child {background: url(../../images/pc/main/main-aco-01.png)50% no-repeat;}
.aco-wrap li:nth-child(2n) {background: url(../../images/pc/main/main-aco-02.png)50% no-repeat;}
.aco-wrap li:last-child {background: url(../../images/pc/main/main-aco-03.png)50% no-repeat;}
.aco-wrap li.active {height:300px;}
.aco-wrap .act-txt-wrap {display:table; height: 100%;}
.aco-wrap .act-txt-wrap .act-txt {display:table-cell; vertical-align:middle;}
.aco-wrap li span {font-size:40px; font-weight:bold;}
.aco-wrap li h4 {display:none;}
.aco-wrap li p {display:none;}
.aco-wrap li.active { cursor: auto; transition:1s;}
.aco-wrap li.active .ico_ar {display: inherit;}
.aco-wrap li.active span {font-size:24px; display: inherit; font-weight:400; padding-right:16px; padding-top:4px;}
.aco-wrap li.active h4 {font-size:32px; display: inherit; font-weight:bold;}
.aco-wrap li.active p {font-size:32px; display: inherit;}
.aco-wrap li.active:after {display:none;}
.aco-wrap li.active .bar {width:170px; height:4px; background:#fff; margin-bottom:20px; margin-top:16px;}

/* 슬라이드 */
#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;}
#slideshow button.back {background:none;  outline: none; cursor: pointer; position:absolute; top:70px; right:100px;}
#accordian {margin: 100px auto 0 auto; color:rgba(255, 255, 255, 0.7); overflow: auto;  height: 100%}
#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;}

/* 풋터 셀렉트 */
.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;}
}