@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@font-face { 
font-family: "Nanum Square"; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/nanumsquarer.eot') formet('embeded truetype'); 
src: url('../fonts/nanumsquarer.woff2') format('woff2'), 
url('../fonts/nanumsquarer.woff') format('woff'), 
url('../fonts/nanumsquarer.ttf') format('truetype'), 
url('../fonts/nanumsquarer.svg#nanumsquarer') format('svg'); 
}

/* /////////////////////////////////////////
											
			???? ????
				(Main)
										
//////////////////////////////////////// */
body{min-width: 320px;font-family:"???? ???", sans-serif;width:100%;/* letter-spacing:-1px; */}
ul{padding-left:0px;margin-bottom:0px;}
li{list-style:none;}
a:hover, a:focus{text-decoration:none;}
.row{margin:0px;}
.container{width:1200px;padding:0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0 0px;}

div.container-fluid{padding-top:105px;padding-left:0;padding-right:0;}
div.container-fluid > div.container{min-height: 900px;}

/*--------- header ---------*/
/* ??????? */
.navbar-inverse{height:105px;background:none;border:none;z-index: 2;margin-bottom:0;border-bottom:2px solid #d81d05;border-radius: 0;background:#fff;}
nav {border-bottom:2px solid #e60012;}  
nav > .container form.navbar-form{ border-radius: 5px;}
nav > .container .global-group div.lang-box a{background: url('/images/main/bar_t09_g.png') no-repeat center left;}

/*--- header-??? ---*/
.navbar > .container .navbar-header{width:100%;position: relative;}
.navbar > .container .navbar-header h1{position: absolute;top:10px;left:10px;margin:0;}
.navbar > .container .navbar-header h1 .navbar-brand{padding:0;}

/*--- header-gnb ---*/
.navbar > .container .navbar-collapse{width:auto;padding:0px;margin-top:42px;}
.navbar > .container .navbar-collapse ul.navbar-nav{padding-left:0px;}
.navbar > .container .navbar-collapse ul.navbar-nav > li{padding: 20px 26px 20px 35px;}
.navbar > .container .navbar-collapse ul.navbar-nav > li > a{font-size:20px;font-weight:bold;line-height:22px;color:#222;padding:0px;padding-right:15px;margin:0px;float: left;background:url('/images/main/icon_arr.png') no-repeat center right;}
/*--- header-gnb-??? ---*/
.navbar > .container form.navbar-form{padding:0px;margin-left:20px;margin:0px; margin-top: 15px;background: #eee;}
.navbar > .container form.navbar-form div.form-group{margin-bottom:0px;}
.navbar > .container form.navbar-form div.form-group input.form-control:focus{border:none !important;}
.navbar > .container form.navbar-form div.form-group input.form-control{width:243px;height:35px;display:block;border:none;box-shadow: none;background:#eee;font-size: 13px;overflow:hidden;}
.navbar > .container form.navbar-form a.btn{width: 35px;height: 35px;display:block;float: right;position: relative;background:#fff;border-radius:5px;border:none;padding:4px 15px 5px;background: #eee url('/images/main/icon_search.png') no-repeat center left; text-indent: -9999px;}
.navbar > .container form.navbar-form a.btn:active{box-shadow:none;}
/*--- header-gnb- ???????? ---*/
.navbar > .container .global-group{position:absolute;top:10px;right:0;}
.navbar > .container .global-group div.most-box{display: inline-block;}
.navbar > .container .global-group div.most-box > p,
.navbar > .container .global-group div.most-box > a{float: left;margin-right:10px;margin-bottom:0px;cursor:pointer;}
.navbar > .container .global-group div.most-box > p > span,
.navbar > .container .global-group div.most-box > a > span{color:#666;font-size:13px;border:1px solid #e1e1e1;border-radius:3px;padding:3px 33px 3px 7px;background:#fff url('/images/main/icon_arr03b.png') no-repeat 95% center;}
.navbar > .container .global-group div.most-box > a span.most-login{padding:3px 7px;background:#fff;display: block;}
.navbar > .container .global-group div.most-box > a span.most-login:hover{background:#e6e6e6;}

.navbar > .container .global-group div.most-box .hmg_fe{margin-right:10px;}
.navbar > .container .global-group div.most-box .hmg_fe button,
.navbar > .container .global-group div.most-box .hmg_user button{font-size:13px;font-weight: normal;color:#666;border-radius: 3px;border: 1px solid #e1e1e1;padding:3px 7px;position:relative;}
.navbar > .container .global-group div.most-box .hmg_fe ul.dropdown-menu,
.navbar > .container .global-group div.most-box .hmg_user ul.dropdown-menu{width: 100% !important;min-width:100%;min-height: 100px;padding:5px 10px;margin: 0;border-bottom:1px solid #e1e1e1;}
.navbar > .container .global-group div.most-box .hmg_fe ul.dropdown-menu li a,
.navbar > .container .global-group div.most-box .hmg_user ul.dropdown-menu li a{font-size:13px;color: #666 !important;font-weight: normal;}

.navbar > .container .global-group div.user-box{display: inline-block;}
.navbar > .container .global-group div.user-box a{float: left;padding:0 15px;background:url('/images/main/bar_g12.png') no-repeat center left;margin-bottom: 5px;}
.navbar > .container .global-group div.user-box a span{display:block;color:#666;font-size:13px;}

/*--- header-gnb- ??????? ---*/
.navbar > .container .navbar-collapse ul > li.dropdown.on > a{color:#d81d05 !important;background:url('/images/main/icon_arr04r.png') no-repeat center right;}

.navbar > .container .navbar-collapse ul.dropdown-menu{width:224px;min-height:260px;padding:13px 13px;border-radius: 0;border-bottom: none;box-shadow: none;}
.navbar > .container .navbar-collapse ul.dropdown-menu > li{padding:7px 0;}
.navbar > .container .navbar-collapse ul.dropdown-menu > li:hover a{text-decoration:underline;}
.navbar > .container .navbar-collapse ul.dropdown-menu > li a{font-size:14px;font-weight:bold;line-height:16px;color:#333 !important;background:none;padding:0px;white-space: normal;}
.hmg_menu01{width:216px !important;}
.hmg_menu02{width:228px !important;}
.hmg_menu03{width:228px !important;}
.hmg_menu04{width:243px !important;}
.hmg_menu05{width:180px !important;}
.hmg_menu06{width:180px !important;}

/* ???01 ??????? */
.navbar > .container .navbar-collapse li:first-child > ul.dropdown-menu{left:0px;}

/* ???02 ?????????? */
.navbar > .container .navbar-collapse li:first-child + li > ul.dropdown-menu{left:13px;}

/* ???03 ??????? */
.navbar > .container .navbar-collapse li:first-child + li + li > ul.dropdown-menu{left:-10px;}

/* ???04 ???????? */
.navbar > .container .navbar-collapse li:first-child + li + li + li > ul.dropdown-menu{left:3px;}

/*??????? ???��?*/
.navbar-inverse.changed:after{content: " ";display:block;min-height: 260px;border-bottom:1px solid #dcd8d8;background: #fff;position: absolute;top: 105px;left: 0;right: 0;}



/* ?????? */
nav.scroll-on{border-bottom:2px solid #e60012;}
nav.scroll-on > .container .navbar-collapse ul.navbar-nav li a{color:#222;}
nav.scroll-on > .container form.navbar-form{border: 1px solid #e0e0e0;}
nav.scroll-on > .container .global-group div.lang-box a span.lang-kr{background:url('/images/main/icon_kr_g.png') no-repeat center;}
nav.scroll-on > .container .global-group div.lang-box a span.lang-en{background:url('/images/main/icon_en_g.png') no-repeat center;}
nav.scroll-on > .container .global-group div.lang-box a{background: url('/images/main/bar_t09_g.png') no-repeat center left;}

/* ????? ???????? */
.navbar-inverse .navbar-toggle .icon-bar{background-color: #222;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background-color: #fff;}


/*--------- ???��???? ---------*/
.type_main .jumbotron{background:url('/images/main/bg_main01.png') no-repeat;padding-top:102px;padding-bottom:45px;margin-bottom:0px;background-size: cover;background-position: center 50%}
.type_main .jumbotron .container{height:139px;}
/* ??????? ????? */
.type_main .jumbotron .container .mine-box{margin-top: 9px;}
.type_main .jumbotron .container .mine-box ul{position:relative;margin-left:16%;}
.type_main .jumbotron .container .mine-box ul li{position: absolute;background:url('/images/main/img_chart.png') no-repeat left center;display: inline-block;text-align: center;}
.type_main .jumbotron .container .mine-box ul li a{display: block;padding:43px 0;}
.type_main .jumbotron .container .mine-box ul li a span.title{color:#fff;font-size:12px;line-height:14px;display: block;margin-top:5px;}
.type_main .jumbotron .container .mine-box ul li a span.data{color:#fff;font-size:26px;line-height:30px;font-weight:bold;display: block;font-family: Tahoma, 'Noto Sans KR', sans-serif;}
.type_main .jumbotron .container .mine-box ul li a span.sub-title{height:32px;color:#fff;font-size:13px;line-height:16px;font-weight:bold;display: block;}

.type_main .jumbotron .container .mine-box ul li.mine-fir{width: 126px;height: 127px;background-size: 478px;background-position:left center;left: 0;top: 15px;}
.type_main .jumbotron .container .mine-box ul li.mine-sec{width: 156px;height: 157px;background-position: -161px center;background-size: 478px;margin-left:20px;left: 127px;top: 0px;}
.type_main .jumbotron .container .mine-box ul li.mine-thr{width: 126px;height: 127px;background-position: -353px center;background-size: 478px;margin-left:20px;left: 302px;top: 15px;}
.type_main .jumbotron .container .mine-box ul li.mine-fir a{padding:32px 0px;}
.type_main .jumbotron .container .mine-box ul li.mine-thr a{padding:32px 0px;}
.type_main .jumbotron .container .mine-box ul li.mine-sec a{padding:40px 0;}
.type_main .jumbotron .container .mine-box ul li.mine-sec a span.title{font-size:15px;line-height:17px;}
.type_main .jumbotron .container .mine-box ul li.mine-sec a span.data{font-size:33px;line-height:37px;font-weight:bold;}
.type_main .jumbotron .container .mine-box ul li.mine-sec a span.sub-title{height:38px;font-size:15px;line-height:19px;font-weight:bold;}

/* 2018-01-09 ???? ?????????? */
/*========== area ==========*/
.area {position:relative;}
.area .fixed {}
.area .wide {}

/*========== section01 ==========*/
.section01 {}
.section01 .section-area {position:relative; max-width:1200px; margin:0 auto;  padding:149px 0 38px;}


/*========== section02 ==========*/
.section02 {background:url('/images/main/bg_patton_01.png') 0 0px;}
.section02 .section-area {position:relative; max-width:1200px; margin:0 auto;  padding:50px 0 50px;  }


/*========== section03 ==========*/
.section03 {}
.section03 .section-area {position:relative; max-width:1200px; margin:0 auto;  padding:40px 0 40px;  }


/*========== section04 ==========*/
.section04 {background:#fafafa;}
.section04 .section-area {position:relative; max-width:1200px; margin:0 auto;  padding:40px 0 40px;  }


/*========== visual-bxslider ==========*/
.visual-bxslider {overflow:hidden; position:relative; height:360px; z-index:1;}
.visual-bxslider ul.visualMain-Slider {width:100%; height:360px;}
.visual-bxslider ul.visualMain-Slider li {text-align:center;}
.visual-bxslider ul.visualMain-Slider li img {width:auto;}

.visual-bxslider .bx-wrapper {margin:0; }
.visual-bxslider .bx-wrapper .bx-pager {left:90px; bottom:-99px; opacity:1 !important;}
.visual-bxslider .bx-wrapper .bx-pager a.bx-pager-link {width:11px; height:11px; margin:0 0 0 5px; background: url('/images/main/bx-pager-link.png') no-repeat 0 0; opacity:1 !important;}
.visual-bxslider .bx-wrapper .bx-pager a.bx-pager-link.active {width:28px; height:11px; background:url('/images/main/bx-pager-link-active.png') no-repeat 0 2px;  opacity:1 !important;}
.visual-bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.visual-bxslider .bx-wrapper .bx-pager.bx-default-pager a.active, 
.visual-bxslider .bx-wrapper .bx-pager.bx-default-pager a:focus {width:28px; height:11px; background:url('/images/main/bx-pager-link-active.png') no-repeat 0 2px;  opacity:1 !important;}
.visual-bxslider .bx-wrapper .bx-pager.bx-default-pager a:focus {outline:5px auto -webkit-focus-ring-color;outline:1px dotted #000;}

.visual-bxslider .bx-controls {position:absolute; left:0; right:0; top:45%; width:1200px; margin:0 auto; opacity:1 !important; z-index:99;}
.visual-bxslider .bx-controls a.bx-prev {width:46px; height:46px; margin:0; background:url('/images/main/bx-prev.png') no-repeat 0 0;}
.visual-bxslider .bx-controls a.bx-prev:focus{outline:5px auto -webkit-focus-ring-color;outline:1px dotted #000;}
.visual-bxslider .bx-controls a.bx-next {width:46px; height:46px; margin:0; background:url('/images/main/bx-next.png') no-repeat 0 0;}
.visual-bxslider .bx-controls a.bx-next:focus{outline:5px auto -webkit-focus-ring-color;outline:1px dotted #000;}

.visual-bxslider .bx-wrapper .bx-controls-auto {left:165px; bottom:-89px;}
.visual-bxslider .bx-wrapper .bx-controls-auto a.bx-start {display:block; width:6px; height:8px; background:url('/images/main/icon_start.png') no-repeat 0 0px; z-index:1;}
.visual-bxslider .bx-wrapper .bx-controls-auto a.bx-stop {display:block; width:6px; height:8px; background:url('/images/main/icon_stop.png') no-repeat 0 0px; z-index:1;}
.visual-bxslider .bx-wrapper .bx-controls-auto a.bx-start.active {display:none; }
.visual-bxslider .bx-wrapper .bx-controls-auto a.bx-stop.active {display:none; }
.visual-bxslider .bx-wrapper .bx-controls-auto a.bx-start:focus,
.visual-bxslider .bx-wrapper .bx-controls-auto a.bx-stop:focus{outline:5px auto -webkit-focus-ring-color;outline:1px dotted #000;}


/*========== login-banner ==========*/
.login-banner {position:absolute; left:0; right:0; top:-50px; z-index:1;}

.login-banner .logoin {position:absolute; left:0; top:0;  width:380px; background:#fff; border-radius:5px; box-shadow:0px 0px 4px #ccc;}
.login-banner .logoin form {position:relative; padding-right:85px;}
.login-banner .logoin form input {margin-bottom:5px;}
.login-banner .logoin form a {color:#333; font-size:13px;}
.login-banner .logoin form a:hover {color:#e86251;}
.login-banner .logoin form a.btn {position:absolute; right:0; top:0;  display:block; width:80px; height:72px; line-height:60px; color:#fff; background:#e86251; border-radius:5px;}
.login-banner .logoin form .checkbox {margin-bottom:0;}
.login-banner .logoin form p.service {position:absolute; right:0; top:85px; margin:0;}
.login-banner .logoin form p.service {color:#ddd;}
.login-banner .logoin form p.service a {margin:0 3px;}

.login-banner .wide {overflow:hidden; margin-left:385px; background:#fff; border-radius:5px; box-shadow:0px 0px 4px #ccc;}
.login-banner .wide:after {content:''; clear:both; display:block;}
.login-banner .wide ul li a {color:#333;}
.login-banner .wide ul li a:hover {color:#e70014 !important;}

.login-banner .wide ul.bannder01 {float:left; width:545px; padding:28px 0;}
.login-banner .wide ul.bannder01 li {float:left; text-align:center; background:url('/images/main/bar_g22.png') no-repeat left center;height:90px; /*overflow:hidden;*/}
.login-banner .wide ul.bannder01 li:first-child {background:none; }
.login-banner .wide ul.bannder01 li a {display:block; width:134px; padding:10px 10px 0;}
.login-banner .wide ul.bannder01 li a i {display:block; height:32px; margin-bottom:10px;}
.login-banner .wide ul.bannder01 li a span {letter-spacing:-0.5px;}

.login-banner .wide ul.bannder02 {float:right; width:270px; padding:29px 30px 29px 30px ; background:#f7f7f7;}
.login-banner .wide ul.bannder02 li {border-top:1px solid #ddd; background:url('/images/main/icon_arrow.png') no-repeat right center;}
.login-banner .wide ul.bannder02 li:first-child {border-top:0px solid #ddd; }
.login-banner .wide ul.bannder02 li a {overflow:hidden; display:block; padding:5px 0;}
.login-banner .wide ul.bannder02 li a i {display:block; float:left; width:13px; height:13px; margin-right:5px; }
.login-banner .wide ul.bannder02 li a span {display:block; float:left; font-weight:bold;}


/*========== three-group ==========*/
.three-group {}
.three-group .fixed {position:absolute; left:0; top:0; width:380px; }
.three-group .fixed .box-radius {border-radius:5px; background:url('/images/main/box-radius_img02.png') no-repeat 0 0;}
.three-group .fixed .box-radius:first-child {margin-bottom:25px; background:url('/images/main/box-radius_img01.png') no-repeat 0 0;}
.three-group .fixed .box-radius a {position:relative; display:block; color:#fff; height:181px; padding:30px; }
.three-group .fixed .box-radius a dl {overflow:hidden; margin:0;}
.three-group .fixed .box-radius a dl dt {font-size:22px; font-weight:bold;}
.three-group .fixed .box-radius a dl dd {margin-top:70px; float:right; line-height:24px; font-size:22px;}
.three-group .fixed .box-radius a dl dd.num {margin-top:35px; float:right; line-height:68px; font-size:66px;}
.three-group .fixed .box-radius a dl dd.num span + span  {margin-left:-15px; font-size:20px; opacity: 0.8;}
.three-group .fixed .box-radius a dl dd.num span {}
.three-group .fixed .box-radius a p.more {position:absolute; right:30px; top:36px;}

.three-group .wide {margin-left:415px; height:387px; border-radius:5px;}
.three-group .wide ul.banner-Slider {}
.three-group .wide ul.banner-Slider li {height:387px;}

.three-group .bx-wrapper {margin:0; position:relative; z-index:1;}
.three-group .bx-wrapper .bx-pager {display:inline-block;  padding-right:40px; left:auto; right:0; text-align:right; z-index:0;}
.three-group .bx-wrapper .bx-pager a.bx-pager-link {width:18px; height:18px; margin:0 0 0 10px; background: url('/images/main/three-group_slider_off.png') no-repeat 0 0;}
.three-group .bx-wrapper .bx-pager a.bx-pager-link.active {width:18px; height:18px; background:url('/images/main/three-group_slider_on.png') no-repeat 0 0px;}
.three-group .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.three-group .bx-wrapper .bx-pager.bx-default-pager a.active, 
.three-group .bx-wrapper .bx-pager.bx-default-pager a:focus {width:18px; height:18px; background:url('/images/main/three-group_slider_on.png') no-repeat 0 0px;}


.three-group .bx-controls {position:absolute; left:0; right:0; bottom:0; width:785px; margin:0 auto; opacity:1 !important; z-index:99;}
.three-group .bx-controls a.bx-prev {display:none; width:46px; height:46px; margin:0; background:url('/images/main/bx-prev.png') no-repeat 0 0;}
.three-group .bx-controls a.bx-next {display:none; width:46px; height:46px; margin:0; background:url('/images/main/bx-next.png') no-repeat 0 0;}

.three-group .bx-wrapper .bx-controls-auto {width:20px; left:auto; right:22px; bottom:38px; z-index:1;}
.three-group .bx-wrapper .bx-controls-auto a.bx-start {display:block; width:16px; height:18px; background:url('/images/main/three-group_slider_play.png') no-repeat 0 0px; z-index:1;}
.three-group .bx-wrapper .bx-controls-auto a.bx-stop {display:block; width:10px; height:18px; background:url('/images/main/three-group_slider_stop.png') no-repeat 0 0px; z-index:1;}
.three-group .bx-wrapper .bx-controls-auto a.bx-start.active,
.three-group .bx-wrapper .bx-controls-auto a.bx-stop.active {display:none; }


/*========== map-info-area ==========*/
.map-info-area {}
.map-info-area div.tab-content{min-height:375px;}
.map-info-area .panel-heading.ty01 {}
.map-info-area .panel-heading.ty01 > ul.panel-tabs {overflow:hidden; width:672px; margin:0 auto;}
.map-info-area .panel-heading.ty01 > ul.panel-tabs > li {float:left; width:50%; background:#fff; text-align:center; border:1px solid #a8b4b7;}
.map-info-area .panel-heading.ty01 > ul.panel-tabs > li > a {display:block;  height:47px; padding:0 20px; line-height:47px; color:#9facb0; font-size:17px; font-weight:700;}
.map-info-area .panel-heading.ty01 > ul.panel-tabs > li.active { background:#4f828c; border:1px solid #4f828c;}
.map-info-area .panel-heading.ty01 > ul.panel-tabs > li.active > a {color:#fff; border:none;}

.map-info-area .map-area-select {display:none;}
.map-info-area .panel-heading.map-area-tab > ul.panel-tabs {display:table; width:100%; table-layout: fixed;}
.map-info-area .panel-heading.map-area-tab > ul.panel-tabs > li {display:table-cell; width:auto; text-align:center; }
.map-info-area .panel-heading.map-area-tab > ul.panel-tabs > li > a {display:block; color:#000; padding-bottom:5px;  }
.map-info-area .panel-heading.map-area-tab > ul.panel-tabs > li.active {}
.map-info-area .panel-heading.map-area-tab > ul.panel-tabs > li.active > a {background:url('/images/main/map-area_bg.png') no-repeat center bottom;}

.map-info-area .area-list {position:relative; padding-left:256px; }
.map-info-area .area-list:focus{outline:5px auto -webkit-focus-ring-color;outline:1px dotted #000;}
.map-info-area .area-list .map-area {position:absolute; left:0; top:0; width:254px; height:300px; background:#fff; text-align:center;}
.map-info-area .area-list .map-area p.img {margin-top:50px;}
.map-info-area .area-list .map-area p {font-size:22px; }
.map-info-area .area-list .area-list-area {overflow:hidden; position:relative; height:300px; padding-top:40px;}
.map-info-area .area-list .area-list-area .area-list-head {position:absolute; left:0; top:0; right:0; width:100%; height:40px;}
.map-info-area .area-list .area-list-area .area-list-scroll {overflow-y:auto; height:260px;}
.map-info-area .area-list .w100 {width:100px !Important;}
.map-info-area .area-list table.area-list-table {width:100%; table-layout: fixed; }
.map-info-area .area-list table.area-list-table caption,
.map-info-area .area-list-scroll table.area-list-table thead{ position: absolute;font-size: 0;text-indent: -9999px;}
.map-info-area .area-list table.area-list-table thead th {height:41px; color:#fff; text-align:center; background:#b2bbbd;}
.map-info-area .area-list table.area-list-table tbody td {height:41px; padding:5px 10px; background:#fff; color:#666; border-bottom:1px solid #f2f2f2;}
.map-info-area .area-list table.area-list-table tbody td.td_orgtn{text-align:center;}
.map-info-area .area-list table.area-list-table tbody td strong {color:#000;}


/*========== notice-banner ==========*/
.notice-banner {padding-right:435px;}
.notice-banner .wide {position:relative;}
.notice-banner .wide .panel-heading {margin:0; padding:0;}
.notice-banner .wide .panel-heading ul.panel-tabs { margin:0; padding:0; border-bottom:1px solid #333;}
.notice-banner .wide .panel-heading ul.panel-tabs:after {content:''; clear:both; display:block;}
.notice-banner .wide .panel-heading ul.panel-tabs li {float:left; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; }
.notice-banner .wide .panel-heading ul.panel-tabs li a {display:block; height:51px; line-height:51px; padding:0 15px;  font-weight:bold; font-size:22px; color:#a0a0a0;}
.notice-banner .wide .panel-heading ul.panel-tabs li.active {margin-bottom:-1px; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}
.notice-banner .wide .panel-heading ul.panel-tabs li.active a {color:#000;}

.notice-banner .wide .tab-content .tab-pane {height:85px; padding-top:10px; }
.notice-banner .wide ul.notice-list {overflow:hidden; margin-bottom:10px;}
.notice-banner .wide ul.notice-list li {padding-left:10px; margin-bottom:5px; background:url('/images/main/icon_bul3.png') no-repeat 0 center;}
.notice-banner .wide ul.notice-list li a {overflow:hidden;display:block;  color:#555;}
.notice-banner .wide ul.notice-list li a span:first-child {float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#555;}
.notice-banner .wide ul.notice-list li a span {display:block; float:right; color:#888;}
.notice-banner .wide ul.notice-list li a:hover {}
.notice-banner .wide ul.notice-list li a:focus span:first-child,
.notice-banner .wide ul.notice-list li a:hover span:first-child {font-weight:bold; text-decoration: underline;}
.notice-banner .wide a.more_btn {position:absolute; right:0; top:10px;}

.notice-banner .fixd {}
.notice-banner .fixd {position:absolute; right:0; top:0;}
.notice-banner .fixd a.banner-link {display:block; width:370px; height:130px; padding:15px 30px; border-radius:5px;  background:url('/images/main/banner-link_bg.png') no-repeat 0 center;}
.notice-banner .fixd a.banner-link dl {color:#fff; }
.notice-banner .fixd a.banner-link dt {font-size:25px; margin:19px 0 3px;}
.notice-banner .fixd a.banner-link dd {font-size:16px;}
.notice-banner .fixd a.banner-link dt + dd {margin-bottom:15px;}
.notice-banner .fixd a.banner-link dd p {display:inline-block; padding:0 10px; line-height:23px; font-size:13px; border:2px solid #fff;}


/*========== rolling-banner ==========*/
.rolling-banner {position:relative; width:100%; }
.rolling-banner .bx-wrapper {margin-bottom:0; padding:0 35px; }
.rolling-banner ul.rolling-banner-Slider {width:100%;}
.rolling-banner ul.rolling-banner-Slider li {width:auto !important; padding:0 15px; background:url('/images/main/bar_g22.png') no-repeat right center;}
.rolling-banner ul.rolling-banner-Slider li:first-chlild {background:none;}
.rolling-banner ul.rolling-banner-Slider li img {width:auto !important; height:auto !important; margin:0 auto;}
.rolling-banner ul.rolling-banner-Slider li a:focus img{outline:1px dotted #000;}
.rolling-banner .bx-controls a.bx-prev {top:22%; width:15px; height:24px; margin:0; background:url('/images/main/rolling-banner_prev.png') no-repeat 0 0;z-index:998;}
.rolling-banner .bx-controls a.bx-prev:focus{outline:1px dotted #000;}
.rolling-banner .bx-controls a.bx-next {top:22%; width:15px; height:24px; margin:0; background:url('/images/main/rolling-banner_next.png') no-repeat 0 0;z-index:998;}
.rolling-banner .bx-controls a.bx-next:focus{outline:1px dotted #000;}

.rolling-banner .bx-controls .bx-controls-auto{top:42px;left:0;bottom:0;width:100%;}
.rolling-banner .bx-controls a.bx-start{top:-43px;height:33px;right:26px;background:#fafafa url('/images/main/rolling-banner_play.png') no-repeat center center;}
.rolling-banner .bx-controls a.bx-start:focus{outline:1px dotted #000;}
.rolling-banner .bx-controls a.bx-stop{top:-43px;height:33px;right:26px;background:#fafafa url('/images/main/rolling-banner_stop.png') no-repeat center center;}
.rolling-banner .bx-controls a.bx-stop:focus{outline:1px dotted #000;}
.rolling-banner .bx-controls a.bx-start.active{display:none;}
.rolling-banner .bx-controls a.bx-stop.active{display:none;}

div.hmg_don_btn{margin-top:10px;}
div.hmg_don_btn span{display:inline-block;font-size: 16px;color: #000;padding-right:10px;letter-spacing:-2px;font-weight: 700;}

div.hmg_don_btn a{background:#4f828c !important;}
div.hmg_don_btn a:focus,
div.hmg_don_btn a:hover{background:#3c6871 !important;}

div.hmg_don_btn1{position: absolute; top: 29px;right: 0;}
div.hmg_don_btn1 span{display:inline-block;font-size:12px;color:#de5948;padding-right:10px;letter-spacing:-2px;}

.dong_h2{float:left;width:100px;}
.panel-heading{position: relative;}

/*========== skip navigation ===========*/
.hidden{display:none;}
.hiddenMenu{z-index:9999;position:fixed;top:-60px;left:0;width:100%;line-height:100%;height:60px;}
.hiddenMenu>li{z-index:9999;position:absolute;top:-60px;left:0;width:100%;height:auto;height:59px;}
.hiddenMenu>li>a{position:absolute;top:-60px;left:0;width:100%;height:auto;line-height:60px;color:#333;background:#fff;text-align:center;font-size:15px;border-bottom:1px solid #000;}


/* 휴면계정해제 ==========*/
.dormant-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
    height: 800px;
    align-items: center;
}
.dormant-box .border_box{
	width: 70%;
}
.dormant-box .login_side02{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dormant-box .btn_cert{
    width: 80%;
    padding: 10px 20px;
    border-radius: 15px;
}

/* /////////////////////////////////////////
											
			RESET (css)
										
//////////////////////////////////////// */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,
img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
li { list-style-type:none;}
img,fieldset,iframe{border:0;}
img,fieldset {border:none;}
img{width:100%;vertical-align:top;}
input{vertical-align:top;}/*��ü �ڽ�*/
hr{display:none;}

html,body{width:100%; min-width: 320px; height:100%;}
html{overflow-y: scroll;}
body{min-width: 320px;font-family:"Nanum Square","Nanum Gothic",sans-serif;width:100%;}
a{color:#000;text-decoration: none;}
a:hover, 
a:focus{text-decoration:none;color:#000;}
.skip {font-size:0; width:0; height:0; line-height:0;left:-9999px; }
ul{padding-left:0px;margin-bottom:0px;}
.row{margin:0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0 0px;}

.w1200{width:1200px;margin:0 auto;}
div.container-fluid{padding-top:115px;padding-left:0;padding-right:0;}
div.container-fluid > div.container{min-height: 900px;}

/* /////////////////////////////////////////
											
			Layout
										
//////////////////////////////////////// */

/*--------- header - ���� (WEB) ---------*/
/*.navbar-inverse{height:105px;background:none;border:none;z-index: 2;margin-bottom:0;border-bottom:2px solid #d81d05;border-radius: 0;background:#fff;}*/
nav.navbar{background:#fff;border-bottom:2px solid #eaeaea;}
nav.navbar:after{display:block;content:"";clear:both;}
nav.navbar > .header-container{display:block;}/*temp for mobile*/

/*--------- header - ���� (Mobile) ---------*/
nav.navbar > .mobileNav {width:100%;display:none;border-bottom:1px solid #ebebeb;/*temp*/}
nav.navbar > .mobileNav > .mobileNav-container{position:relative;width:100%;height:60px;padding:0 10px;}
nav.navbar > .mobileNav > .mobileNav-container:after{display:block;content:"";clear:both;}

/*--------- footer - ���� (WEB) ---------*/
body.type_sub footer.area-footer .footer-top{width:100%; height:14px; background:#fafafa; border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
footer.area-footer .footer-bottom{margin:40px 0;letter-spacing:-1px;}
footer.area-footer .footer-bottom:after{display:block;content:"";clear:both;}
footer.area-footer .footer-bottom .footer-container {position:relative;width:1200px;margin:0 auto;}
footer.area-footer .footer-bottom .footer-container > div(:not.mark1){width:75%;}
/* footer.area-footer .footer-bottom .footer-container > div:last-child{width:80px;} */


/* /////////////////////////////////////////
											
			     2��
										
//////////////////////////////////////// */

/* /////////////////////////////////////////
											
			Main (WEB)
										
//////////////////////////////////////// */
/*--------- header - �������� & �������� ---------*/
.move_portal-wrap{width:100%; border-bottom:2px solid #eaeaea; display:block;/*temp for mobile*/}
.move_portal{margin-top:7px;}
.move_portal:after{display:block; content:''; clear:both;}
.move_portal a{position:relative;display:block; float:left;border:2px solid #eaeaea; border-radius:3px;margin-right:1px;padding:9px 8px 10px 34px;}
.move_portal a > span{padding-right:19px;font-size:15px;letter-spacing:-1px;}
.move_portal .move_portal01{border-bottom:2px solid #fff;top:2px;background:#fff url("../img/icon_01_main_logo_c.png") no-repeat 10px 11px;}
.move_portal .move_portal01 span{font-weight:900;background:url("../img/icon_03_arrow_d.png") no-repeat 60px center;}
.move_portal .move_portal02{margin-right:0;top:2px;z-index:0;background:#f9f9f9 url("../img/icon_02_main_logo_d.png") no-repeat 10px 11px;}
.move_portal .move_portal02 span{font-weight:900;background:url("../img/icon_04_arrow_up.png") no-repeat 61px center;color:#a0a0a0;}

/*--- header-�ΰ� ---*/
.navbar > .header-container .navbar-header{width:100%;position: relative; height:62px;}
.navbar > .header-container .navbar-header h1{position: absolute;top:0;left:3px;margin:0;font-size:0;}
.navbar > .header-container .navbar-header h1 a{display:block;padding:20px 0 16px 0;}
.navbar > .header-container .navbar-header h1 a img{width:100%;}

/*--- header-gnb ---*/
.navbar > .header-container .global-group{position:absolute;right:0;top:-43px;}
.navbar > .header-container .global-group .global-group-container:after{display:block;content:"";clear:both;}
.navbar > .header-container .global-group .global-group-container > li {float:left;margin-right:7px;}
.navbar > .header-container .global-group .global-group-container > li:first-child {margin-right:5px;}
.navbar > .header-container .global-group .global-group-container > li:nth-child(2) {margin-right:5px;}
.navbar > .header-container .global-group .global-group-container > li:last-child {margin-right:0px;}
.navbar > .header-container .global-group .global-group-container > li .gnb_btn{display:block;border:1px solid #e6e6e6;color:#a0a0a0;font-size:13px;letter-spacing:-1px;}

.navbar > .header-container .global-group .global-group-container li a.gnb_btn01{padding: 6px 8px 6px 28px;border-radius:17px;}
/*���*/
.navbar > .header-container .global-group .global-group-container li a.gnb_btn01-login{display:block;background:url("../img/icon_06_login_d.png") no-repeat 7px 6px;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn01-login:hover,
.navbar > .header-container .global-group .global-group-container li a.gnb_btn01-login.active{background:url("../img/icon_06_login_a.png") no-repeat 7px 6px;color:#33909f;border:1px solid #33909f;}
/*�α׾ƿ�*/
.navbar > .header-container .global-group .global-group-container li a.gnb_btn01-logout{display:none;background:url("../img/icon_06_logout_d.png") no-repeat 7px 6px;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn01-logout:hover,
.navbar > .header-container .global-group .global-group-container li a.gnb_btn01-logout.active{background:url("../img/icon_06_logout_a.png") no-repeat 7px 6px;color:#33909f;border:1px solid #33909f;}


.navbar > .header-container .global-group .global-group-container li.gnb_user a.gnb_btn02{padding: 6px 8px 6px 25px;border-radius:17px;background:url("../img/icon_07_info_d.png") no-repeat 5px 6px;}
.navbar > .header-container .global-group .global-group-container li.gnb_user a.gnb_btn02:hover,
.navbar > .header-container .global-group .global-group-container li.gnb_user a.gnb_btn02.active{background:url("../img/icon_07_info_a.png") no-repeat 5px 6px;color:#33909f;border:1px solid #33909f;}

.navbar > .header-container .global-group .global-group-container li a.gnb_btn03{width:32px;height:32px;border-radius:50%;font-size:0;background:url("../img/icon_08_fb_d.png") no-repeat center 5px;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn03:hover,
.navbar > .header-container .global-group .global-group-container li a.gnb_btn03.active{background:url("../img/icon_08_fb_a.png") no-repeat center 5px;border:1px solid #33909f;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn04{width:32px;height:32px;border-radius:50%;font-size:0;background:url("../img/icon_09_youtube_d.png") no-repeat center 8px;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn04:hover,
.navbar > .header-container .global-group .global-group-container li a.gnb_btn04.active{background:url("../img/icon_09_youtube_a.png") no-repeat center 8px;border:1px solid #33909f;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn05{width:32px;height:32px;border-radius:50%;font-size:0;background:url("../img/icon_22_instagram_d.png") no-repeat center center;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn05:hover,
.navbar > .header-container .global-group .global-group-container li a.gnb_btn05.active{background:url("../img/icon_22_instagram_a.png") no-repeat center center;border:1px solid #33909f;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn06{width:32px;height:32px;border-radius:50%;font-size:0;background:url("../img/icon_11_blog_d.png") no-repeat center center;}
.navbar > .header-container .global-group .global-group-container li a.gnb_btn06:hover,
.navbar > .header-container .global-group .global-group-container li a.gnb_btn06.active{background:url("../img/icon_11_blog_a.png") no-repeat center center;border:1px solid #33909f;}

/*-- header-gnb �̿��ں� ��������--*/
.navbar > .header-container .global-group .global-group-container li.gnb_user{position:relative;}
.navbar > .header-container .global-group .global-group-container li.gnb_user ul{width:216px;background:#fff;border:1px solid #33909f;border-radius:0;top:39px;left:-44px;padding:10px 0;}
.navbar > .header-container .global-group .global-group-container li.gnb_user ul li a{font-size:14px;padding:2px 20px;}
.navbar > .header-container .global-group .global-group-container li.gnb_user ul li a:hover {background:none;}
.navbar > .header-container .global-group .global-group-container li.gnb_user ul li a span{padding-left:10px; background: url("../img/icon_14_user_indicator.png") no-repeat left 4px;}
.navbar > .header-container .global-group .global-group-container li.gnb_user ul li a:hover span{color:#33909f;}

/*--- header- dropdown �޴� ---*/
.navbar .navbar-collapse {margin-left:210px;float:left;}
.navbar .navbar-collapse>ul:after {display:block;clear:both;content:"";}
.navbar .navbar-collapse>ul > li {float:left;}
.navbar .navbar-nav > li > a{color:#000;letter-spacing:-1px;}
.navbar .navbar-nav > li > a:hover{color:#000 !important;}
.navbar .navbar-collapse > ul > li > a {display:block;font-size:17px;font-weight:800;padding:22px 23px 15px 16px; background:url("../img/bg_01_bar.png") no-repeat 99% 27px;}
.navbar .navbar-collapse > ul > li:last-child > a {background:none;}


/* -- header - Dropdown opened -- */
.navbar .navbar-collapse ul > li.dropdown.on > a{color:#000;}
.navbar .navbar-collapse ul.dropdown-menu{top:63px;left:-4px;width:180px;min-height:350px;padding:25px 20px;border-radius: 0;box-shadow: none;border:none;}
.navbar .navbar-collapse ul.dropdown-menu > li{padding:5px 0;}
.navbar .navbar-collapse ul.dropdown-menu > li a{font-size:15px;line-height:20px;font-weight:500;color:#555;background:none;padding:0px;white-space: normal;}
.navbar .navbar-collapse ul.dropdown-menu > li:hover > a{color:#33909f; text-decoration:underline;}
.navbar.changed:after{content: "";display:block;min-height:360px;border-top:2px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff;position: absolute;top:113px;left:0;right:0;box-shadow: 0px 3px 3px #fafafa;}

/* --- header - ������ �޴� ---*/
.navbar .nav_icon_menu{float:right;margin-top:16px;}
.navbar .nav_icon_menu > ul:after{content:"";display:block;clear:both;}
.navbar .nav_icon_menu > ul > li{float:left;margin-left:5px;}
.navbar .nav_icon_menu > ul > li > a{display:block;font-size:0;width:30px;height:30px;}

.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap{position:relative;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap a.nav_icon_search{background:url("../img/icon_12_search_d.png") no-repeat center center;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap a.nav_icon_search:hover{background:url("../img/icon_12_search_a.png") no-repeat center center;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap div.nav_icon_searchForm{display:none;position:absolute;width:905px;height:36px;border:3px solid #33909f;top:-3px;right:0;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap div.nav_icon_searchForm:after{content:"";display:block;clear:both;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap div.nav_icon_searchForm form fieldset input{float:left;width:848px;height:30px;font-size:15px;border:0;padding: 0 5px;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap div.nav_icon_searchForm form fieldset button.nav_icon_search-btn{float:left;width:28px;height:30px;font-size:0px;border:0;background:url("../img/icon_12_search_a.png") no-repeat center center;}
.navbar .nav_icon_menu > ul > li.nav_icon_search_wrap div.nav_icon_searchForm form fieldset button.nav_icon_searchForm-close{float:left;width:22px;height:30px;font-size:0px;border:0;background:#fff url("../img/icon_12_search_c.png") no-repeat center center;}

.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap{position:relative;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap a.nav_icon_userInfo{background:url("../img/icon_13_user_d.png") no-repeat center center;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap a.nav_icon_userInfo:hover{background:url("../img/icon_13_user_a.png") no-repeat center center;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap > ul{width:186px;background:#fff;border:1px solid #33909f;border-radius:0;top:44px;left:-80px;padding:10px 0;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap > ul li a{display:block;font-size:14px;padding:2px 20px;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap > ul li a:hover{background:none;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap > ul li a span{padding-left:10px; background: url("../img/icon_14_user_indicator.png") no-repeat left 4px;}
.navbar .nav_icon_menu > ul > li.nav_icon_userInfo_wrap > ul li a:hover span{color:#33909f;}

.navbar .nav_icon_menu ul li a.nav_icon_hm{background:url("../img/icon_13_hamburger_d.png") no-repeat center center;}
.navbar .nav_icon_menu ul li a.nav_icon_hm:hover{background:url("../img/icon_13_hamburger_a.png") no-repeat center center;}


/* ----------------- footer - �ΰ�, sns--------------------*/
.footer-logo-wrap {margin-bottom:22px;}
.footer-logo-wrap:after {content:'';display:block;clear:both;}
.footer-logo-wrap h2 {float:left;} 

.footer-logo-wrap .mobile-footer-sns-wrap {float:right;display:none;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container:after{content:"";display:block;clear:both;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container li{float:left;margin-right:5px;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container li a.footer-sns_btn{display:block;font-size:0;width:32px;height:32px;border:1px solid #e6e6e6;border-radius:50%;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container li a.footer-sns_btn01{background:url("../img/icon_08_fb_d.png") no-repeat center 5px;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container li a.footer-sns_btn02{background:url("../img/icon_09_youtube_d.png") no-repeat center 8px;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container li a.footer-sns_btn03{background:url("../img/icon_22_instagram_d.png") no-repeat center center;}
.footer-logo-wrap .mobile-footer-sns-wrap ul.footer-sns-container li a.footer-sns_btn04{background:url("../img/icon_11_blog_d.png") no-repeat center center;}


/* ----------------- footer - �̿��� --------------------*/
.footer-portal-wrap {margin-bottom:15px;padding:0 40px;}
.footer-portal-wrap ul:after{content:"";display:block;clear:both;}
.footer-portal-wrap ul li{float:left;padding:0 15px; background:url("../img/footer-icon-bar.png") no-repeat right center; background-size:2px;}
.footer-portal-wrap ul li:first-child{padding:0 15px 0 0;}
.footer-portal-wrap ul li:last-child{padding:0 0 0 15px;}

/* ----------------- footer - ���� --------------------*/
.footer-tel-wrap {margin-bottom:15px;}
.footer-tel-wrap:after{content:"";display:block;clear:both;}
.footer-tel-wrap ul {float:left;width:50%;padding-left:45px;}
.footer-tel-wrap ul li{padding-left:5px;background:url("../img/icon-footer-dot.png") no-repeat 0px 7px;}
.footer-tel-wrap ul li:after{display:block;content:"";clear:both;}
.footer-tel-wrap ul li span:first-child{float:left;}
.footer-tel-wrap ul li span:last-child{float:right;}

/* ----------------- footer - �ּ�, ���۱� --------------------*/
.footer-address-wrap:after{content:"";display:block;clear:both;}
.footer-address-wrap p {float:left;width:auto; padding-left:40px;}

/* ----------------- footer - WA --------------------*/
.footer-wa-mark-wrap{position:absolute;top:25px;right:100px;}
.footer-wa-mark-wrap a img{width:130px;}
.footer-eprivacy{position:absolute;top:25px;right:11px;width:80px;}
.footer-eprivacy a img{width:80px;}	
/* .footer-goodContentsService-mark-wrap{position:absolute;top:25px;right:140px;}
.footer-goodContentsService-mark-wrap a img{width:228px;} */

/* ----------------- contents ------------------*/
div.container-fluid > div.container {margin-top: 40px}

/* /////////////////////////////////////////
											
			Main (Mobile)
										
//////////////////////////////////////// */
/* -- ����� header �ΰ� -- */
.mobile-main-logo-wrap {position:absolute;top:0;left:50%;width:187px;margin-left:-94px;}
.mobile-main-logo-wrap h1 {font-size:0;}
.mobile-main-logo-wrap h1 a{display:block;padding:18px 0;}

/* -- ����� ��ü�޴� -- */
.mobile-hamburger-wrap {float:left;}
.mobile-hamburger-wrap .mobile-hamburger-btn a{font-size:0;display:block; width:40px; height:40px; padding:30px 20px; background:url("../img/icon_13_hamburger_d.png") no-repeat center center; }
.mobile-hamburger-wrap .mobile-hamburger-btn a.on{background:url("../img/icon_13_hamburger_c.png") no-repeat center center; background-size:20px;}
.mobile-hamburger-wrap .mobile-dropdown-wrap {position:absolute;top:62px;left:0;width:100%;background:#f5f5f5;border-bottom:1px solid #ebebeb;display:none;}
	/*����� ��ü�޴� - �α���/�α׾ƿ�*/
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap{width:100%;padding:15px 25px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap p {text-align:right;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap p a {color:#888;padding-left:20px;}
	/*����� ��ü�޴� - �α���*/
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap p.mobile-dropdown-login {display:block;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap p.mobile-dropdown-login a {background:url("../img/icon_06_login_d.png") no-repeat 0px center;}
	/*����� ��ü�޴� - �α׾ƿ�*/
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap p.mobile-dropdown-logout {display:none;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-login-wrap p.mobile-dropdown-logout a {background:url("../img/icon_06_logout_d.png") no-repeat 0px center;}
	
	/*����� ��ü�޴� - �̿��ں� ��������*/
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap {padding:0px 25px 15px 25px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap p {color:#2a2a2a;font-weight:900;margin-bottom:8px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap .mobile-dropdown-userInfo-menu:after {display:block;content:"";clear:both;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap .mobile-dropdown-userInfo-menu li{font-size:14px;/*temp*/float:left;padding:0 2%;letter-spacing:-1px;background:url("../img/icon_19_m_user_bar.png") no-repeat left center;background-size:2px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap .mobile-dropdown-userInfo-menu li a:hover{color:#33909f;text-decoration:underline;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap .mobile-dropdown-userInfo-menu li:first-child{padding-left:0;background:none;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-userInfo-wrap .mobile-dropdown-userInfo-menu li:last-child{padding-right:0;}
	
	/*����� ��ü�޴� - ���ڵ��޴�*/
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap{background:#fff;/* height:250px; */overflow-y:scroll;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap > ul > li.m-accordion p a{padding:10px 25px;font-weight:900;display:block;background:url("../img/icon_20_m_accordion_d.png") no-repeat 93% center;background-size:5px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap > ul > li.m-accordion:last-child p a{padding:10px 25px 20px 25px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap > ul > li.m-accordion p a:hover,
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap > ul > li.m-accordion p a.active{color:#33909f;background:url("../img/icon_20_m_accordion_a.png") no-repeat 93% 19px;background-size:7px;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap > ul > li.m-accordion ul {background:#ebebeb;padding:5px 0;display:none;}
	.mobile-hamburger-wrap .mobile-dropdown-wrap .mobile-dropdown-accordion-menu-wrap > ul > li.m-accordion ul li a{display:block;padding:5px 25px 5px 35px; background:url("../img/icon_18_gnb_sublist_d.png") no-repeat 27px 12px;}

/* -- ����� ������ �޴�-- */
.mobile-icon-menu-wrap {float:right;}
.mobile-icon-menu-wrap .mobile-icon-menu:after{content:"";display:block;clear:both;}
.mobile-icon-menu-wrap .mobile-icon-menu > li {float:left;}

.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-userInfo-wrap {position:relative;}
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-userInfo-wrap > a {display:block;font-size:0;width:35px;height:40px;padding:30px 15px;background:url("../img/icon_13_user_d.png") no-repeat center center;} 
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-userInfo-wrap > a:hover,
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-userInfo-wrap > a.active {background:url("../img/icon_13_user_a.png") no-repeat center center;} 
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-userInfo-wrap > ul {position:absolute;top:62px;left:-100px;width:180px;background:#fff;box-shadow: 0px 3px 3px #f9f9f9;padding:0px 0px 10px 10px;display:none;}
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-userInfo-wrap > ul li a{display:block;padding:9px 9px 9px 15px;background:url("../img/icon_14_user_indicator.png") no-repeat 5px 14px;}

.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-search-wrap {position:relative;}	
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-search-wrap > a {display:block;font-size:0;width:35px;height:40px;padding:30px 15px;background:url("../img/icon_12_search_d.png") no-repeat center center;}	
.mobile-icon-menu-wrap .mobile-icon-menu > li.mobile-search-wrap > a:hover{background:url("../img/icon_12_search_a.png") no-repeat center center;}	

.mobile_search {position:absolute;top:0px;right:0px;display:none;width:100%;height:60px;background:#fff;}
.mobile_search:after{content:"";display:block;clear:both;}
.mobile_search > div.mobile_icon_searchForm{float:right;width:100%;padding:10px;}
.mobile_search > div.mobile_icon_searchForm:after{content:"";display:block;clear:both;}
.mobile_search > div.mobile_icon_searchForm div {float:left;height:40px;width:calc(100% - 35px);border:3px solid #33909f;}
.mobile_search > div.mobile_icon_searchForm div input{width:calc(100% - 40px);padding:0px 5px;border:none;margin:7px 0;}
.mobile_search > div.mobile_icon_searchForm div button{width:40px;height:34px;border:0;font-size:0;padding:0;background:url("../img/icon_12_search_a.png") no-repeat 15px 8px;}
.mobile_search > div.mobile_icon_searchForm a{float:left;display:block;width:30px;text-align:right;padding:12px 0;}


/*////////////////////////////////////////////////////////////

                     ����ȸ��

///////////////////////////////////////////////////////////////*/
/* ����ȸ�� header */
body.type_login_sub .header-container{height:66px;}
body.type_login_sub .header-container:after {content:'';display:block;clear:both;}

body.type_login_sub .header-logo {float:left;}
body.type_login_sub .header-logo h2 {font-size:16px;font-weight:900;margin-left:4px;}
body.type_login_sub .header-logo h2 a{display:block;padding:25px 0px 24px 27px; background:url("../img/icon_01_login_common.png") no-repeat left center;}

body.type_login_sub .header-portal-move {float:left;margin-right:10px;}
body.type_login_sub .header-portal-move ul:after{content:'';display:block;clear:both;}
body.type_login_sub .header-portal-move ul li {float:left;margin-right:5px;padding:9px 0;}
body.type_login_sub .header-portal-move ul li:last-child {margin-right:0px;}
body.type_login_sub .header-portal-move ul li a{display:block;padding: 15px 15px 15px 30px;font-weight:900;/* background:url("../img/icon_01_login_common.png") no-repeat 15px center; *//* background-size:18px; */ border:1px solid #ebebeb;border-radius: 2px;}
body.type_login_sub .header-portal-move ul li a span{padding:0px 20px 0px 0px;background:url("../img/icon_02_login_total_logo_arrow.png") no-repeat right center;  }


/* ----------------- footer --------------------*/
footer.area-footer{width: 100%;border-top:1px solid #e4e4e4;}

/* ----------------- footer - 로고--------------------*/
footer.area-footer .footer-bottom .footer-container .footer-logo-wrap {margin-bottom:22px;}
footer.area-footer .footer-bottom .footer-container .footer-logo-wrap:after {content:'';display:block;clear:both;}
footer.area-footer .footer-bottom .footer-container .footer-logo-wrap .logo-title-link {position: relative;left: 50px;margin: 0;font-size: 1.5em;font-weight: 700;color: #9d9d9d;}
footer.area-footer .footer-bottom .footer-container .footer-logo-wrap .logo-title-link:before{position: absolute;top: 50%;left: -40px;width: 40px;height: 40px;background-image: url(../images/main/newCI/main_logo_gray.png);background-size: cover;content: '';transform: translateY(-50%);}

/* ----------------- footer - 이용약관, SNS --------------------*/
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap {margin-bottom:15px;padding:0 40px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul:after{content:"";display:block;clear:both;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li{float:left;padding:0 15px; line-height:32px; background:url("../images/main/footer-icon-bar.png") no-repeat right center; background-size:2px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li:first-child{padding:0 15px 0 0;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li:last-child{padding:0 0 0 15px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li:nth-child(4),
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li:nth-child(5),
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li:nth-child(6),
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li:nth-child(7) {background:#fff;padding:0 10px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn{display:block;font-size:0;padding:0 10px;width:32px;height:32px;border:1px solid #e6e6e6;border-radius:50%;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn01{background:url("../images/main/icon_08_fb_d.png") no-repeat center 5px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn01:focus,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn01:hover,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn01.active{background:url("../images/main/icon_08_fb_a.png") no-repeat center 5px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn02{background:url("../images/main/icon_09_youtube_d.png") no-repeat center 8px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn02:focus,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn02:hover,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn02.active{background:url("../images/main/icon_09_youtube_a.png") no-repeat center 8px;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn03{background:url("../images/main/icon_22_instagram_d.png") no-repeat center center;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn03:focus,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn03:hover,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn03.active{background:url("../images/main/icon_22_instagram_a.png") no-repeat center center;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn04{background:url("../images/main/icon_11_blog_d.png") no-repeat center center;}
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn04:focus,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn04:hover,
footer.area-footer .footer-bottom .footer-container .footer-portal-wrap ul li a.footer-sns_btn04.active{background:url("../images/main/icon_11_blog_a.png") no-repeat center center;}

/* ----------------- footer - 주소, 저작권 --------------------*/
footer.area-footer .footer-bottom .footer-container .footer-address-wrap:after{content:"";display:block;clear:both;}
footer.area-footer .footer-bottom .footer-container .footer-address-wrap p {float:left;width:auto; padding-left:40px;}

/* ----------------- footer - WA --------------------*/
footer.area-footer .footer-bottom .footer-container .footer-wa-mark-wrap{position:absolute;top:25px;right:100px;}
footer.area-footer .footer-bottom .footer-container .footer-wa-mark-wrap a img{width:130px;}

/* ----------------- footer - ePrivacy --------------------*/
footer.area-footer .footer-bottom .footer-container .footer-eprivacy{position:absolute;top:25px;right:11px;width:80px;}
footer.area-footer .footer-bottom .footer-container .footer-eprivacy a img{width:80px;}

/*------------------ 웹접근성 고려한 텍스트 숨기기 ------------*/
.text-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}