@charset "UTF-8";
 /* mobile style */
 *{-webkit-text-size-adjust:none}
 body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select, figure, figcaption{margin:0;padding:0;font-family:'Nanum Gothic','나눔 고딕', "Verdana",dotum,'돋움',sans-serif;font-weight:normal}
 header, footer, nav, dl, dt, dd, ul, ol, li, section, select, figure, figcaption{display:block;}
 body{width:100%; min-width:320px; height:100%; min-height:404px; margin:0 auto; -webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; font-size:1em; line-height:1.35em; letter-spacing:-0.06em; }
 a{text-decoration:none; border:0; color:#000;}
 a:hover{color:#666}
 a[href^="tel"]{ font-style:normal}
 address, caption, em, var{font-style:normal;font-weight:normal} 
 input, textarea, select{letter-spacing:normal}
 ol, ul,  li, dl{list-style:none}  
 fieldset, img{border:0}
 legend, caption{display:none}
 img{border:0;vertical-align:top}
 hr{display:none}
 table{_border-collapse:collapse;border-spacing:0}
 br{letter-spacing:normal}

 input{vertical-align:middle}
 input[type="text"], input[type="password"]{-webkit-appearance:none}
 input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
 input:checked[type="checkbox"]{-webkit-appearance:checkbox}
 button,input[type="button"],input[type="submit"],input[type="image"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0 ; -webkit-appearance:button;border-radius:0}
 input[type="button"]{background:#757c8c; color:#fff; border:none; padding:5px; cursor:pointer;}
  input[type="submit"]{background:#757c8c; color:#fff; border:none; padding:5px; cursor:pointer;}
 textarea{-webkit-appearance:none} 


/*
 select{-webkit-appearance:menulist-text}
 */
 
 
/*		기본여백		*/
.mr_2{margin-right:2%}
.mr_3{margin-right:3%}
.mr_4{margin-right:4%}
.mr_5{margin-right:5%}
.mr_6{margin-right:6%}
.mr_7{margin-right:7%}
.mr_8{margin-right:8%}
.mr_9{margin-right:9%}
.mr_10{margin-right:10%}
.mr_11{margin-right:11%}
.mr_12{margin-right:12%}
.mr_13{margin-right:13%}
.mr_14{margin-right:14%}
.mr_15{margin-right:15%}
.mr_16{margin-right:16%}
.mr_17{margin-right:17%}
.mr_18{margin-right:18%}
.mr_19{margin-right:19%}


.mt_2{margin-top:2%}
.mt_3{margin-top:3%}
.mt_4{margin-top:4%}
.mt_5{margin-top:5%}
.mt_6{margin-top:6%}
.mt_7{margin-top:7%}
.mt_8{margin-top:8%}
.mt_9{margin-top:9%}
.mt_10{margin-top:10%}
.mt_11{margin-top:11%}
.mt_12{margin-top:12%}
.mt_13{margin-top:13%}
.mt_14{margin-top:14%}
.mt_15{margin-top:15%}
.mt_16{margin-top:16%}
.mt_17{margin-top:17%}
.mt_18{margin-top:18%}
.mt_19{margin-top:19%}
.mt_-13{margin-top:-13%}

.mb_3{margin-bottom:3%}
.mb_4{margin-bottom:4%}
.mb_5{margin-bottom:5%}
.mb_6{margin-bottom:6%}
.mb_7{margin-bottom:7%}
.mb_8{margin-bottom:8%}
.mb_9{margin-bottom:9%}
.mb_10{margin-bottom:10%}

.wd_10{width:10%}
.wd_15{width:15%}
.wd_20{width:20%}
.wd_25{width:25%}
.wd_26{width:26%}
.wd_27{width:27%}
.wd_28{width:28%}
.wd_29{width:29%}
.wd_30{width:30%}
.wd_40{width:40%}
.wd_50{width:50%}
.wd_100{width:100%}




.fs_1{color:#003366; font-weight:600}
.fs_2{color:#000; }
.fs_3{color:#000; font-weight:nomal; font-size:0.7em}
.fs_4{color:#62a718; font-weight:600;}
.fs_5{color:#fc4747; font-weight:600;}
.t_center{text-align:center;}
.t_left{text-align:left;}
.no_right_border{border-right:none;}
.bor_b_1{border-bottom:1px solid #666;}

/*		메인		*/
body{width:100%; height:100%; background:#e1e1e1}



/*		header		*/

#header{position:relative; overflow:hidden; width:94%; margin:3%; }
#header h1{margin:0 auto; width:50%; max-width:295px; padding-top:10px;}
#header h1 img{width:100%}

#header label{position:absolute; right:0; top:0; width:7%; cursor:pointer;}
#header label img{width:100%}

#header .lnb_btn{position:absolute; width:7%; top:0; left:0; cursor:pointer;} 
#header .lnb_btn img{width:100%}
#header .lnb_btn .close{z-index:2}
.lnb{position:absolute; left:-100%; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);  z-index:1; }
.lnb ul{position:relative; overflow:hidden; height:100%; width:60%; max-width:250px; padding:2% 4% 4% 4% ; background:#0ca2c5;}
.lnb ul li.s_menu{width:90%; padding:5%; border-bottom:1px dotted #fff;}
.lnb ul li.s_menu h2{font-size:1.2em;}
.lnb ul li.s_menu h2 a{color:#fff}
.lnb ul .s_menu2_t{position:relative; overflow:hidden; width:100%}
.lnb ul .s_menu2_t li{position:relative; overflow:hidden; border-bottom:0; margin-bottom:5px; font-size:0.9em;}
.lnb ul .s_menu2_t li a{color:#fff}


#toggle_search{position:relative; overflow:hidden; padding:3%; text-align:center}
#toggle_search p{float:left; margin:0 3% 0 1%; width:20%; max-width:97px; max-height:32px; }
#toggle_search  p img{width:100%; vertical-align:middle}
#toggle_search .box_search{float:left; border:2px solid #757c8c; width:100%}

#toggle_search input[type="text"]{display:inline; float:left; border:none; width:71%; padding:1% 2%; margin:0; }
#toggle_search  input[type="button"]{float:right; background:#757c8c; width:25%; cursor:pointer;  color:#fff; padding:1% 2%; margin:0;}
#toggle_search{display:none}


/*		footer		*/
#footer{position:relative; overflow:hidden;  padding:2%; text-align:center; width:96%; height:100px; }
#footer img{width:100%;}
#footer ul{position:relative; overflow:hidden; max-width:350px; margin:0 auto 10px auto; padding: 0 8%;}
#footer ul li{float:left; width:47%;}
#footer ul li:first-child{margin-right:5%}


#footer .copy{position:relative;overflow:hidden;  font-size:1.05em; height:50px; letter-spacing:-0.06em; }
#footer .copy span{color:#333333; font-size:0.9em; font-family:"Malgun Gothic", "맑은고딕";font-weight:600; letter-spacing:-0.1em; margin-bottom:5px; display:inline-block}




@media screen and (min-width:480px) {
#footer .copy{letter-spacing:0em; font-size:1.3em}
#footer .copy span{letter-spacing:0em}
}




/*		메인컨텐츠 여백		*/
#content{clear:both; position:relative; overflow:hidden; width:100%;padding-top:0; }

#tab_content3 #content{width:100%; padding:0}

/*		메인리스트		*/
.M_menu {position:relative; overflow:hidden; width:100%;  margin-top:4%; }
.M_menu img{width:100%}
.M_menu a{position:absolute; display:inline-block}
.M_menu .m1{position:absolute; padding:6% 2%; top:41%; left:11%; width:20%;}
.M_menu .m2{position:absolute; padding:5% 2%; top:63%; left:4%; width:24%}
.M_menu .m3{position:absolute; padding:8% 5% 5% 5%;  top:14%; left:8%; width:25%}
.M_menu .m4{position:absolute; padding:5%; padding-bottom:10%; top:16%; left:71%; width:24%}
.M_menu .m5{position:absolute; padding:6%; top:53%; left:60%; width:20%}
.M_menu .m6{position:absolute; padding:10% 3%; top:74%; left:45%; width:20%} 
 


/*		서브		*/
#sub_content{position:relative; overflow:hidden; width:100%; margin-bottom:20px; padding-bottom:10px;background:#fafafa}
.sub_content{width:100%; }
#sub_content .title{position:relative; overflow:hidden; width:96%; padding:0 2%;  background:#006699; height:20%; max-height:80px}
#sub_content .title h2{overflow:hidden; float:left;  width:85%; padding:3% 0;}

#sub_content .title p.btn_prev{overflow:hidden; float:right; width:15%; padding:3% 0 0 0}

#sub_content .title h2 img{width:90%; max-width:400px}
#sub_content .title p img{width:100%; max-width:75px; vertical-align:center;}



.sub_content .sub02_menu{position:relative; overflow:hidden; padding:3%; width:94%} 
.sub_content .sub02_menu li{margin:3%; padding:3% 5%; border:1px solid #cccccc; background:#ebebeb}
.sub_content .sub02_menu li a img{width:60%}

.sub_content .sub02_h3{padding:2%; background:#62a2c2;}
.sub_content .sub02_h3 img{width:40%}

.sub_text{position:relative; overflow:hidden; padding:3%; width:94%}
.sub_text h4{color:#003366; font-size:1.3em; margin-bottom:10px;}
.sub_text p{_text-align:justify; }
.sub_text p img{width:100%}
.sub_text dl{position:relative; overflow:hidden; width:100%; margin-top:20px; }

.sub_text dl.sub01_1 dt{width:100%; color:#006699;  background:url(/mobile/images/sub/bg_dt.png) 0 50% no-repeat; font-size:1.2em; line-height:20px; margin-bottom:10px; padding-left:6px; padding-top:5px}
.sub_text dl.sub01_1 dd {width:100%; _text-align:justify; letter-spacing:-0.08em; font-size:1.1em}
.sub_text dl.sub01_1 dt span{color:#fff}
.sub_text dl.sub01_1 dd.style1{padding-left:13px; text-indent:-13px;}
.sub_text dl.sub01_1 dd.mb_5{margin-bottom:5px; }

.sub_text dl.sub02_1 dt{width:60%; max-width:300px; text-align:center; margin:0 auto; margin-bottom:10px;}
.sub_text dl.sub02_1 dt img{width:100%;  }
.sub_text dl.sub02_2 dt{width:100%; color:#006699; background:url(/mobile/images/sub/bg_dt.png) 0 0 no-repeat; font-size:1.2em; line-height:20px; margin-bottom:10px; padding-left:30px; padding-top:5px; text-indent:-25px}

.sub_text dl.sub02_2 dt span{color:#fff}
.sub_text dl dd{ margin-bottom:30px;}
.sub_text dl dd.mb_5{margin-bottom:5px; } 
.sub_text dl.sub02_1 dd{text-align:center; font-size:1.1em}
.sub_text dl.sub02_2 dd{padding-left:13px; text-indent:-13px; font-size:1.1em}
.sub_text dl.sub02_3 dt{width:100%;text-align:center; margin:0 auto; }
.sub_text dl.sub02_3 dt img{width:100%; max-width:500px}
.sub_text dl.sub02_3 dd{width:100%;text-align:center; margin:0 auto; margin-bottom:20px;  font-size:1.1em}
.sub_text dl.sub02_3 dd img{width:100%; max-width:500px}


.sub_text p.sub02_4 img{width:100%}
.sub_text p.sub02_4{font-size:1.1em; line-height:1.3em; margin-top:10px; padding-left:12px; background:url(/mobile/images/sub/bl_p.png) 0 6px no-repeat} 
.sub_text p.e-mail{font-size:1.1em;  _padding-left:35px;  _background:url(/mobile/images/sub/bl_mail.png) 15px center no-repeat}
.sub_text p.e-mail img{width:18px;vertical-align:middle;}
.sub_text p.sub02_5_t{width:100%; color:#006699; background:url(/mobile/images/sub/bg_dt.png) 0 0 no-repeat; font-size:1.2em; line-height:20px; margin-bottom:10px; padding-left:25px; padding-top:5px; text-indent:-15px} 
.sub_text p.sub02_5_t span{color:#fff}
.sub_text p.sub02_5{line-height:1.3em; font-size:1.1em; margin-bottom:10px; margin-left:10px; padding-left:15px; background:url(/mobile/images/sub/bl_p.png) 2px 6px no-repeat} 
 
.sub_content .sub_select{position:relative; overflow:hidden; padding:3%; width:94%}  
.sub_content .sub_select li{overflow:hidden; float:left;  width:49%}
.sub_content .sub_select li:first-child{margin-right:1%} 
.sub_content .sub_select li:last-child{margin-left:1%}
.sub_content .sub_select li select{width:100%; padding:5px; background:url(/mobile/images/common/bl_1.png) 95% 50% no-repeat; border:1px solid #999; border-radius:0; }
 
.list{position:relative; overflow:hidden; width:100%;}
.list  figure{position:relative; overflow:hidden;  width:94%; padding:5% 0; margin-right:3%; margin-left:3%;border-bottom:1px dotted #999; clear:both;}
.list  figure a img{width:35%; height:100px; max-width:150px; float:left;}
.list figure figcaption{overflow:hidden; float:left; width:63%; margin-left:2%; }
.list  figure figcaption h4{float:left; color:#0b0b0b; font-weight:bold; font-size:1em; margin-bottom:10px;}
.list figure figcaption dl{clear:both; font-size:1em;}
.list figure figcaption dl dt{overflow:hidden; float:left; width:15px; text-align:center; line-height:15px;  background:#000; color:#fff;  margin-bottom:5px;}
.list figure figcaption dl dd{overflow:hidden; padding-left:5px; line-height:15px; margin-bottom:5px;}
.list figure figcaption .PR{overflow:hidden; margin-top:10px; width:100px;}
.list figure figcaption .PR img{width:100px}
  
.page_num{position:relative; overflow:hidden}
.page{position:relative; overflow:hidden; padding:3%; width:94%; margin-top:10px}
.page li{position:relative; overflow:hidden; float:left;}
.page li img{width:100%}
.page li.prev{ width:15%}
.page li.next{ width:15%}
.page li.list_num {width:70%; letter-spacing:4px; text-align:center}
.list_num a.on{color:#0099cc}
 

.cd_view{position:relative; overflow:hidden; margin:0 3%;  width:94%;}
.cd_view  figure{position:relative; overflow:hidden; padding:5% 0; width:100%; margin:0;}
.cd_view  figure .logo{width:40%; padding:5px; border:1px solid #ccc;  float:left; background:#fff}
.cd_view  figure .logo img{width:100%; height:100px; max-width:150px; }
.cd_view figure figcaption{overflow:hidden; float:left; width:50%; margin-left:3%;}
.cd_view  figure figcaption h4{float:left; color:#0b0b0b; font-weight:bold; font-size:1.3em; margin-bottom:10px;}
.cd_view figure figcaption ul{clear:both; font-size:0.8em;}
.cd_view figure figcaption ul li{overflow:hidden;   margin-bottom:5px; color:#999; font-size:1.2em}
.cd_view figure figcaption ul li a{color:#999}
.cd_view figure figcaption .PR{overflow:hidden; margin-top:10px; width:100px;}
.cd_view figure figcaption .PR img{width:100px}


.cd_view #view_tab{position:relative; overflow:hidden; margin: 0 ;  border:1px solid #ccc; border-bottom:1px solid #0480da}
.cd_view #view_tab li{position:relative; overflow:hidden; float:left; width:33.3%; font-size:1.1em; padding:15px 0; text-align:center; background:url(../../images/sub/bg_view_tab.jpg) left 50% repeat-y; cursor:pointer;}
.cd_view #view_tab li.bl_0{background:none}
.cd_view #view_tab li a{color:#323232;}
.cd_view #view_tab li.on{background:#0480da}
.cd_view #view_tab li.on a{color:#fff} 
 

.tab_content{position:relative; overflow:hidden; padding:15px 0; }
.cd_view #tab_content0 ul li {position:relative; overflow:hidden;}
.cd_view #tab_content0 ul li p.btn_plus{position:absolute; top:20px; right:0; width:7%; max-width:40px }
.cd_view #tab_content0 ul li p.btn_plus img{width:100%;}
.cd_view #tab_content0 ul li dl {padding:20px 0; border-bottom:1px dotted #ccc} 

.cd_view #tab_content0 ul li:last-child dl{border-bottom:0} 
.cd_view #tab_content0 ul li dl dt{font-size:1.3em; margin-bottom:15px; color:#010101}
.cd_view #tab_content0 ul li dl dd{font-size:1.1em; margin-bottom:10px; }
.cd_view #tab_content0 ul li dl dd.img{padding:2%; border:1px solid #ccc; background:#f2f2f2}
.cd_view #tab_content0 ul li dl dd.img img{width:100%}
.cd_view #tab_content0 ul li dl dd img{width:100%} 
.cd_view #tab_content1 {_text-align:justify; letter-spacing:-0.08em; color:#414141}
.cd_view #tab_content1 p{font-size:1.1em}
.cd_view #tab_content1 table{position:relative; overflow:hidden;  width:100%; border-top:2px solid #ccc;  margin-bottom:10px}
.cd_view #tab_content1 table th{ border-bottom:1px solid #ccc; background:#eee; text-align:right; padding:2%;}
.cd_view #tab_content1 table td{ border-bottom:1px solid #ccc; padding:2%} 

.sub_content .sub04_menu{position:relative; overflow:hidden; padding:3%; width:94%} 
.sub_content .sub04_menu li{position:relative; overflow:hidden;margin:3%; padding:3% 5%; border:1px solid #cccccc; background:#ebebeb}
.sub_content .sub04_menu li a img{width:60%}
.sub_content .sub04_menu li .select_box{position:relative; overflow:hidden; padding:2%; width:95%; margin:10px 0; border:1px solid #cccccc; background:#fff}
.sub_content .sub04_menu li .select_box li{overflow:hidden;   border:0;  padding:2px 3%; margin:0; background:#fff; font-size:0.9em;}
.sub_content .sub04_search{position:relative; overflow:hidden; padding:0 6% 2% 6%; width:88%}
.sub_content .sub04_search input[type="text"]{display:inline; float:left; border:1px solid #ccc; width:65%; padding:5px 2%; margin:0; border-radius:0; }
.sub_content .sub04_search  input[type="button"]{float:right; background:#00cccc; width:25%; height:18px; cursor:pointer;  color:#000; padding:5px 2%; margin:0;}
.sub04_search input[type='submit']{width:30%; height:28px;}


.pc_view{position:relative; overflow:hidden; margin:0 3%;  width:94%;}

.pc_view #view_tab{position:relative; overflow:hidden; margin: 0 ;  border:1px solid #ccc; border-bottom:1px solid #0480da}
.pc_view #view_tab li{position:relative; overflow:hidden; float:left; width:33.3%;  height:38px ; line-height:18px; font-size:1.1em; padding:2px 0; text-align:center; background:url(../../images/sub/bg_view_tab.jpg) left 50% repeat-y; cursor:pointer;}
.pc_view #view_tab li.bl_0{background:none; line-height:38px; }
.pc_view #view_tab li a{color:#323232;}
.pc_view #view_tab li.on{background:#0480da}
.pc_view #view_tab li.on a{color:#fff} 


.pc_view #tab_content0 h4{}


.pc_view #tab_content0{position:relative; overflow:hidden; width:100%;} 
.pc_view #tab_content0 figure{position:relative; overflow:hidden; margin:0; margin-bottom:20px;  padding-bottom:10px;  border-bottom:1px dotted #999}
.pc_view #tab_content0 figure figcaption{overflow:hidden;}
.pc_view #tab_content0  figure figcaption h4{float:left; color:#0b0b0b; font-weight:bold; font-size:1.4em; margin-bottom:10px;}
.pc_view #tab_content0 figure figcaption dl{clear:both; font-size:1.1em; margin-bottom:10px; padding-bottom:10px}
.pc_view #tab_content0 figure figcaption dl dt{overflow:hidden; float:left; width:50px; text-align:center; line-height:20px;  background:#000; color:#fff;  margin-bottom:5px;}
.pc_view #tab_content0 figure figcaption dl dd{overflow:hidden; padding-left:5px; line-height:20px; color:#666666;margin-bottom:5px;}
.pc_view #tab_content0 figure p.logo{width:94%; padding:3px; border:1px solid #ccc; background:#f2f2f2; margin-bottom:10px; }
.pc_view #tab_content0 figure p.logo img{width:100%;}

.pc_view #tab_content0 h5{font-size:1.2em; margin-bottom:10px;}
.pc_view #tab_content0 p.text_Detailed{position:relative; overflow:hidden; padding:2%;border:1px solid #ccc; background:#f2f2f2;}
.pc_view #tab_content0 p.text_Detailed img{width:100%}

.pc_view #tab_content1{position:relative; overflow:hidden; width:100%;}
.pc_view #tab_content1 dl{overflow:hidden; width:100%;}
.pc_view #tab_content1 dl dt{font-size:1em; margin-bottom:5px;}
.pc_view #tab_content1 dl dd{padding:2%;border:1px solid #ccc; background:#f2f2f2; margin-bottom:20px;}
.pc_view #tab_content1 dl dd img{width:100%}
 
.pc_view #tab_content2 {position:relative; overflow:hidden; width:100%;}
.pc_view #tab_content2 h4{font-size:1.3em; margin-bottom:10px}
.pc_view #tab_content2 .tbl1{position:relative; margin-bottom:10px;  border-top:2px solid #0480da ; border-bottom:1px solid #777}
.pc_view #tab_content2 .tbl1 input,
.pc_view #tab_content2 .tbl1 textarea{border-radius:0; background:#fff; border:1px solid #ccc; }
.pc_view #tab_content2 .tbl1 th{overflow:hidden; padding:5px; width:20%;}
.pc_view #tab_content2 .tbl1 td{overflow:hidden; padding:5px; width:75%}
.pc_view #tab_content2 .sub04_1_bt{width:45%; margin:0 auto;}
.pc_view #tab_content2 .sub04_1_bt input{padding:15px 0; text-align:center; font-size:0.9em; border-radius:5px; background:#0480da}


.font_sty1{color:#fff !important; font-size:22px;}
.font_sty2{color:#fff !important; font-size:15px;}






.myButton {
	background-color:#007dc1;
	
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	width:70%;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}