@charset "utf-8";

/* basic */
*{margin:0;padding:0;border:0;font-family: 'Malgun Gothic', sans-serif; font-weight:400; -webkit-text-size-adjust:none;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{font-style:normal; text-decoration:none; color:#333;}
fieldset, button{background:none;border:0px;}
button{cursor:pointer;}
ul,ol{overflow:hidden; list-style:none;}
li{list-style:none;}
.blind{position:absolute; top:-999999px;}
html,body, .wrap{height:100%; width:100%;}
img{border:0; display:block;}
table {border-collapse:collapse;border-spacing:0;}
iframe{width:100%;vertical-align:middle;border:0 none;}
input, button{box-sizing:inherit;}
hr{border-width:1px 0 0 0;}

section{display:table;padding:0;margin:0;width:100%;}
caption{display:none;}
figcaption{display:none}

ol, ul {list-style:none;}

a:link		{ color:#333; text-decoration:none; }
a:visited	{ color:#333; text-decoration:none; }
a:hover 	{ color:#333; text-decoration:none; }
a:focus 	{ color:#333; text-decoration:none; }
a:active	{ color:#333; text-decoration:none; }

input:read-only{background-color:#eee !important} 
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }
input[type="text"], 
input[type="number"],
input[type="email"], 
input[type="search"],
input[type="password"], 
input[type="date"], 
input[type="tel"],
select{display:table-cell; vertical-align:middle;height:30px;line-height:20px; padding:0 5px;margin-right:5px;background:#fff;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #cacaca;
-webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; outline:none; color:#555; font-weight:normal;}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {box-shadow:0 0 0px rgba(255, 255, 255, 1);  border:1px solid rgba(253, 133, 28, 1);}
input.disabled {color:blue; background-color:white;}
select::-ms-expand{display:none; }
select{background:#fff;padding:0 0 0 5px;outline :none;overflow :hidden;text-indent :0.01px;text-overflow:'';border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;text-overflow:'';}
textarea{width:100%;height:100px; resize:none; border:1px solid #d6d6d6; font-size:12px; color:#666; }
input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9; }


thead tr{height:40px;}
.clear{clear:both !important; }

.nbsp{padding-left:8px;}
.lock{display:inline-block; padding-left:10px;}

.solidline{border-bottom:1px solid #d6d6d6}
.dashed{border-bottom:1px dashed #d6d6d6}

.mNone{margin:0 !important;}
.mt_2{margin-top:2px;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mg_5{margin-bottom:5px;}
.mg_10m{margin-top:-10px;}
.mg_30m{margin-top:-30px;}
.mg_90m{margin-top:-90px;}
.mg_100m{margin-top:-100px;}
.mg_150m{margin-top:-150px;}
.mg_200m{margin-top:-200px;}
.mg_10{margin-bottom:10px;}
.mg_20{margin-bottom:20px;}
.mg_30{margin-bottom:30px}
.mg_40{margin-bottom:40px;}
.mg_50{margin-bottom:50px;}

.pd_5{padding-bottom:5px}
.pd_10{padding-bottom:10px;}
.pd_20{padding-bottom:20px;}
.pd_30{padding-bottom:30px;}
.pd_40{padding-bottom:40px;}
.pd_50{padding-bottom:50px;}
.pd_60{padding-bottom:60px;}
.pd_100{padding-bottom:100px;}

.mg_l{margin-left:5px;}
.mg_r{margin-right:5px;}
.mg_l_18{margin-left:18px;}
.mg_l_30{margin-left:30px;}
.mg_r_30{margin-right:30px;}
.mg_l_50{margin-left:50px;}
.mg_r_50{margin-right:50px;}
.mg_l_100{margin-left:100px;}

.pd_l_30{padding-left:30px;}
.pd_r_10{padding-right:10px;}
.pd_r_30{padding-right:30px;}

.fr{float:right !important;}
.fl{float:left !important;}

.tCenter {text-align:center !important;}
.tRight {text-align:right;}
.tLeft {text-align:left;}

.wth_80{width:80px !important;}
.wth_100{width:100px;}
.wth_200{width:200px !important;;}
.wth_300{width:300px;}
.wth_400{width:400px;}
.wth_500{width:500px;}
.wth_600{width:600px;}

.wth_150{width:150px !important;}
.wth_250{width:250px;}
.wth_350{width:350px;}
.wth_450{width:450px;}
.wth_550{width:550px;}

.big_txt{font-size:14px !important;}

.opa{opacity:0.3; cursor:default;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */}

.br_t{border-top:1px solid #d6d6d6 !important;}
.br_b{border-bottom:1px solid #d6d6d6 !important;}
.br_no{border:none !important;}

.txt_line li{line-height:20px !important;}

.red{color:#e43f39 !important;}
.blue{color:blue;}
.green{color:green;}
.skyblue{color:skyblue;}
.gray{color:gray}
.yellow{color:yellow}
.purple{color:purple;}

.bgNone {background:none !important;}

.bod{font-weight:bold !important; font-family:'Dotum', '돋움', serif;}
.bod2{font-weight:bold}

.red_bg{background:#3377ff !important; color:#fff !important; }
.check_bg{background:#666; color:#fff !important;}

.clr_4{color:#444 !important;}

.norm{font-weight:normal !important; font-size:12px !important; color:#666 !important; }
.norm2{ font-size:12px; color:#666; font-weight:bold; }
.norm_color{color:#666; }

.border_r{ -webkit-border-radius: 5px !important; -moz-border-radius:5px !important; border-radius:5px !important;}
.border_rt{ -webkit-border-radius: 5px 5px 0 0  ; -moz-border-radius:5px 5px 0 0 ; border-radius:5px 5px  0 0 ;}
.border_rb{ -webkit-border-radius: 0 0  5px 5px ; -moz-border-radius:0 0 5px 5px ; border-radius: 0 0 5px 5px;}
input[type="checkbox"], input[type="radio"]{    vertical-align: -2px;    margin: 0px 5px 0px 0px;    padding: 0px;}



/* top 영역 */
.top {width:100%;}
.top .headerArea{width:100%; min-width:990px; height:30px; border-top:5px solid #1f7de1; border-bottom:1px solid #acacac;}
.top .headerArea .header{width:990px; margin:0 auto;}
.top .headerArea .header ul{float:right; padding:0 20px 0 0;}
.top .headerArea .header li{float:left;height:30px; line-height:28px; width:75px; margin:0 auto; text-align:center; font-size:12px;  color:#666 } 

/* navi 영역 */
.top .nav{width:990px;margin:0 auto;}
.top .nav h1{float:left; margin:25px 0 0 7px; }
.top .nav ul{float:right; margin:0 10px 0 0; }
.top .nav ul li{float:left;}
.top .nav ul li a{float:left; height:46px; line-height:70px; width:140px; margin:0 auto; text-align:center; font-size:18px; font-weight:600;}
.top .nav ul li a:hover{color:#207ce1; font-weight:bold;}

/* navi 영역 */
.submenu{position:absolute; top:105px; z-index:9999; width:100%; height:277px; background:#2b3445; display: none ; }
.submenu .menu_wrap{width:990px;   margin:0 auto; color:#ffffff; }
.submenu .menu_wrap ul{float:left; margin:25px 24px 0 20px;   }
.submenu .menu_wrap ul.s01{margin:-10px 0 0 0; width:300px; }
.submenu .menu_wrap ul li{padding:11px 0 11px 0;  }
.submenu .menu_wrap ul li a{color:#d5d5d5; font-size:12px;}
.submenu .menu_wrap ul li a:hover{color:#fff;}
.submenu .menu_wrap ul li p{padding:2px 0 0 15px;}


/* 상단이미지 영역 */
.bg_wrap{position:relative; z-index:1; width:100%; height:108px; background:url("../../img/common/bg_topimg_01.gif") repeat-x;}
.sub_bg{width:990px; margin:0 auto;}

/* 좌측메뉴 영역 */
.contents{width:990px; margin:0 auto;}
.contents .lnb{float:left; width:190px; position:absolute; z-index:2; margin:-23px 0 0 0;}
.contents .lnb .leftTit{width:190px; height:80px; line-height:78px;text-align:center; font-size:25px; font-weight:600; background:#00a3e1; color:#fff;}
.contents .lnb .lnb_box_1{border:1px solid #ccc; width:188px; height:152px;}
.contents .lnb .lnb_box_1 li a{display:block; height:38px; line-height:38px;font-size:12px; padding:0 0 0 15px;}
.contents .lnb .lnb_box_1 li a.on{display:block; height:38px; background:#4d4d4d url("../../img/common/img_posi_btn.gif") no-repeat 150px center; color:#fff; font-weight:bold;}
.contents .lnb .lnb_box_1 li a:hover{display:block; height:38px; background:#4d4d4d url("../../img/common/img_posi_btn.gif") no-repeat 150px center; color:#fff; font-weight:bold;}

.contents .lnb .lnb_box_2{border:1px solid #ccc; width:188px; height:270px;}
.contents .lnb .lnb_box_2 li a{display:block; height:38px; line-height:38px;font-size:12px; padding:0 0 0 15px;}
.contents .lnb .lnb_box_2 li a.on{display:block; height:38px; background:#4d4d4d url("../../img/common/img_posi_btn.gif") no-repeat 150px center; color:#fff; font-weight:bold;}
.contents .lnb .lnb_box_2 li a:hover{display:block; height:38px; background:#4d4d4d url("../../img/common/img_posi_btn.gif") no-repeat 150px center; color:#fff; font-weight:bold;}
.contents .lnb .lnb_box_2 li .sub_1 a{display:block; height:38px; padding: 0 0 0 25px; background:#e0e0e0; color:#4d4d4d; font-size:12px; font-weight:bold;}
.contents .lnb .lnb_box_2 li .sub_1 a.on2{display:block; color:#0a7ccb;}
.contents .lnb .lnb_box_2 li .sub_1 a:hover{display:block; color:#0a7ccb;}

/* 서브타이틀 영역 */
.container{float:right; width:778px; min-height:500px;}
.container .subTit{width:778px; height:45px; border-bottom:1px solid #bbbbbb; margin:11px 0 0 0;}
.container .subTit h2{float:left;}
.container .subTit h2 span{color:#0999d0;}
.container .subTit .step{font-family:"돋움","dotum";float:right; font-size:12px; color:#818181; margin:20px 0 0 0;}

/* 푸터 배너 영역 */
.footer_banner{width:100%; min-width:990px; height:53px; border-top:2px solid #207ce1;}
.footer_banner .famsite{display:block; width:990px; height:53px; margin:22px auto 0 auto;}
.footer_banner .famsite .f_left_arr {float:left; width:45px;  padding:2px 0 0 20px;}
.footer_banner .famsite .f_right_arr {float:left; width:45px; padding:2px 0 0 0px;}
.footer_banner .famsite .banner{float:left; overflow:hidden; width:850px; height:30px; padding-left: 10px;}
.footer_banner .famsite ul{float:left; width:850px;}
.footer_banner .famsite ul li{float:left; padding:0 42px 42px 0;}

/* 푸터 인포 영역 */
.footer{width:100%; min-width:990px; height:113px; background:#dfe1e3;}
.footer .footArea{width:990px; height:51px; margin:22px auto 0 auto;}
.footer .footArea .companyInfo{float:left;  margin:18px 0 0 0; width:580px;}
.footer .footArea .companyInfo p{float:left; font-size:11px; color:#666; height:18px; line-height:20px; margin:2px 0 0 0;}
.footer .footArea .companyInfo p.s01{margin:2px 0 0 15px;}
.footer .footArea .companyInfo span{display:block; color:#464646; width:170px; height:23px; line-height:23px;background:#c5c6c7; font-size:14px; font-weight:bold; padding:0 0 0 10px;}



.footer .footArea .footerInfo{float:right; width:400px; height:65px; margin: 20px 0 0 0;}
.footer .footArea .footerInfo ul{float:right; }
.footer .footArea .footerInfo li{float:left; height:14px; line-height:14px; font-size:12px; padding:0 6px 0 6px; border-right:1px solid #b8b8b8;}
.footer .footArea .footerInfo li.lst{border-right:none; padding:0 0 0 6px;}
.footer .footArea .footerInfo li a:hover{color:#323232; font-weight:bold;}
.footer .footArea .footerInfo p{position:relative; line-height:57px; float:right; font-size:11px; text-align:right; padding: 10px 0 0 0; color:#7b7b7b;}
.footer .footArea .footerInfo p span{position:absolute; left:277px;}



/* 팝업 */
.pop_wrap{width:100%; background:#fff;  z-index:9999; position:relative;} 

.pop_header{height:45px; background:#00a3e1;}
.pop_header .tit{color:#fff; padding:10px 20px; font-size:17px; font-weight:bold;}

.pop_container{width:100%; max-height:480px;}
/*.pop_container{width:100%; max-height:600px; overflow:auto;}*/
.pop_container .pop_combo{padding:25px; border-top:none;  padding-bottom:100px; height:600px; }

.pop_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; display:none}
.pop_bg img{display:block; width:100%;}

.pop_wrap_hide{position:fixed; top:60px; z-index:9999; left:50%; margin-left:-420px; display:none;}
.pop_wrap_hide2{margin-left:-240px;}