@charset "euc-kr";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/font/NanumGothic-Bold.woff) format('woff'),
       url(/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/font/NanumGothic-Regular.woff) format('woff'),
       url(/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*common*/
html,body { 
margin:0 auto; 
padding:0;
background:#f1f1f1;
font-family: 'Nanum Gothic','Gulim', Helvetica, Arial, sans-serif;
width:100%;
height:100%;
font-size:12px;
}
img,fieldset { border:0 none;}
table{border-collapse:collapse;margin :0 auto;padding:0;}
dl,ul,ol,li{ list-style: none; }
hr{ display:none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin :0 auto; padding : 0;font-size:12px;color:#656565;}
a {text-decoration:none;color:#000;font-family: 'Nanum Gothic','Gulim', Helvetica, Arial, sans-serif;} 
a:link:hover, a:active {text-decoration:underline;color:#008800;}
img,input,select,textarea {font-size:100%;vertical-align:middle;}
em	{font-style:normal;}


table .noborder td{border:0;}
table .nopadding td{padding:0;}
.radio_margin{margin-top:-3px;margin-bottom:0;margin-right:3px;vertical-align:middle;}
.ck_margin{margin:0px 3px 3px 4px;}

.fw{font-weight:bold;}
.m_sp {letter-spacing:-1px;}
.m_sp0 {letter-spacing:0px;}
.radio_type{margin-top:-3px;margin-bottom:0;margin-right:3px;vertical-align:middle;}
.stxt{font-size:11px;font-family: 'Nanum Gothic','dotum';letter-spacing:-1px;}
.stxt a{font-size:11px;font-family: 'Nanum Gothic','dotum';text-decoration:none;}
.stxt a:link{text-decoration:none;}
.stxt a:hover{text-decoration:underline;color:#008800;}

.num{font-size:14px;font-family:'verdana';letter-spacing:0;}
.num a{font-size:14px;font-family:'verdana';text-decoration:none;}
.num a:link{text-decoration:none;}
.num a:hover{text-decoration:underline;color:#008800;}

.title_txt{font-size:14px;font-weight:bold;color:#326e9a;letter-spacing:-1px;}

.line5{position:relative;display:block;height:5px;}
.line10{position:relative;display:block;height:10px;}
.line15{position:relative;display:block;height:15px;}
.line20{position:relative;display:block;height:20px;}
.line30{position:relative;display:block;height:30px;}
.clear{ clear:both; }


/*layout*/
#wrap_login{display:block;position:relative;width:100%;height:100%;margin:0 auto;background:#fff;}

.login_bg{position:relative;width:100%;height:484px;background:#faf7ee;}
.login_box{position:relative;width:1280px;height:484px;background:url('/img/login_bg.jpg') no-repeat;margin:0 auto;}
.login_pos{position:absolute;left:621px;top:160px;}
.login_wr{position:absolute;right:10px;bottom:10px;font-size:13px;text-align:right;color:#575555;}
.login_logo{position:absolute;right:12px;top:15px;}

#wrap{display:block;position:relative;width:100%;margin:0 auto;background:#fff url('/img/bg_pattern.gif') no-repeat 50% 0;}

#wrap #head_area{position:relative;width:100%;}
#wrap #head_area #head_info{position:relative;display:block;width:1280px;height:43px;}
#wrap #head_area #head_info #logo_pos{position:absolute;top:11px;left:4px;}
#wrap #head_area #head_info #info_pos{position:absolute;top:17px;right:10px;color:#585858;font-size:11px;}
#wrap #head_area #head_menu_bg{position:relative;display:block;width:100%;height:41px;background:#eddbcf;}
#wrap #head_area #head_menu_bg #t_menu{position:relative;width:1280px;height:41px;background:#f06c01;margin:0 auto;overflow:hidden;}
#wrap #head_area #head_menu_bg #t_menu ul{}
#wrap #head_area #head_menu_bg #t_menu li{float:left;color:#fff;font-size:15px;font-weight:bold;width:160px;height:41px;line-height:41px;border-right:#f5a05c  1px solid;text-align:center;}
#wrap #head_area #head_menu_bg #t_menu li a{color:#fff;}
#wrap #head_area #head_menu_bg #t_menu li a:hover{color:#fff;text-decoration:underline;}
#wrap #head_area #head_menu_bg #t_menu li.over{background:#da292a;border-right:#f5a05c 1px solid;}
#wrap #head_area #head_menu_bg #t_menu li.over a{color:#fff;}
#wrap #head_area #head_menu_bg #t_menu li.over a:hover{color:#fff;text-decoration:underline;}


#wrap #cont_pos{display:block;position:relative;min-height:550px;width:100%;text-align:center;padding:35px 0 20px 0;margin:0 auto;}
#wrap #cont_pos .ct_wrap{position:relative;width:1280px;}
#wrap #cont_pos .ct_wrap .leftmenu_pos{position:relative;width:220px;float:left;text-align:left;}
#wrap #cont_pos .ct_wrap .ct_pos{position:relative;width:1060px;float:left;}

#wrap #cont_pos2{display:block;position:relative;min-height:550px;width:100%;text-align:center;padding:10px 0 20px 0;margin:0 auto;text-align:left;}
#wrap #cont_pos2 .ct_wrap{position:relative;width:1068px}
#wrap #cont_pos2 .ct_wrap .leftmenu_pos{position:relative;width:188px;float:left;text-align:left;}
#wrap #cont_pos2 .ct_wrap .ct_pos{position:relative;width:840px;float:left;}

#wrap #copyright{display:block;position:relative;width:100%;text-align:center;height:34px;overflow: hidden;background:#f1f1f1;border-top:#e5e5e5 1px solid;}
#wrap #copyright .copy_area{position:relative;width:1280px;height:34px;overflow: hidden;font-size:12px;color:#575555;text-align:center;padding:10px 0 0 0;margin:0 auto;}



/*popup type*/
#popup_title{position:relative;width:100%;text-align:center;background:#008166;height:50px;overflow: hidden;}
#popup_title .title_1{position:relative;width:620px;font-size:18px;letter-spacing:-1px;font-weight:bold;text-align:left;color:#fff;height:50px;line-height:50px;}
#popup_wrap{position:relative;width:100%;}
#popup_wrap .cpos{position:relative;width:620px;}
#popup_btn{position:relative;width:100%;text-align:center;padding:10px 0 20px 0;}
.popup_subtitle{position:relative;width:100%;height:30px;line-height:32px;text-align:left;overflow: hidden;}
.popup_subtitle span.down{position:absolute;right:0;top:0;}
.pdf_area{position:relative;width:100%;text-align:center;border:#dfdfdf 1px solid;background:#fff;height:586px;}


/*btn type*/
.bt_type1{display:inline-block;color:#fff;font-weight:bold;background:#484848 url('/img/bt_bg1.gif') repeat-x;border:#686868 1px solid;height:20px;line-height:20px;cursor: pointer;overflow: hidden;text-align:center;FONT-FAMILY:"Nanum Gothic", "Tahoma";font-size:12px;}
.bt_type2{display:inline-block;color:#444444;font-weight:normal;background:#fff url('/img/bt_bg2.gif') repeat-x;border:#a6a6a6 1px solid;height:17px;line-height:18px;cursor: pointer;overflow: hidden;text-align:center;FONT-FAMILY:"Nanum Gothic", "Tahoma";font-size:11px;letter-spacing:-1px;}
.bt_type3{display:inline-block;color:#fff;font-weight:bold;background:#c28200 url('/img/bt_bg3.gif') repeat-x;border:#7f5300 1px solid;height:23px;line-height:25px;cursor: pointer;overflow: hidden;text-align:center;FONT-FAMILY:"Nanum Gothic", "Tahoma";font-size:12px;}
.bt_type4{display:inline-block;color:#fff;font-weight:bold;background:#e63c38 url('/img/bt_bg4.gif') repeat-x;border:#a51a17 1px solid;height:23px;line-height:25px;cursor: pointer;overflow: hidden;text-align:center;FONT-FAMILY:"Nanum Gothic", "Tahoma";font-size:12px;}
.bt_type5{display:inline-block;color:#fff;font-weight:bold;background:#838383 url('/img/bt_bg5.gif') repeat-x;border:#6e6e6e 1px solid;height:23px;line-height:25px;cursor: pointer;overflow: hidden;text-align:center;FONT-FAMILY:"Nanum Gothic", "Tahoma";font-size:12px;}
.bt_type6{display:inline-block;color:#000;font-weight:bold;background:#f2f2f2 url('/img/bt_bg6.gif') repeat-x;border:#979797 1px solid;height:23px;line-height:25px;cursor: pointer;overflow: hidden;text-align:center;FONT-FAMILY:"Nanum Gothic", "Tahoma";font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/*input type*/
.input_login {
	border-left:1px solid #9f9f9f;
	border-top:1px solid #9f9f9f;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	BACKGROUND-COLOR:#FFFFFF;
	COLOR: #000;
	font-size: 12px;
	HEIGHT: 22px;
	line-height:22px;
	padding:0 0 0 3px;
}
.input_type1 {
	border-left:1px solid #5d5d5d;
	border-top:1px solid #5d5d5d;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	BACKGROUND-COLOR:#FFFFFF;
	COLOR: #000;
	font-size: 12px;
	HEIGHT:18px;
	line-height:18px;
	padding:0 0 0 2px;
}
.input_type2 {
	border-left:1px solid #5d5d5d;
	border-top:1px solid #5d5d5d;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	BACKGROUND-COLOR:#fdffe1;
	COLOR: #000;
	font-size: 12px;
	HEIGHT:18px;
	line-height:18px;
	padding:0 0 0 2px;
}
.input_type3 {
        height: 20px;
        border: #b2b2b2 1px solid;
        background: #ffffff;
        padding-top: 4px;
        padding-left: 2px;
        font-size: 12px;    
}



/*div-layout*/
.hspace5{position:relative;width:100%;height:5px;display:block;clear:both;}
.hspace10{position:relative;width:100%;height:10px;display:block;clear:both;}
.hspace15{position:relative;width:100%;height:15px;display:block;clear:both;}
.hspace20{position:relative;width:100%;height:20px;display:block;clear:both;}
.hspace25{position:relative;width:100%;height:25px;display:block;clear:both;}
.hspace30{position:relative;width:100%;height:30px;display:block;clear:both;}
.hspace35{position:relative;width:100%;height:35px;display:block;clear:both;}
.hspace40{position:relative;width:100%;height:40px;display:block;clear:both;}

.bar_per{position:relative;height:20px;background:url('/img/sub/bar_percent.gif') repeat-x;float:left;}
.bar_per2{position:relative;height:35px;background:#fb8f02;float:left;}
.bar_per3{position:relative;height:18px;background:#fb8f02;float:left;}

.title_area{position:relative;line-height:29px;height:29px;text-align:left;overflow: hidden;font-size:18px;color:#000;font-weight:bold;padding:0 0 0 10px;}
.title_area span.more{position:absolute;right:12px;top:3px;}

.title_area2{position:relative;width:100%;height:20px;text-align:left;overflow: hidden;font-size:14px;font-weight:bold;color:#326e9a;letter-spacing:-1px;}


.tbl_area{position:relative;width:100%;background:#fff;}
.tbl_area2{position:relative;width:780px;background:#fff;float:left;}


.search_div{position:relative;background:#f3f3f3;border:#dbdbdb 1px solid;padding:10px 14px;}

/*table type*/
.lfout_tbl{
	width:188px;
	float:left;
}
.lfout_tbl td.title{
	line-height:42px;
	height:42px;
	background:url('/img/lfout_tbl_img1.gif') no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.lfout_tbl td.middle{
	background:url('/img/lfout_tbl_img2.gif') repeat-y;
}
.lfout_tbl td.tail{
	height:10px;
	background:url('/img/lfout_tbl_img3.gif') no-repeat;
	overflow:hidden;
}

.leftmenu_tbl{
	width:154px;table-layout:fixed;
}
.leftmenu_tbl td{
	color:#696969;letter-spacing:-1px;padding:8px 0 4px 0;border-bottom:#e1e7ef 1px solid;font-size:13px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.leftmenu_tbl td span.subm{
	display:block;color:#696969;letter-spacing:-1px;padding:2px 0 3px 18px;font-size:12px;line-height:150%;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.leftmenu_tbl td.line{
	border-bottom:#e3eeeb 1px solid;
}
.leftmenu_tbl td a.spot{
	color:#e46300;font-weight:bold;text-decoration:underline;
}
.leftmenu_tbl a,a:link,a:active{
	text-decoration:none;color:#696969;
}
.leftmenu_tbl a:hover{
	text-decoration:underline;color:#e46300;
}

.leftmenu_tbl2{
	width:154px;table-layout:fixed;
}
.leftmenu_tbl2 td{
	color:#696969;letter-spacing:-1px;padding:8px 0 4px 0;font-size:13px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.leftmenu_tbl2 td.noline{
	color:#696969;letter-spacing:-1px;padding:8px 0 4px 0;font-size:13px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.leftmenu_tbl2 td span.subm{
	display:block;color:#696969;letter-spacing:-1px;padding:2px 0 3px 18px;font-size:12px;line-height:150%;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.leftmenu_tbl2 td.line{
	border-bottom:#e3eeeb 1px solid;
}
.leftmenu_tbl2 td a.spot{
	color:#e46300;font-weight:bold;text-decoration:underline;
}
.leftmenu_tbl2 a,a:link,a:active{
	text-decoration:none;color:#696969;
}
.leftmenu_tbl2 a:hover{
	text-decoration:underline;color:#e46300;
}


.tbl_area_line{position:relative;width:100%;background:#fff;border-top:#96725b 1px solid;border-bottom:#e6dad6 1px solid;}

.tbl_type1{}
.tbl_type1 .sm{font-size:11px;}
.tbl_type1 th{border-top:#e6dad6 1px solid;border-left:#e6dad6 1px solid;border-right:#e6dad6 1px solid;border-bottom:#e6dad6 1px solid;background:#efe9e5 url('/img/th_bg1.gif') repeat-x;padding:10px 0 7px 0;text-align:center;font-size:11px;color:#96725b;font-weight:bold;letter-spacing:-1px;}
.tbl_type1 th.inpd{padding:3px 0;}

.tbl_type1 tr.bg_repeat{background-color:#f5f5f5;}

.tbl_type1 td{border:#e6dad6 1px solid;color:#444444;padding:4px 3px 2px 3px;text-align:center;font-family:'verdana','Nanum Gothic';font-size:12px;line-height:150%;}
.tbl_type1 td.inpd{padding:2px 0;}
.tbl_type1 td.inlt{text-align:left;padding:3px 8px;}
.tbl_type1 td.lt{text-align:left;padding:7px 8px 4px 8px;}
.tbl_type1 td.rt{text-align:right;padding:7px 8px 4px 8px;}



.tbl_type2{}
.tbl_type2 .sm{font-size:11px;}
.tbl_type2 th{border:#e6dad6 1px solid;background:#efe9e5;padding:7px 0 4px 8px;text-align:left;font-size:11px;color:#96725b;font-weight:bold;letter-spacing:-1px;}
.tbl_type2 th.inpd{padding:3px 0;}

.tbl_type2 tr.bg_repeat{background-color:#f5f5f5;}

.tbl_type2 td{border:#e6dad6 1px solid;color:#444444;padding:7px 3px 4px 3px;text-align:center;font-family:'verdana','Nanum Gothic';font-size:12px;}
.tbl_type2 td.inheight{min-height:387px;height:auto;}
.tbl_type2 td.inpd{padding:3px 0;}
.tbl_type2 td.inlt{text-align:left;padding:3px 8px}
.tbl_type2 td.lt{text-align:left;padding:7px 8px 4px 8px;}
.tbl_type2 td.rt{text-align:right;padding:7px 8px 4px 8px;}


.tbl_type3{position:relative;width:100%;}
.tbl_type3 .inpd{padding:3px 0;}
.tbl_type3 th{border:#cdcdcd 1px solid;background:#f8f8f8;padding:7px 0 4px 0;text-align:center;font-size:13px;color:#444444;font-weight:bold;letter-spacing:-1px;}
.tbl_type3 th.lf{padding:7px 0 4px 8px;text-align:left;}
.tbl_type3 td{border:#cdcdcd 1px solid;color:#444444;padding:7px 8px 4px 8px;text-align:left;font-size:13px;text-align:left;}


 

/*phone_make type*/
.make_title{position:relative;background:#999999;height:36px;line-height:36px;color:#fff;font-size:14px;font-weight:bold;text-align:left;padding:0 0 0 17px;}
.make_field{position:relative;background:#fffebc;border-left:#dadada 1px solid;border-right:#dadada 1px solid;height:36px;line-height:36px;color:#fff;font-size:14px;font-weight:bold;text-align:left;padding:0 0 0 0;}
.make_box_outer{position:relative;border:#dadada 1px solid;padding:10px 15px 10px 15px;}
.make_box{position:relative;}

.make_com_title{position:relative;background:#677400;height:35px;line-height:35px;color:#fff;font-size:14px;font-weight:bold;text-align:left;padding:0 0 0 10px;cursor: ns-resize;}
.make_com_sp{position:relative;display:block;height:5px;}
.make_setbox{position:relative;padding:0 0 5px 0;}
.make_setbox_inner{position:relative;padding:0 0 0 0;}
.make_menu{position:relative;padding:5px 0 5px 0;background:#eaedcd;}
.make_com_outbox{position:relative;border: 1px dashed #999999;background:#e5e5e5;margin: 5px 0 5px 0;}
.make_com_control_panel{position:relative;background: #f7f7f8;height:34px;line-height:34px;font-size:14px;color:#767676;font-weight:bold;padding:0 10px 0 10px;cursor: ns-resize;}
.make_com_control_panel span.rt{position:absolute;top:2px;right:5px;font-size:11px;font-weight:normal;}


.make_layer_outline{position:relative;height:auto;border:#000 1px solid;background:#fff;}
.make_layer_title{position:relative;background:#f06c01;border-bottom:#e0e0e0 3px solid;height:42px;line-height:42px;color:#fff;font-size:14px;font-weight:bold;text-align:left;padding:0 0 0 17px;}
.make_layer_title span.rt{position:absolute;top:2px;right:10px;font-size:13px;font-weight:normal;cursor: pointer;}
.make_layer_ct{position:relative;padding:7px;}
.make_layer_btn{position:relative;border-top:#dadada 1px solid;height:40px;text-align:center;}

/* multiselect */
.dropDown {position:relative; display:inline-block; *display:inline; *zoom:1;}
.btn_drop {cursor:default;text-align:left;margin-left:1px;padding-left:3px;}
.dropBox {position:absolute; z-index:1; height:0; overflow:hidden;}
.dropBox.on {height:auto; padding:5px 0 5px 0; border:1px solid #bcbcbc; background:#fff; width:108px;}
.dropBox ul li:hover,
.dropBox ul li.on {background:#1e90ff;color:#fff;}
.dropBox ul li label,.dropBox ul li a {display:block; padding:2px 10px; text-align:left; font-size:13px;}
.dropBox ul li label input {margin-right:5px;}
.on .btn_close,
.on .btn_close_check {
    position:fixed;
    z-index:-1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    cursor:default;
    text-indent:-99999px;
}