@charset "utf-8";
@import url("base.css");



/*top공통부분*/
body{min-width:320px;}
#wrap{margin-bottom:50px; width:100%; overflow:hidden;}
#header{position:relative; width:100%; overflow:hidden;}

#header .topArea{position:relative; background:url('../images/bg_topArea.gif') repeat-x; height:65px;}
#header .topArea h1{padding-top:18px; padding-bottom:17px; padding-left:15px;}
#header .topArea .sbtn{position:absolute; top:5px; right:5px; z-index:10;}

#header .nav{background:url('../images/bg_nav.gif') repeat-x; height:56px; font-weight:bold;}
#header .nav ul{width:100%; overflow:hidden;}
#header .nav ul li{width:25%; float:left; text-align:center; height:56px; line-height:56px; font-size:1.3em;}
#header .nav ul li.sel{background:url('../images/bg_nav_sel.gif') repeat-x;}
#header .nav ul li.sel a{background:none;}
#header .nav ul li a{display:block; width:100%; color:#fff; background:url('../images/bg_nav_bar.gif') left center no-repeat;}


.lnb img{height:15px; width:15px; vertical-align:top; padding-top:2px;  margin-right:3px;}
.lnb span{margin-left:3px !important; margin-right:3px;}

/*메인*/
.mainVisual{background-color:#edefe6;}
.mainVisual img{width:100%;}


.maininfo{background-color:#edefe6;}
.maininfo img{width:50%;}

.maininfo ul.fl_wrap{ width:100%; }
.maininfo ul.fl_wrap:after{ content: ""; display: block; clear: both; }
.maininfo ul.fl_wrap > li{ float: left; width: 50%; }
.maininfo ul.fl_wrap > li img{ width: 100%; }

.btn_area{position:absolute; margin-top:100px; width:40%;}

/*컨텐츠 공통부분*/
#container{padding:0 15px; background-color:#edefe6;}
#conbody{background:url('../images/bg_right_top_page.gif') right top no-repeat; background-size:39px 35px; background-color:#fff; border-left:1px solid #c7ceba; border-right:1px solid #c7ceba;}


#tab_area_ver3{position:relative; width:100%;}
#tab_area_ver3 #menu_tab{position:relative; width:100%; overflow:hidden;}
#tab_area_ver3 #menu_tab li {float:left; width:33%; text-align:center; line-height:48px; background:url('../images/bg_menu_tab.gif') repeat-x;}
#tab_area_ver3 #menu_tab li a{color:#cbcbcb; display:block;}
#tab_area_ver3 #menu_tab li a.on{background:url('../images/bg_menu_tab_on.gif') bottom center no-repeat; color:#414141;}
#tab_area_ver3 #menu_tab div{position:absolute; top:39px; left:0px;}



#tab_area_ver2{position:relative; width:100%;}
#tab_area_ver2 #menu_tab{position:relative; width:100%; overflow:hidden;}
#tab_area_ver2 #menu_tab li {float:left; width:50%; text-align:center; line-height:48px; background:url('../images/bg_menu_tab.gif') repeat-x;}
#tab_area_ver2 #menu_tab li a{color:#cbcbcb; display:block;}
#tab_area_ver2 #menu_tab li a.on{background:url('../images/bg_menu_tab_ver2_on.gif') bottom center no-repeat; color:#414141;}
#tab_area_ver2 #menu_tab div{position:absolute; top:39px; left:0px;}



.con_top{height:71px; background:url('../images/bg_contop_bt_line.gif') left bottom no-repeat;}

.con_top h3{margin-left:15px; margin-top:27px; float:left;}
.con_top p.lnb{float:right; margin-right:35px; margin-top:27px; color:#bdbcbd;}
.con_top p.lnb span{color:#676767;}

.con_box{padding:30px 13px 30px;}
.bg_01{background:url('../images/bg_greeting.gif') right top no-repeat; background-size:304px; 234px;}

.con_box .con_txt{width:50%;}



h3{font-size:1.3em; text-indent:25px; background:url('../images/bul_circle.gif') left center no-repeat; height:20px;}

h4{margin-bottom:20px; font-size:1.1em; text-indent:20px; background:url('../images/bul_nemo.gif') left top no-repeat;}







h5{margin-bottom:10px; margin-top:20px;}
.con_box p{margin-bottom:15px; margin-top:10px; line-height:1.1em;}


ul.bul_dot li{padding-left:8px; background:url('../images/bul_dot.gif') 0 6px no-repeat;}



.tableBasic{width:100%; margin-bottom:20px; margin-top:20px;}

.tableBasic th, .tableBasic td{border:1px solid #dddddd; padding:5px 0; line-height:1.3em;}
.tableBasic thead th{font-weight:bold; color:#23838d; background:#f5fee9;}
.tableBasic thead td{text-align:center;}
.tableBasic tbody th{background:#f5f5f5; font-weight:normal;}
.tableBasic tbody td{text-align:center;}
.tableBasic tbody td.c_green{background-color:#f7fbfa;}
.tableBasic tbody td.left{text-align:left;}

.olTypeBold li{font-weight:bold; margin-bottom:10px;}


.olType li{margin-bottom:20px;}

ol li{margin-bottom:5px;}

.con_box ul li{margin-bottom:10px;}
.con_box ul li p{margin:0; line-height:1em; text-indent:20px; margin-top:5px;}


.con_box ol li{margin-bottom:10px;}
.con_box ol li p{margin:0; line-height:1em; text-indent:20px; margin-top:5px;}

h6{font-weight:bold; margin-bottom:8px;}










/*foot공통부분*/



.t_time_table{width:100%; border:1px solid #c7ceba; margin-bottom:10px;}
.t_time_table th, .t_time_table td{font-size:0.95em; letter-spacing:-1px; padding:5px 0 5px 5px; border-bottom:1px solid #c7ceba;}
.t_time_table th{background:#e7e6e6; text-align:left;}
.t_time_table td{background:#fff;}





.foot_info{width:100%; margin:0; padding-bottom:10px;}



#footer{background-color:#f4f5ef; padding-bottom:25px; font-size:0.95em;}
.bottomGnb{background:url('../images/bg_bottomGnb.gif') repeat-x; height:35px;}
.bottomGnb p{text-align:center; line-height:35px;}
.bottomGnb p span{display:inline-block; padding-right:10px; margin-right:10px; background:url('../images/bg_bottom_bar.gif') right center no-repeat;}
.bottomGnb p span a{color:#fff !important;}

.bottomCopy{margin-top:10px; width:100%; text-align:center;}
.bottomCopy p{text-align:center; color:#6a6a6a;}






h4 img{height:12px;}
h3 img{height:18px;}

.info_170217{ width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 13px; }
.info_170217 th{ background: #fc7c3c; color: #fff; font-size: 11px; font-weight: bold; padding: 4px 0; }
.info_170217 td{ font-size: 11px; color: #000; border-bottom: 1px dashed #4b4b4a; padding: 4px 0 4px 7px;}
.info_170217 td span{ font-weight: bold; }
.info_170217 td.bg{ background: #fcecd4; padding-left: 13px; }
.info_170217 td.blue{ color: #0c31a4; font-weight: bold; }