@charset "utf-8";
@import "reset.css";
@import "style.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', Sans-Serif; color:#343233;}
input {font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', Sans-Serif;}

/* WRAP */
#wrap{width:100%; min-width:1110px; overflow:hidden;}

/* SKIP_NAV */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* HEADER */
#header{width:100%; position:relative; z-index:2000;}
#header .gnb{margin:0 auto; width:1110px; height:75px; overflow:hidden;}
#header .gnb::after{content:""; display:block; width:0; height:0; clear:both;}
#header .gnb h1{float:left;}
#header .gnb h1 img{margin-top:12px;}
#header .gnb .sta{float:right; height:75px; line-height:75px;}
#header .gnb .sta .mail{display:inline-block; vertical-align:3px; font-size:15px; font-weight:300; color:#fff;}
#header .gnb .sta .mail img{margin:33px 7px 0 0;}
#header .gnb .sta .tel{display:inline-block; font-size:20px; font-weight:300; color:#fff;}
#header .gnb .sta .tel img{margin:28px 7px 0 25px;}
#header .kor_btn{display:inline-block; position:absolute; top:50%; left:1530px; transform:translateY(-50%); font-size:0; line-height:1;}
#header .lnb{position:fixed; top:76px; width:100%; z-index:2000;}
#header .lnb .nav_tit{width:100%; background-color:#fcce25;}
#header .lnb .nav_tit ul{margin:0 auto; width:1110px; overflow:hidden;}
#header .lnb .nav_tit ul li{float:left; width:20%; height:45px; text-align:center; line-height:45px;}
#header .lnb .nav_tit ul li a{font-size:18px; font-weight:500; color:#343233;}
#header .lnb .nav_tit ul li:hover,
#header .lnb .nav_tit ul li.on{background-color:#343233;}
#header .lnb .nav_tit ul li:hover a,
#header .lnb .nav_tit ul li.on a{color:#fcce25;}
#header .lnb .nav{overflow:hidden; width:100%; height:0px; background-color:rgba(255,255,255,0.9);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6ffffff, endColorStr=#e6ffffff );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6ffffff, endColorStr=#e6ffffff )";
	-webkit-box-shadow:0px 2px 5px -1px #bdbdbd; -moz-box-shadow:0px 2px 5px -1px #bdbdbd; box-shadow:0px 2px 5px -1px #bdbdbd;}
#header .lnb .nav ul{margin:0 auto; padding:10px 0 20px; width:1110px; overflow:hidden;}
#header .lnb .nav ul li{float:left; width:20%; text-align:center; line-height:2;}
#header .lnb .nav ul li a{font-size:16px; font-weight:500; color:#817e7e;}
#header .lnb .nav ul li a:hover{color:#000;}

/* QUICK */
.btn_inquiry{position:fixed; top:135px; right:8px; z-index:2000;}
#quick{position:fixed; top:120px; right:0; z-index:1000; width:156px; height:100%;}
#quick .btn_quick{left:0px; top:158px; display:inline-block; cursor:pointer; position:absolute; z-index:99000;}
#quick .view_list{float:right; width:120px; height:100%; padding-top:158px; border-left:1px solid #aeb2ac; -webkit-box-shadow: -3px 0px 5px -1px		rgba(55,55,55,0.1); -moz-box-shadow: -3px 0px 5px -1px gba(55,55,55,0.1); box-shadow: -3px 0px 3px -1px rgba(55,55,55,0.1);
	background-color:rgba(255,255,255,0.9);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6ffffff, endColorStr=#e6ffffff );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6ffffff, endColorStr=#e6ffffff )";}
#quick .view_list .tit{height:34px; line-height:34px; font-size:14px; color:#343233; font-weight:500; text-align:center; border-top:1px solid #bcbdc0; border-bottom:1px solid #bcbdc0; background-color:#fff;}
#quick .view_list ul{padding:13px 10px;}
#quick .view_list ul img{margin:5px 0; border:1px solid #bebebe; width:98px; height:60px;}
#quick .view_list div{padding:0 10px; height:34px; line-height:34px; font-size:14px; color:#343233; font-weight:500; text-align:center; border-top:1px solid #bcbdc0; border-bottom:1px solid #bcbdc0; background-color:#fff;}
#quick .view_list div p{display:inline-block; margin:0 25px; font-size:14px; font-weight:500; color:#818181;}
#quick .view_list div p span{color:#fc9930;}
#quick .view_list div .q_btn_left{float:left; margin-top:10px;}
#quick .view_list div .q_btn_right{float:right; margin-top:10px;}

/* PAGING */
.paging {height:37px; text-align:center; font-size:13px; margin-top:-80px; position:relative; margin-bottom:100px;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:32px; height:32px; line-height:32px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1px; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1px; border:1px solid #7c7c7c; color:#009ed8; display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; background-color:#f6f6f6;}
.paging .btn_prev {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-right:10px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-left:10px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging_nav2 .paging {height:37px; text-align:center; font-size:13px; margin-top:40px; position:relative; margin-bottom:0;}
.paging_nav2 .paging a {color:#6d6d6d}
.paging_nav2 .paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:32px; height:32px; line-height:32px; margin-left:-1px;}
.paging_nav2 .paging .link_page:hover{position:relative; z-index:1px; border:1px solid #7c7c7c;}
.paging_nav2 .paging .link_page_on{position:relative; z-index:1px; border:1px solid #7c7c7c; color:#009ed8; display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; background-color:#f6f6f6;}
.paging_nav2 .paging .btn_prev {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-right:10px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging_nav2 .paging .btn_next {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-left:10px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}

/* FOOTER */
#footer{width:100%; overflow:hidden; background-color:#343233;}
#footer .f_top{position:relative; width:100%; height:221px; background:url('../img/comm/bottom.gif') no-repeat center;}
#footer .f_top img{position:absolute; bottom:25px; left:50%; margin-left:400px;}
#footer .f_bottom{margin:0 auto; padding:45px 0 50px; width:1110px; overflow:hidden;}
#footer .f_bottom .fl p{font-size:15px; font-weight:300; color:#898989; margin-bottom:20px;}
#footer .f_bottom .fl address{font-size:15px; font-weight:300; color:#aeadad; line-height:1.5; font-style:normal;}
#footer .f_bottom .fl address a{color:#aeadad;}
#footer .f_bottom .fr::after{display:block; content:""; clear:both;}
#footer .f_bottom .fr dl{float:left; margin-left:50px;}
#footer .f_bottom .fr dl dt{font-size:20px; color:#cecece; font-weight:400; margin-bottom:15px;}
#footer .f_bottom .fr dl dd{}
#footer .f_bottom .fr dl dd a{font-size:15px; color:#aeadad; font-weight:300; line-height:1.6;}

.color1{color:#ff5e1e;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
.vl_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.fw1{font-weight:100 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw7{font-weight:700 !important;}
.fw9{font-weight:900 !important;}

.inp{height:31px; box-sizing:border-box; padding:7px 10px; border:1px solid #d8d8d8;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:31px; box-sizing:border-box; padding:4px 10px 5px; border:1px solid #d8d8d8;}

.cp{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #d8d8d8;}

.width0{width:50px;}
.width1{width:100px;}
.width2{width:200px;}
.width3{width:300px;}
.width4{width:400px;}
.width5{width:500px;}
.width6{width:600px;}
.width7{width:700px;}
.width8{width:800px;}
.width9{width:900px;}
.width10{width:1000px;}
.width90{width:90%;}
.width95{width:95%;}
.width100{width:100% !important;}
.width640{width:640px;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin-top:20px;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

a.btn_left_1{float:left; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #464646; font-size:14px; color:#464646; background-color:#fff;}
a.btn_left_2{float:left; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #009ed8; color:#fff; background-color:#009ed8;}

a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #464646; color:#464646; background-color:#fff;}
a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #009ed8; color:#fff; background-color:#009ed8;}

a.btn_center_1{margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; background-color:#009ed8; border:1px solid #009ed8; color:#fff;}
a.btn_center_2{margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; background-color:#ffffff; border:1px solid #009ed8; color:#009ed8;}

.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }


.inquiry_star{color:#FF9436 !important;}

#ui-datepicker-div{z-index:350 !important;}

.clr{clear:both;}