@charset "utf-8";

/* CSS Document */
@import url(../fonts/NanumSquare.css);
@import url(../fonts/NanumBarunGothic.css);


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, 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: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; /* background: #535d68; */}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body{height: 100%;margin:0;font-family:'나눔바른고딕',NanumBarunGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:12px;}
* {-webkit-text-size-adjust:none;} /* iphone 글자크기 자동조정 방지 */
ol, ul{list-style:none;padding:0}
a{text-decoration:none;color:#000;}
a:hover,
a:active,
a:focus{text-decoration:none;}
img{border:none;}
form{display:inline}

textarea	{font-family:'나눔바른고딕',NanumBarunGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:15px;}
figure{margin:0;padding:0;text-align:center}
input[type='search']{border:none}
label{cursor:pointer}
section{font-size:1em}
h1{font-size:1.2em; font-weight:bold}
h2{font-size:1.1em; font-weight:bold}
h3{font-size:1.0em; font-weight:bold}
h4{font-size:1.0em}
p{font-size:1.0em;}
button{border:none;cursor:pointer;}
input:disabled	{
	background:#cdcdcd !important;
}
button:disabled	{
	background:#aaa !important; 
	color:#ddd !important; 
	border:1px solid #999 !important;
}
.loading{background:url('/image/indicator.gif') no-repeat 50% 0; text-align:center; font-size:1.1em; margin:20px 0; padding-top:30px; color:#999}
.on{display:block}
.off{display:none}

/*button{border:none;color:#fff; padding:7px; font-weight:bold; cursor:pointer;border-radius:7px; font-family:;}
button a{color:#fff}*/
.btnContainer{text-align:center; margin-top:7px;}
.btnContainer a{display:inline-block}
.button_1{padding:3px 7px; background-color:#999;}			
.button_2{padding:7px 20px; background-color:#3f3e40;  color:#d3d3d3; border:1px solid #333; border-radius:5px}
.button_2 a{color:#fff; display:block}
.button_3{padding:5px; background-color:#3f3e40; border-radius:0; margin:0}
.button_4{padding:5px; background-color:#999; margin-left:5px; color:#fff}			
.button_5{font-size:.9em; border:1px solid #dedede; padding:7px 10px; border-radius:3px; display:inline-block; background-color:#666; color:#fff; font-weight:bold; cursor:pointer}			

button + button{margin-left:10px;}

/* font size */
.ft-fa1 {font-size:100%;}
.ft-fa2 {font-size:88%;}
.ft-fa3 {font-size:75%;}
.ft-fa4 {font-size:69%;}

/* default */
.border-box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.no_type{margin:0;padding:0;list-style:none}
.border_box{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
.blind{position:absolute;top:-1000px;visibility:hidden}
.word_break{word-break:break-all;word-wrap:break-word}
.textOverflow{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 1 */
.errBox{text-align:center;background-color:#f3f3f3;margin:0;padding:20px;}
.errBox p.msg {font-size:1.2em; font-weight:bold; margin-bottom:10px;}
.errBox .button a{display:block; color:#fff}
.textBar{padding:10px;text-align:center;color:#fff;font-weight:bold;border-top:1px solid #dedede;cursor:pointer}

.textBar p{font-size:.9em; margin:0;}
.margin_top_4{margin-top:4px !important}
.margin_top_5{margin-top:5px !important}
.margin_top_10{margin-top:10px !important}
.margin_top_15{margin-top:15px !important}
.border_top_none{border-top:0 !important}

.margin_bottom_5{margin-bottom:5px !important}
.margin_bottom_10{margin-bottom:10px !important}
.margin_bottom_15{margin-bottom:15px !important}

.padding_bottom_0{padding-bottom:0 !important}
.padding_bottom_5{padding-bottom:5px !important}
.padding_bottom_10{padding-bottom:10px !important}
.padding_bottom_15{padding-bottom:15px !important}

.padding_10{padding:10px}

.clear{clear:both}

.ui-loader{display:none}

.hiddenElement{display:none}
.hiddenText{text-indent:-10000px; height:0; line-height:0;}
.fLayer{z-index:102000}

.formRow{background-color:#eee; border:1px solid #dedede; padding:0 10px}
.formRow > li{padding:10px 0;border-bottom:1px solid #dedede}
.formRow.big > li{padding:15px 0}
.formRow > li:last-child{border:0}

.formColumn{overflow:hidden;}
.formColumn .field, .formColumn .value{float:left}
.formColumn .field{width:30%; font-weight:bold;}
.formColumn .field.block{width:100%; font-weight:bold; margin:5px 0}

.formColumn .tip{display:block; width:100%; font-size:.9em; color:#777; margin:0}
.formColumn .tip strong{font-weight:bold; text-decoration:underline}

.formColumn .value{width:70%}
.formColumn .value.block{width:100%; margin:5px 0}
.formColumn .value input[type="text"],.formRow .value select{display:inline-block; width:100%; padding:2px; margin:0; box-sizing:border-box;}
.formColumn .value fieldset{border:1px solid #ddd; margin-bottom:10px; padding:15px;}
.formColumn .value fieldset legend{padding:0 5px}
.formColumn .value fieldset strong{display:block; margin:5px}

.textButton{color:blue; fontloading-weight:bold; cursor:pointer}

#onLoadingContainer{z-index:100; position:absolute !important; top:0  !important; left:0 !important; width:100%; height:100%;}
#onLoadingText, #complteText{z-index:500; width:350px; height:50px; line-height:50px; top: calc(50% - 25px); left: calc(50% - 175px); position:fixed; color:#000; text-align:center; font-size:18px; font-weight:bold; background-color:#000; color:#fff; padding:0 10px}
#complteText{z-index:700;}
#onLoadingText i{transform:rotateZ(0deg);}



#skipNavi {position: absolute;margin: 0 auto;width: 100%;list-style: none;font-size: 1.15em;top: -10.5em;left: 0;z-index: 99999;}
#skipNavi a:active, #skipNavi a:focus {position: absolute;padding-top: 0.5em;width: 100%;height: 2em;top: 10.5em;/* left: 0; */text-align: center;color: #000;font-weight:bold;/* text-decoration: underline;*/background: #fff;border: 1px solid #475470;outline: 0;}


#top-wrap	{min-height: 100%;}
.top-wrap-bg	{background: #2C2E37;}
header, footer{/* min-width: 1280px; */}

/* ===== Header ===== */
header{width: 100%;height: 60px;background: #ee7910;position: relative;overflow: hidden;z-index: 5;-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);}
.header .gnb_wrap{/* width: 1100px; *//* margin:0 auto; */padding-top: 10px;height:100%;box-sizing: border-box;}
.header .gnb_wrap .logo{float: left;margin-top: 5px;margin-left: 10px;}
.header .gnb_wrap .logo a{display: block; width: 100%; height: 100%;}
.header .gnb_wrap .gnb_menu{float: right;margin-top: 10px;font-weight: 400;}
.header .gnb_wrap .gnb_menu ul.util_menu{position: absolute;right: 0;top:0;}
.header .gnb_wrap .gnb_menu ul.util_menu>li{float: left;margin: 3px 3px;text-align: center;}
.header .gnb_wrap .gnb_menu ul.util_menu>li:last-child{padding-right: 26px;}
.header .gnb_wrap .gnb_menu ul.util_menu>li a{display: block;color: rgba(255,255,255,0.8);letter-spacing: -1px;font-size: 10px;font-weight: 400;height: 20px;padding: 4px 10px 3px 10px;/* background: rgba(255,255,255,0.3); */border-radius: 4px;border: solid 1px rgba(255,255,255,0.3);box-sizing: border-box;/* color: #00126d; */text-align: center;}
.header .gnb_wrap .gnb_menu ul.util_menu>li a:hover{color:#c3e1ff;}
.header .gnb_wrap .gnb_menu ul.util_menu:after{content: ''; display: block; clear: both;}

.header .gnb_wrap .gnb_menu ul.menu{margin-top: 0;/* height: 38px; *//* border: solid 1px #fff; */}
.header .gnb_wrap .gnb_menu ul.menu>li{float: left;}
.header .gnb_wrap .gnb_menu ul.menu>li:last-child a{padding-right: 28px;}
.header .gnb_wrap .gnb_menu ul.menu>li a{display: block;color: #fff;letter-spacing: -1px;font-size:16px;font-weight: 500;height: 27px;padding: 11px 20px 0 20px;}
.header .gnb_wrap .gnb_menu ul.menu>li a:hover{color:#c3e1ff;}
.header .gnb_wrap .gnb_menu ul.menu:after{content: ''; display: block; clear: both;}

/* ===== footer ===== */
footer{width: 100%;height: 100px;background: #ee7910;z-index: 1;position: relative;clear:both;padding-top: 16px;text-align: center;color:#fff;line-height: 1.6em;font-size: 13px;}
footer:before{display: block;clear: both;content: '';}
footer .footer_logo{width:138px; margin:0 auto; padding-top:20px;}
footer .footer_logo img{width:100%;}

/* ===== layout ===== */
.container{width: 100%;z-index:2;/*background:#fff;*//* min-width:1280px; *//* min-height:100%; *//* padding-bottom:60px; */overflow: auto;}
.container:after{content: ""; display:block; clear: both;}
.content{max-width: 1080px;width: 100%;margin:0 auto;min-height:540px;padding-bottom: 40px;}
.content.con_area{width: 1080px; margin:0 auto;}

.fl_right{float: right !important;}
.fl_left{float: left !important;}

.clearfix::before, .clearfix::after{content: ""; display:block; clear:both;}
.clearfix::after{clear:both;}

/* =====  Top ===== */
.container .top_bnr{width: 100%;height: 64px;color: #fff;background: #394969;letter-spacing: -1px;display: block;box-sizing: border-box;}
.container .top_bnr .inner_box{max-width: 1080px;width: 100%;margin: 0 auto;height:100%;padding-top: 20px;box-sizing: border-box;}
.container .top_bnr .inner_box h2{font-size: 24px;font-weight: 400;}

/* =====  crumb nav ===== */
.crumb_nav{width: 100%; padding-top:16px;}
.crumb_nav .crumb_list li{height:12px; line-height: 1.2em; float:left; padding-left:13px; padding-right: 10px; background: url(../images/crb_arr.png) no-repeat left; font-size: 12px; font-weight: 200;}
.crumb_nav .crumb_list li:first-child{background:none; padding-left:2px;}
.crumb_nav .crumb_list li a{color:#fff;}
.crumb_nav .crumb_list li:after{content: ''; clear: both; display: block;}

/* =====  title ===== */
.titarea{padding-top: 40px;padding-bottom: 10px;position: relative;}
.titarea span.sub{position:absolute; top:40px; left:60px; padding: 15px 0; color:#888888; font-size: 12px; }
.titarea span.sub2{position:absolute; padding: 15px 110px; color:#888888; font-size: 12px;}
.titarea span.sub_comment{padding: 15px 0 5px 0;color: #565656;font-size: 12px;font-weight: 600;display: inline-block;}
.titarea span.sub_comment br{display: none;}
.titarea:after{content: ''; display: block; clear: both;}

.titarea.pd_b0{ padding-bottom:0px;}
.titarea.center{text-align: center;margin-top: 30px;}



.container h3{position:relative;font-size:28px;font-family:NanumSquare;font-weight:500;letter-spacing: -0.08em;display: block;}
.container h4{position:relative; font-size:22px; font-family:NanumSquare; font-weight:500;}

/* ===== LNB ===== */
.lnb{float: left; width:230px; padding-top:30px;}

.lnb .depth1 > li {border-bottom: 1px dashed #cfcfcf; padding:15px 0;}
.lnb .depth1 > li:last-child{border-bottom: 0;}
.lnb .depth1 > li > a {display:block; position:relative; color:#262626; font-size:16px; font-family:NanumSquare;}
.lnb .depth1 > li > a:hover,
.lnb .depth1 > li > a:focus,
.lnb .depth1 > li.on > a,
.lnb .depth2 > li > a:hover,
.lnb .depth2 > li > a:focus,
.lnb .depth2 > li.on > a{color:#f48025; font-weight: 600;}
.lnb .depth1 > li.on > a,
.lnb .depth2 > li.on > a{color:#f48025;}
.lnb .depth1 > li > a .btn {display:block; text-indent:-9999px; position:absolute; right: 11px; top:50%; width:13px; height:13px; padding: 0; margin-top: -7px; background: url(../images/bul-allmenu.png) center center no-repeat; overflow: hidden;}
.lnb .depth1 > li > a .open {display:block;}
.lnb .depth1 > li.on > a .open {display:none;}
.lnb .depth1 > li.on > a .close {display:block;}
.lnb .depth1 > li.on > a .btn {background: url(../images/bul-allmenu-close.png) center center no-repeat;}
.lnb .depth1 > li .depth2 {display:none; margin-top:30px; margin-bottom: 15px;}
.lnb .depth1 > li.on .depth2 {display:block;}
.lnb .depth2 > li{padding-left: 20px; padding-bottom: 15px; background: url(../images/dh_bar.png) no-repeat left 7px;}
.lnb .depth2 > li:last-child{padding-bottom: 0;}
.lnb .depth2 > li > a {margin: 0; font-family: NanumSquare;}
.lnb .depth2 > li > a {position:relative; display:block; font-size: 13px; color: #5e5e5e;}
.lnb .depth2 > li > a .btn {display:block; text-indent:-9999px; position:absolute; right: 0px; top:50%; width:9px; height:9px; padding: 0; margin-top: -5px; background:url(../images/btn-lnb-open2.png) center center no-repeat; overflow: hidden;}
.lnb .depth2 > li > a .btn span {display:block; text-indent:-9999px;}
.lnb .depth2 > li > a .open {display:block;}

/* =====  input ===== */
input,select{background: #f8f6f5; border:1px solid #c4c6cb; padding:5px; font-family:'나눔바른고딕', NanumBarunGothic; font-weight: 300; font-size:15px; letter-spacing: 0.02em; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
input[type="text"]	{min-height: 32px; vertical-align:middle;}
input:focus,select:focus,textarea:focus { outline: 1px solid #f48025; }
input[type="radio"]+label, input[type="checkbox"]+label{font-size: 15px; vertical-align: 2px;font-family:'나눔바른고딕', NanumBarunGothic;}
input[type="radio"]:focus, input[type="checkbox"]:focus{outline: none;}
/*input[type="checkbox"]+label{font-family: Dotum;}*/
select { padding-left: 10px; padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f8f6f5 url('../images/sel_down.png') no-repeat 100% 50%;}
select option{height: 30px;}
select::-ms-expand { display: none;}
input[type="text"]:disabled {background:#d0d0d0;}

input.ic_chk[type=checkbox]{display: none!important;}
input.ic_chk[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox02.png) no-repeat 0 0;background-size: 15px;display: inline-block;/* border:solid 1px #b1b1b1; */height: 15px;width: 15px;cursor:pointer;vertical-align: -1px;margin-right: 2px;}
input.ic_chk[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox02_v.png) no-repeat 0 0; background-size:15px;}

input.ic_chk2[type=checkbox]{display: none!important;}
input.ic_chk2[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox02.png) no-repeat 0 0;background-size: 20px;display: inline-block;/* border:solid 1px #b1b1b1; */height: 20px;width: 20px;cursor:pointer;vertical-align: -1px;margin-right: 2px;}
input.ic_chk2[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox02_v.png) no-repeat 0 0; background-size:20px;}

input.ic_chk3[type=checkbox]{display: none!important;}
input.ic_chk3[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox02.png) no-repeat 0 0;background-size: 15px;display: inline-block;/* border:solid 1px #b1b1b1; */height: 15px;width: 15px;cursor:pointer;vertical-align: -6px;margin-right: 2px;}
input.ic_chk3[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox02_v.png) no-repeat 0 0; background-size:15px;}

input.ic_radio[type=radio]{display: none!important;}
input.ic_radio[type=radio] + label {background:#f9f9f9 url(../images/checkbox03.png) no-repeat 0 0;background-size: 15px;display: inline-block;/* border:solid 1px #b1b1b1; */height: 15px;width: 15px;cursor:pointer;vertical-align: -4px;margin-right: 2px;}
input.ic_radio[type=radio]:checked + label {background:#f9f9f9 url(../images/checkbox03_v.png) no-repeat 0 0; background-size:15px;}

textarea.reply{background: #f5f5f5; width:90%; height:80px; padding:20px 20px; border:1px solid #c4c6cb; padding:5px;}
.scroll {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:0px;} /* For the "inset" look only */
.scroll::-webkit-scrollbar {width:8px;} /* Let's get this party started */
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(248,248,248,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(125,125,125,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */


/* =====  Tabs ===== */
.tabs{position:relative;}
.tabs>ul:after {display:block;clear:both;content:'';}
.tabs>ul>li{float:left;display:table; width: 50%; height: 40px; border:1px solid #f7a25f; border-left:0; border-right: 0; border-top:0px solid #f7a25f;background:#e7e7e7;font-size:0.9rem;text-align:center;}
.tabs>ul>li>a{font-family:'나눔스퀘어',NanumSquare, font-weight: 900; font-size: 18px; color: #5b5b5b;}
.tabs>ul>li.active:first-child {border-left:1px solid #f7a25f;}
.tabs>ul>li.active {background:#fff;border:1px solid #f7a25f; border-bottom:1px solid #fff; }
.tabs>ul>li.active>a{color:#f7a25f;}
.tabs>ul>li>a {display:table-cell;width:100%;padding:0 1rem;vertical-align:middle;text-align:center;font-weight:bold;line-height:1.2;}
.tabcont {display:none; font-size:1.2rem; margin-top:-1px; border-top:0.1px solid #cacaca;}
.tabs .btnbox.tabbtn {position:absolute;right:0;top:0.5rem;}

/* =====  table ===== */
table{width: 100%; font-size: 13px; /*border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;*/ font-family: '나눔바른고딕', NanumBarunGothic;}
table caption{text-indent: -9999em;}
table tr{ text-align: left; /*border-bottom: 1px solid #eeeceb;*/}
/*table tr:last-child{border-bottom: 0;}*/
table tr th{padding: 17px; font-weight: 300; vertical-align: middle;}
table tr td{padding: 8px; font-weight: 300; vertical-align: middle;}
table tr td .tb_info{background: url(../images/dot.png) no-repeat left; padding-left: 12px; margin-top: 10px;}

/* icon */
.ico {display:inline-block; overflow:hidden; box-sizing:border-box; vertical-align:top; text-indent:-9999em;}

/*ico20*/
.ico.ico20 {width:20px; height:20px; background:url('../images/icon20x20.png') no-repeat left top;}
.ico.ico20.type01 {background-position:0 0;}
.ico.ico20.type02 {background-position:-50px 0;}
.ico.ico20.type03 {background-position:-100px 0;}
.ico.ico20.type04 {background-position:-150px 0;}
.ico.ico20.type05 {background-position:-200px 0;}
.ico.ico20.type06 {background-position:-250px 0;}
.ico.ico20.type07 {background-position:-300px 0;}
.ico.ico20.type08 {background-position:-350px 0;}
.ico.ico20.type09 {background-position:-400px 0;}
.ico.ico20.type10 {background-position:-450px 0;}
.ico.ico20.type11 {background-position:-500px 0;}

/* ===== page list ===== */
.page_list{width:480px; margin: 0 auto; text-align: center;}
.page_list a{display: inline-block; width: 23px; height: 25px; margin-right: 5px; padding: 0 1px; line-height: 23px; font-size: 13px; border: 1px solid #fff; color: #8e9094; text-decoration: none; vertical-align: middle; text-align: center; font-weight: 300; }
.page_list a.on{width: 23px; height: 25px; color: #fa7300; border: 1px solid #fa7300;}
.page_list a.first, .page_list a.prev, .page_list a.next, .page_list a.end{background-image: url(../images/sp_paging.png); background-repeat: no-repeat; border: 1px solid #fff; font-size: 0; line-height: 0;}
.page_list a.on,.page_list a:hover,.page_list a:focus,.page_list a:active {width:23px;height:25px;color:#fa7300;border:1px solid #fa7300;}
.page_list a.first:hover,.page_list a.prev:hover,.page_list a.next:hover,.page_list a.end:hover,.page_list a.first:focus,.page_list a.prev:focus,.page_list a.next:focus,.page_list a.end:focus {border:1px solid #fa7300;}
.page_list a.first {background-position:4px -145px;margin-right:1px;}
.page_list a.first:hover {background-position:4px -170px;}
.page_list a.prev {background-position:4px -95px;margin-right:5px;}
.page_list a.prev:hover {background-position:4px -120px;}
.page_list a.next {background-position:-33px -95px;}
.page_list a.next:hover {background-position:-33px -120px;}
.page_list a.end {background-position:-32px -145px;margin-left:1px;}
.page_list a.end:hover {background-position:-32px -170px;}

*:focus { outline: none !important; }