@import url(../../../common/css/font.css);

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:12px;line-height:1.25em;font-family:"NanumSquareR","",Gulim,Helvetica,AppleGothic,Sans-serif;}
input[type=text] {line-height:22px;}
textarea,select{-webkit-border-radius:1px; border-radius:0;}
p{line-height:18px;}
input{-webkit-border-radius:1px; border-radius:0;}
input[type="checkbox"]{-webkit-appearance:block;}
input[type="image"]{-webkit-border-radius:1px; border-radius:0; -webkit-appearance:none; }
body{position:relative;background-color:#FFFFFF;color:#000;word-wrap:break-word;word-break:break-all;}
body{min-width:320px;max-width: 500px;margin: 0 auto;}
html.fixed, body.fixed{width:100%; overflow:hidden; position:fixed; left:0; top:0;}
legend{display:none;}
img,fieldset{border:0; margin:0;}
ul,ol{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
caption{display:none;}


/*base*/

.dspm{display:inline-block; vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}

.cboth{clear:both;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.positionr{position:relative;    background: #ffffff;}

.mT1{margin-top:18px;}
.mT2{margin-top:6px}
.mT3{margin-top:10px}
.mT4{margin-top:4px}
.mT5{margin-top:30px;}

.mT10{margin-top:10px}
.mT12{margin-top:12px}
.mT13{margin-top:13px}
.mT15{margin-top:15px}
.mT16{margin-top:16px}
.mT17{margin-top:17px;}
.mT20{margin-top:20px;}

@media screen and (min-width: 480px){
	.mT1{margin-top:30px;}
	.mT2{margin-top:14px}
	.mT3{margin-top:20px}
}

.img1{width:100%;}
.img98{width:98%; margin:0 auto; display:block;}
.img49{width:49%;}
.img50{width:50%;}
.img25{width:25%;}
@media screen and (max-width: 480px){
	.himg1{height:20px; }
	.himg2{height:16px; }
	
	.mT20{margin-top:10px;}
	.mT30{margin-top:20px;}
	.mT40{margin-top:30px;}
	.mT50{margin-top:30px;}
	.mT60{margin-top:20px;}
	.mT70{margin-top:30px;}
	.mT80{margin-top:40px;}
	
}
@media screen and (max-width: 530px){
	.himg3{height:13px; }
	.himg4{height:10px; }
	.himg5{height:40px; }
	.himg6{height:60px; }
}
.txtbox1{color:#777777;line-height:20px;}
@media screen and (min-width: 480px){
	.txtbox1{}
}

/*base*/

.amenuarea{position:relative; height:0; width:100%; line-height:0; font-size:0;}
.amenu{position:absolute; top:0; z-index:1; width:100%; overflow:hidden;}
.amenu img{width:100%;}

.amn{position:fixed; top:0; overflow-y:auto; z-index:10000;  width:304px; left:-305px; display:; background:#290088;
-webkit-transition: left 200ms;
-moz-transition: left 200ms;
-ms-transition: left 200ms;
-o-transition: left 200ms;
transition: left 200ms;
-webkit-overflow-scrolling: touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
}
.amn.view{left:0;}
#pageWrap{}

.amn .mntop1{position:relative; padding:30px 30px; background:#ffffff;}
.close1{position:fixed; left:-30px; top:22px;  z-index:10001; }
.close1.on{left:245px;
	-webkit-transition: left 200ms;
	-moz-transition: left 200ms;
	-ms-transition: left 200ms;
	-o-transition: left 200ms;
	transition: left 200ms;
}
.amn .menubox1{ background:#ffffff;}
.amn .mlist{width:100%; }
.amn .mlist li a{color:#cccccc;}
.amn .mlist li.md1{width:240px; margin-left:26px; border-bottom:1px solid #4b4b4b; line-height:40px; color:#333333;}
.amn .mlist li.md1 a.mlnk1{display:block;color:#333333;background: url(../../images/ico_pm1.png) 204px -2px no-repeat; padding-left:20px;}
.amn .mlist li.md1.l1 a{color:#fff; letter-spacing:-1px;}
.amn .mlist li.md1.none1 a.mlnk1{background:none;}
.amn .mlist li .mdtit1{display:block; line-height:50px; font-size:17px; text-indent:4px; }

.amn .mlist li.md1 .md2{display:; padding:10px 0; border-top:1px solid #9e9e9e;}
.amn .mlist li.md1 .md2 li{padding:8px 20px;}
.amn .mlist li.md1 .md2 li a{display:block; color:#000;}

.amn .mlist li ul.md2{border:none; font-weight:normal; background:#ffffff; font-size:16px; letter-spacing:1px; line-height:18px; }

.amn .mlist li ul li .md3{clear:both; padding:10px; margin-bottom:20px;}
.amn .mlist li ul.md2 li ul.md3 li{float:left; line-height:18px;}

.amn .mlist li.md1.on,.amn .mlist li.md1 a:hover{}
.amn .mlist li.md1.on a.mlnk1{background-position:204px -48px;}


/*header*/

#header{width:100%; min-width:320px; z-index:3000}
#header.hfixed{position:fixed; left:0; top:0; }
.logo1{padding:20px 20px 10px;}
.logo1 img{}
.bright1{position:absolute; right:4%; top:28px;}
.bright1.mnfixed{background-color:rgba(34,43,75,.5);}
@media screen and (max-width: 480px){
	.logo1{padding:10px;}
	.logo1 img{width:165px;}
	.bright1{top:19px;}
	.bright1 img{width:100%;}
}

	
.topmenu{float:left; text-align:center; width:100%; background:#920883;}
.topmenu ul{margin:0 auto;}
.topmenu ul li.menu1{float:left; width:25%;}
.topmenu ul li.menu2{float:left; width:33.4%;}
.topmenu ul li a{display:block; width:100%; line-height:60px; height:60px; color:#fff; font-size:24px; font-family:'NotoSansKRRegular'; border-left:1px solid #b353a8;}
.topmenu ul li a.on{background:#10436e;}
.topmenu ul li a img{width:100%;}
@media screen and (max-width: 480px){	 
	.topmenu ul li a{line-height:36px; height:36px; font-size:14px;}
	
}
@media screen and (min-width: 480px) and (max-width:640px){	 
	.topmenu ul li a{line-height:50px; height:50px; font-size:18px;}

}
@media screen and (min-width:640px){	 
	.topmenu ul li a{}
}
/*header*/

/*footer*/
#footer{position:relative; width:100%; float:left; background:#000;}
#footer.bg1{background:#000;}
	.copy{position:relative; padding:0px; max-width:580px; margin:0 auto; text-align:center; }
	
	.snsbox1{padding:30px 3%; word-spacing:6px;}
@media screen and (min-width: 480px){	 
	.copy{padding:0px;}	
	
	
}	
@media screen and (max-width: 640px){	 
	.copy img{width:100%;}
	.snsbox1{padding:20px 10px;}
}	
/*footer*/

/*main*/
#wrap{position:relative; width:100%; text-align:center; float:left; z-index:1000}
	.wcont{min-width:300px; margin:0 auto; text-align:center;  }
@media screen and (min-width: 480px){
	.wcont{padding:0}
}		
	.mbnn1{position:absolute; right:2%; top:15.7%; display:block; width:18%; text-align:right; z-index:10000;}
	/*.mbnn1{position:absolute; left:6%; top:72.2%; display:block; width:18%; text-align:right; z-index:10000;}*/
	.mbnn2{position:absolute; left:0;  display:block; text-align: center; z-index:10000; width:100%;}
	.mbnn3{position:absolute; left:5%; top:78%; display:block; width:46%; text-align:right; z-index:10001;}
	.mbnn4{position:absolute; right:2%; bottom:4%; display:block; width:20%; text-align:right; z-index:10001;}
	#mainvisual{position:relative; width:100%; margin:0 auto;z-index:100}
	.mainvisual .visualbox{position:relative;z-index:100}
	/*
	.slider{position:absolute; right:24%; top:6%; z-index:900; width:80%; z-index:10000;}
	.slider1{width:100%; text-align:center;}
	.slider1 img{width:100%; text-align:center;}
	*/
	#mainvisual{position:relative; }
	#mainvisual .bg1,
	#mainvisual .bg2{ position:absolute; left:0; top:0; width:100%;}
	#mainvisual .bg1{z-index:99;}
	#mainvisual .bg2{z-index:100;}
	
	.mainbtn1{text-align:center;}
	.mainbtn1 .a1{width:25%; float:left;}
	/*
	.mainbtn1 a{display:inline-block; width:24.4%; margin-right:0.6%;}
	.mainbtn1 a.last1{margin-right:0;}
	.mainbtn1 a span{display:block; width:100%;}
	.mainbtn1 a span img{width:100%; }
	*/
	
@media screen and (min-width: 480px){
	/*
	.mainbtn1 a{margin-right:0.68%;}
	*/
}	
/*main*/



/*sub*/
#swrap{position:relative; width:100%; margin-bottom:35px}
.scont{margin:0 auto; padding:10px; clear:both;}
@media screen and (min-width: 480px){	 
	.scont{padding:20px; }
}

.submenubox1{ background:#999; line-height:60px; width:100%; float:left; z-index:1000}
.submenubox1 a.deplnk1{color:#fff; font-size:20px; display:block; background:url(../../images/ico_arr2.png) no-repeat 94% center; border-right:1px solid #999}
.submenubox1 .sbm1{}
.submenubox1 .sbm1 li{padding-left:20px; }
.submenubox1 .sbm1 .sl1{position:relative; width:220px; float:left;background:#290088;}
.submenubox1 .sbm1 .sl1.s2 {background:#999;}
.submenubox1 .sbm1 .mndepth1{position:absolute; left:0; top:60px; width:100%; background:#fff; z-index:10;border-bottom:1px solid #000; display:none;}
.submenubox1 .sbm1 .mndepth1 a{font-size:20px; color:#000; display:block;}
.submenubox1 .sbm1 .mndepth1 li{border-left:1px solid #999;border-right:1px solid #999;}

@media screen and (min-width: 481px) and (max-width:640px){	 
.submenubox1 .sbm1 li{padding-left:10px;}
.submenubox1 .sbm1 .sl1{width:150px;}
.submenubox1 .sbm1 .sl1.s2{width:190px;}
}
@media screen and (max-width: 480px){
.submenubox1{ line-height:40px;}	 
.submenubox1 a.deplnk1{font-size:14px;}
.submenubox1 .sbm1 li{padding-left:10px;}
.submenubox1 .sbm1 .sl1{width:90px;}
.submenubox1 .sbm1 .sl1.s2{width:140px;}
.submenubox1 .sbm1 .mndepth1{top:40px;}
.submenubox1 .sbm1 .mndepth1 a{font-size:14px;}
}

.submenubox1.fixed{position:fixed; left:0; top:0;}

.titbox1{position:relative; padding:35px 0 0; text-align:center; width:100%;  float:left;}
.titbox1 .ttit1{ font-size:22px; color:#000 }
.titbox1 .loc1{position:absolute; right:0; bottom:30%; font-size:11px; color:#999999; letter-spacing:-1px; }
.titbox1 .loc1 a{color:#999999;}
.titbox1 .loc1 b{color:#666666;}
@media screen and (min-width: 480px){	 
	.titbox1 .ttit1{font-size:40px;  line-height:40px;}
	.titbox1{padding:40px 0 10px;}
	.titbox1 .loc1{bottom:48%; letter-spacing:0}
}
.titbox1.fixed{}

.ttbox1{position:relative; text-align:left; line-height:20px; font-size:16px; line-height:24px; color:#27394e;}
.ttbox1 em{color:#333333; font-style:normal; font-weight:bold;}
@media all and (max-width:480px){
	.ttbox1{font-size:12px; line-height:20px;}
}
@media screen and (min-width: 480px) and (max-width:640px){	 
	.ttbox1{font-size:13px; line-height:20px;}
}




.submenuarea{}
.submenu1{width:100%;}
.submenu1 li{float:left; background:#f7f7f7 url(../../images/bg_line1.png) no-repeat right center; line-height:32px; font-size:13px;}
.submenu1 li.bgnone{background:#f7f7f7;}
.submenu1 li a{display:block; color:#666666; text-align:center; font-family:'NotoSansKRRegular';}
.submenu1 li a:hover, .submenu1 li a.on{color:#10436e; font-weight:bold;}
.submenu1 li.lnk1{width:25%;}
.submenu1 li.lnk2{width:50%;}
.submenu1 li.lnk3{width:33.3%;}
.submenu1 li.lnk4{width:33.4%;}
.submenu1 li.lnk5{width:20%;}
.submenu1 li.lnk6{width:60%;}
.submenu1 li.lnk7{width:16.6%;}
.submenu1 li.lnk8{width:16.8%;}
@media screen and (max-width: 520px){
	
}
@media screen and (min-width: 480px){
	.submenu1 li{line-height:42px; font-size:15px;}
	
}

.ssmenu1{}
.ssmenu1 ul{}
.ssmenu1 ul li{float:left;}
.ssmenu1 ul li.w1{width:50%;}
.ssmenu1 ul li.w2{width:33.3%;}
.ssmenu1 ul li.w3{width:33.4%;}
.ssmenu1 ul li.w4{width:25%;}
.ssmenu1 ul li.w5{width:17%;}
.ssmenu1 ul li.w6{width:32%;}
.ssmenu1 ul li.w6.t1 a{line-height:18px; font-size:14px;}
.ssmenu1 ul li a{display:block; background:#fff; line-height:36px; text-align:center; font-weight:bold; color:#333; border:1px solid #353f49; font-size:18px;}
.ssmenu1 ul li.f a{}
.ssmenu1 ul li a.on{color:#66a8c2; border-color:#353f49; border-bottom:1px solid #fff;}
.ssmenu1 ul li.c2 a{height:44px; line-height:44px;}
.ssmenu1 ul li.c2 a.on{color:#fff; border-color:#0072a5; background:#0072a5;;}
@media screen and (max-width: 480px){	
.ssmenu1 ul li a{font-size:12px;}
}

.agree1{border:1px solid #dddddd; padding:15px;}
.agree1 .tit1{display:block; line-height:30px; font-weight:bold; font-size:14px;}
.agree1 .scrollbox1{line-height:24px; font-size:11px; height:250px; overflow-y:auto;}
@media screen and (max-width: 480px){	
.agree1{padding:6px;}
}
/*sub*/

.tbl1{border-top:1px solid #dddddd; border-collapse:collapse; border-spacing:0; table-layout:fixed; color:#666666; font-size:12px;}
.tbl1 th{border-bottom:1px solid #dddddd; color:#fff; line-height:30px; background:#aaaaaa;word-spacing:20px;}
.tbl1 td{border-bottom:1px solid #dddddd; text-align:left; padding:6px 0 6px 6px; line-height:26px;}
.tbl1 .tit1{background:#f5f5f5; font-weight:bold;}
.tbl1 .last1{border-right:none;}
.tbl1 .left1{text-align:left; padding-left:10px;}
.tbl1 .s1{word-spacing:2px;}
@media screen and (min-width: 480px){	
.tbl1{font-size:15px;}
}

.faqslide{width:100%;}
.faqslide img{width:100%; max-width:640px;}

#swrap img.btnzip1{width:80px; vertical-align:middle;}

.input_txt01{border:1px solid #ccc; line-height:18px; font-size:15px;-webkit-border-radius:1px; border-radius:0; -webkit-appearance:none;}

.btnarea1{text-align:center;}
.btnarea1 input,
#swrap .btnarea1 img{width:42%; vertical-align:top; max-width:200px;}

.box02{border:1px solid #e4e4e4; text-align:left; padding:20px 10px 20px 10px; line-height:22px; height:300px; overflow-y:auto}


.tab4{float:left; margin-top:20px;}
.tab4 li{float:left; width:16.6%}
.tab4 li img{width:100%; max-width:100px;}

.dobox{position:absolute; top:0; left:0; width:100%; min-width:640px; height:100%; min-height:446px; display:block;  background:#000; z-index:1000; filter:alpha(opacity=60); background-color:rgb(0, 0, 0); opacity: 0.6; display:none;}











/* 버튼 */
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover{text-decoration:none}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover{text-decoration:none}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm{text-align:center} /* 서식단계 진행 */

.btn_submit{padding:0px 10px;height:32px;border:0;background:#555;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit{padding:0 7px;height:24px;line-height:1em}

a.btn_cancel{display:inline-block;padding:0px 10px;line-height:30px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline{display:inline-block;padding:0 5px;line-height:24px;border:0;background:#777;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline{line-height:24px}
button.btn_frmline{font-size:1em}
#bo_sch select{}



/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #DDDDDD;background:#F3F3F3;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #555;background:#555;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover{text-decoration:none}
a.btn_admin{display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover{text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #666; border-bottom: 2px solid #666;}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}


.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:12px 0;border-bottom:1px solid #BFBFBF;background:#fff;color:#333;font-size:1.1em;text-align:center;letter-spacing:0}
.tbl_head01 thead a{color:#333}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td{padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;font-size:1.1em}
.tbl_head01 a{}

.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}

/* 폼 테이블 */
.tbl_frm01{margin:20px 0px 10px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width:180px;background:#fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:10px;background:#f8f8f8;text-align:center}
.tbl_frm01 td{padding:12px 20px; font-size: 14px; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input{border:1px solid #e4eaec;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:30px}
.tbl_frm01 textarea{width:98%;height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required{background:#f7f7f7 !important; border: 1px solid #e4eaec;}

/* 테이블 항목별 정의 */
.td_board{width:120px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:110px;text-align:center}
.td_group{width:100px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}

.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#ccc}
.txt_rdy{color:#8abc2a}





#sub_menu {
	text-align: center; padding-left: 0px; margin-top: 0px; padding-bottom: 30px;
}
#sub_menu ul {
	
}
#sub_menu ul li {
	float: left; margin-bottom: 0px;
}
#sub_menu ul li a { font-family: 'NanumSquare'; line-height: 3;font-size:14px; font-weight: 500; height:auto; border: 0px solid rgba(228, 228, 228, 1); border-image: none; color: rgba(39, 39, 39, 1); text-decoration: none; margin-right: 1px; margin-bottom: 1px; display: block; border-top-left-radius: 0px; border-bottom-right-radius: 0px; background: #e1ddda;
}
#sub_menu ul li a:hover { 
	color: #fff; background: #1c3146;
}
#sub_menu ul li a.mob_on {
	color: #fff; background: #1c3146; 
}





#sub_menu2 {
	text-align: center; padding-left: 0px; margin-top: 0px; padding-bottom: 60px;
}
#sub_menu2 ul {
	
}
#sub_menu2 ul li {
    width:25%;
	float: left; margin-bottom: 1px;
}
#sub_menu2 ul li a { font-family: 'NanumSquare'; line-height: 3;font-size:15px; height:auto;  border: 1px solid rgba(228, 228, 228, 1); border-image: none; color: rgba(39, 39, 39, 1); text-decoration: none; margin-right: 0px; margin-bottom: -1px; display: block; border-top-left-radius: 0px; border-bottom-right-radius: 0px; background: #f2f2f2;}
#sub_menu2 ul li a:hover { 
	color: #fff; background: #c2c2c2; border-bottom: 1px solid #ddd;
}
#sub_menu2 ul li a.mob_on {
	color: #fff; background: #981c1e; border-bottom: 1px solid #ddd;
}











#sub_menu9 {
	text-align: center; padding-left: -1px; margin-top: 0px; padding-bottom: 100px;
}
#sub_menu9 ul {
	
}
#sub_menu9 ul li {
	float: left; margin-bottom: 0px; width: 12.5%
}
#sub_menu9 ul li a { font-family: 'NanumSquare'; line-height: 3.3;font-size:16px; font-weight: 700; height:auto; border: 1px solid rgba(228, 228, 228, 1); border-image: none; color: rgba(39, 39, 39, 1); text-decoration: none; margin-right: 1px; margin-bottom: 1px; display: block; border-top-left-radius: 0px; border-bottom-right-radius: 0px; background: #e1ddda;
}
#sub_menu9 ul li a:hover { 
	color: #fff; background: #c2c2c2; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
}
#sub_menu9 ul li a.mob_on {
	color: #fff; background: #c2c2c2; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
}









/******** sub snb **********************/

#tab {width:100%;margin-top:30px; overflow: hidden; position: relative; z-index: 0;background:#fff;margin-bottom: 20px;}
#tab .inner {margin: 0px auto; width: 1100px;}
#tab .inner::after {clear: both; display: block; content: "";}
#tab .inner li {background:#f2f2f2; float: left;border-left:1px solid #fff;border-bottom:0px solid #666;}
#tab .inner li:hover{background:#050060;color:#fff !important;}
#tab .inner li a:hover{color:#fff;font-weight:500;}

#tab .inner li:first-child {border-left:none}
#tab .inner .tab1 li{width:100%;}
#tab .inner .tab2 li{width:49.95%;}
#tab .inner .tab3 li{width:33.26%;}
#tab .inner .tab4 li{width:24.93%;}
#tab .inner .tab5 li{width:19.9%;}
#tab .inner .tab6 li{width:16.555%;}
#tab .inner li a {padding: 20px 0; text-align: center; color:#000; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab .inner li.active {background:#050060; border-bottom:0px solid #fff;}
#tab .inner li.active a{color:#fff;font-weight:500;}
#tab .inner li a.bg_none {background: none;}






/******** sub snb **********************/

#tab-1 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;text-transform: uppercase;}
#tab-1 .inner {margin: 0px auto; max-width: 100%;}
#tab-1 .inner::after {clear: both; display: block; content: "";}
#tab-1 .inner li {background: #fff; border-left: 1px solid #cfcfcf; color: #0079bb !important; font-weight:600; float: left; border-bottom: 1px solid #cfcfcf;}
#tab-1 .inner li a{color: #484848 !important;}
#tab-1 .inner li:first-child {border-left:none}
#tab-1 .inner .tab1 li{width:100%;}
#tab-1 .inner .tab2 li{width:49.95%;}
#tab-1 .inner .tab3 li{width:33.33%;}
#tab-1 .inner .tab4 li{width:24.93%;}
#tab-1 .inner .tab5 li{width:19.99%;}
#tab-1 .inner .tab6 li{width:16.66%;}
#tab-1 .inner .tab7 li{width:14.21%;}
#tab-1 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab-1 .inner li.active:first-child {background: #0079bb}
#tab-1 .inner li.active:nth-child(2) {background: #0079bb}
#tab-1 .inner li.active:nth-child(3) {background: #0079bb}
#tab-1 .inner li.active:nth-child(4) {background: #0079bb}
#tab-1 .inner li.active:nth-child(5) {background: #0079bb}
#tab-1 .inner li.active:nth-child(6) {background: #0079bb}
#tab-1 .inner li.active:nth-child(7) {background: #0079bb}

#tab-1 .inner li.active {border-bottom:0px solid #fff;}
#tab-1 .inner li.active a{color:#fff !important;}
#tab-1 .inner li a:hover {color:#fff !important; background:#0079bb !important; }
#tab-1 .inner li a.bg_none {background: none;}



/******** sub snb 평형안내 **********************/

#tab-2 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;text-transform: uppercase;}
#tab-2 .inner {margin: 0px auto; max-width: 100%;}
#tab-2 .inner::after {clear: both; display: block; content: "";}
#tab-2 .inner li {background: #fff; border: 1px solid #ddd; color: #0079bb !important; font-weight:600; float: left;}
#tab-2 .inner li a{color: #484848 !important;}
#tab-2 .inner li:first-child {}
#tab-2 .inner .tab1 li{width:100%;}
#tab-2 .inner .tab2 li{width:49.95%;}
#tab-2 .inner .tab3 li{width:33.26%;}
#tab-2 .inner .tab4 li{width:24.9999%;}
#tab-2 .inner .tab5 li{width:19.9%;}
#tab-2 .inner .tab6 li{width:16.666%;}
#tab-2 .inner .tab7 li{width:14.21%;}
#tab-2 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab-2 .inner li.active:first-child {background: #122a4e; }
#tab-2 .inner li.active:nth-child(2) {color:#fff !important; background:#122a4e !important; }
#tab-2 .inner li.active:nth-child(3) {background: #122a4e}
#tab-2 .inner li.active:nth-child(4) {background: #122a4e}
#tab-2 .inner li.active:nth-child(5) {background: #122a4e}
#tab-2 .inner li.active:nth-child(6) {background: #122a4e}
#tab-2 .inner li.active:nth-child(7) {background: #96677e}

#tab-2 .inner li.active {border-bottom:0px solid #fff;}
#tab-2 .inner li.active a{color:#fff !important;}
#tab-2 .inner li a:hover {color:#fff !important; background:#122a4e !important; }
#tab-2 .inner li a.bg_none {background: none;}




/******** sub snb 버튼라인 **********************/


#tab-3 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;text-transform: uppercase;}
#tab-3 .inner {margin: 0px auto; max-width: 100%;}
#tab-3 .inner::after {clear: both; display: block; content: "";}
#tab-3 .inner li {background: #0079bb; color: #fff; font-weight:600; float: left;}
#tab-3 .inner li:first-child {border-left:none}
#tab-3 .inner .tab1 li{width:100%;}
#tab-3 .inner .tab2 li{width:49.95%;}
#tab-3 .inner .tab3 li{width:33.26%;}
#tab-3 .inner .tab4 li{width:24.93%;}
#tab-3 .inner .tab5 li{width:20%; }
#tab-3 .inner .tab6 li{width:16.555%;}
#tab-3 .inner .tab7 li{width:14.21%;}
#tab-3 .inner li a { padding:22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab-3 .inner li.active:first-child {background: #fff; border: 1px solid #0079bb}
#tab-3 .inner li.active:nth-child(2) {color:#0079bb !important; background:#fff; }
#tab-3 .inner li.active:nth-child(3) {background: #fecd68}
#tab-3 .inner li.active:nth-child(4) {background: #f89f79}
#tab-3 .inner li.active:nth-child(5) {background: #b9c77e}
#tab-3 .inner li.active:nth-child(6) {background: #d3a3cb}
#tab-3 .inner li.active:nth-child(7) {background: #96677e}

#tab-3 .inner li.active {}
#tab-3 .inner li.active a{color:#fff;}
#tab-3 .inner li a:hover {color:#0079bb; background:#fff; }
#tab-3 .inner li a.bg_none {background: none;}





#tab-4 {width:100%; margin: 0 0 50px 0; overflow: hidden; position: relative; z-index: 0;background:#0079bb;text-transform: uppercase;}
#tab-4 .inner {margin: 0px auto; max-width: 100%;}
#tab-4 .inner::after {clear: both; display: block; content: "";}
#tab-4 .inner li {background: #fff; border: 1px solid #0079bb; color: #0079bb !important; font-weight:600; float: left;}
#tab-4 .inner li a{color: #0079bb !important;}
#tab-4 .inner li:first-child {border-left:none}
#tab-4 .inner .tab1 li{width:100%;}
#tab-4 .inner .tab2 li{width:49.95%;}
#tab-4 .inner .tab3 li{width:33.26%;}
#tab-4 .inner .tab4 li{width:24.93%;}
#tab-4 .inner .tab5 li{width:19.9%;}
#tab-4 .inner .tab6 li{width:16.655%;}
#tab-4 .inner .tab7 li{width:14.21%;}
#tab-4 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab-4 .inner li.active:first-child {background: #0079bb}
#tab-4 .inner li.active:nth-child(2) {background:#0079bb}
#tab-4 .inner li.active:nth-child(3) {background: #0079bb}
#tab-4 .inner li.active:nth-child(4) {background: #0079bb}
#tab-4 .inner li.active:nth-child(5) {background: #0079bb}
#tab-4 .inner li.active:nth-child(6) {background: #0079bb}

#tab-4 .inner li.active {border-bottom:0px solid #fff;}
#tab-4 .inner li.active a{color:#fff !important;}
#tab-4 .inner li a:hover {color:#fff !important; background:#0079bb !important; }
#tab-4 .inner li a.bg_none {background: none;}





.ifWrap .ori { width: 100%; position: relative;text-align: left; margin-top: 15px;}
.ifWrap .ori li { width: auto; position: relative; padding: 0px 15px;  font-size: 12px; line-height: 1.4; color: #999;}
.ifWrap .ori li::after { width: 10px; height: 100%; display: block; position: absolute; top: 0px; left: 0px; content: "※"}







.news_list {clear:both; width:100%; margin:0 auto;padding-top:10px;text-align:left; border-top:1px solid #ddd}
.news_list li {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd}
.news_list .media {margin:0 10px 0 0; color:#290088; font-family:"NotoSans",'malgun gothic','dotum'; font-size:14px;}
.news_list .tit {overflow:hidden; color:#000; font-weight: bold; font-family:"NotoSans",'malgun gothic','dotum';  font-size:14px;}
.news_list .tit a {color:#333;}
.news_list .con {overflow:hidden; max-height:39px; color:#9a9a9a; font-family:"NotoSans",'malgun gothic','dotum';  font-size:14px;}
.news_list .con a {color:#9a9a9a;}
.news_list a:hover {color:#290088;}


.paging {clear:both; margin-top:25px; text-align:center}
.paging li {display:inline-block; width:25px; height:25px; line-height:25px; margin-right:5px; font-size:12px; font-family:"dotum"; background:#9b9b9b; }
.paging li:last-child {margin-right:0}
.paging a:hover {background:#290088; color:#fff;}
.paging li a {display:block; color:#fff;}
.paging li.num {color:#fff }
.paging .on {background:#290088; color:#fff;}
.paging li.prev,.paging li.next {width:35px;color:#fff;}



.ori {padding-top:0px;text-align: left;
    font-size: 0.6em;
    font-family: "Nanum Gothic";}
.ori ul {}
.ori ul li {margin-left:14px; text-indent: -14px;}