@charset "utf-8";

/*************************** sub 占쏙옙占싱아울옙 *****************************/
* {margin:0; padding:0;}
body {_text-align:center; background:url(/images/index/N_bg_main.gif) repeat-x; font:normal 12px/1.5 "占쏙옙占쏙옙 占쏙옙占�", Malgun Gothic; color:#757575;}
th {font-size:11px; line-height:18px; color:#6c6c6c;}
td {font-size:11px; line-height:18px; color:#6c6c6c;}
img {border:0 none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
ul,li,ol,dl,dt,dd {list-style:none; padding:0; margin:0;}
p {margin:0; padding:0}
hr {display:none}
input, textarea, select {font-size:12px; color:#333; margin:0; padding:0; font-family:Malgun Gothic, "占쏙옙占쏙옙占쏙옙占�", sans-serif}
em, address { font-style:normal; }
.hidden,legend,caption {width:0; height:0; padding:0; margin:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; position:absolute}

#wrap_index {width:900px; _text-align:left; margin:0 auto;}


#header	{height:115px; width:100%}

#header h1 {float:left;padding-top:40px}

#container {width:100%;}
.snb {width:200px; float:left;}
.snb .login {width:auto; margin-bottom:15px; border:0;}
.snb .login .input0 {font-size:11px; font-family:占쏙옙占쏙옙; color:#808080; border:#bcc4c9 solid 1px; height:18px; line-height:17px; PADDING-bottom: 2px;}
.snb .login .log_select {color:#ffffff; font:normal 11px 占쏙옙占쏙옙; border:#5c9aaf solid 1px; background:#5c9aaf; }

.snb .notice {width:auto; margin-bottom:15px;}
.snb .notice .ico {width:15px; text-align:center; border-bottom:#c3bb97 1px dotted;}
.snb .notice .tit {height:20px; border-bottom:#c3bb97 1px dotted;}

.snb .bnr {width:auto; margin-bottom:6px;}

.snb .count {width:200px; height:208px; background:url(/images/index/bg_count.gif) no-repeat; padding:35px 0 0 5px;}
.snb .count .box {width:190px; height:50px; background:url(/images/index/bg_count2.gif) no-repeat; margin-bottom:5px;}
.snb .count .box img {margin-left:3px;}

.snb .count .box p {padding-left:8px;}
.snb .count .box .tit {font:bold 11px 占쏙옙占쏙옙, Tahoma; color:#4b6193; margin-top:2px;}
.snb .count .box .txt {font:normal 11px 占쏙옙占쏙옙, Tahoma; color:#717171; line-height:12px; margin-top:2px;}

/* main_top  */
.main_top {width:898px;height:388px; border:red solid 1px;margin-top:10px;margin-bottom:10px; ; border:#cfcfcf solid 1px/*background:url(/images/index/N_topbg.gif) no-repeat*/;*zoom:1;}
.main_top:after {content:""; clear:both; display:block;}

.main_left{ float:left; width:299px;;height:388px}
.Mimg{background:url(/images/index/M_mainimg.jpg) no-repeat}
.main_left ul{ float:left;margin-top:325px;margin-left:15px ;background:url(/images/index/Micon_box.gif) no-repeat;width:270px;height:50px}
.main_left li{ float:left;width:135px;padding-top:15px}
.main_left li span.one{ padding-left:25px}
.main_left li span.two{ padding-left:40px}
.main_left li.icon01{;background:url(/images/index/Micon_1.png) no-repeat 10px 17px}
.main_left li.icon02{;background:url(/images/index/Micon_2.png) no-repeat 23px 19px}
.main_left li span a:hover,
.main_left li span a:active,
.main_left li span a:focus{text-decoration:none}
.MRimg{background:url(/images/index/M_main_rbg.jpg) repeat-y}


.main_mid{ float:left; width:298px;height:388px;background:#fff;}
.main_mid h2{margin:30px 20px 15px 20px}
.main_mid dl {width:260px;margin-left:20px;margin-bottom:10px}
.main_mid dt {; font-weight:bold;color:#fff;height:25px;padding-top:3px;padding-left:10px}
.main_mid dt.T1{border:#4c68a1 solid 1px;background:#6d84b6}
.main_mid dt.T2{border:#a14c92 solid 1px;background:#b66da8}
.main_mid dt.T3{border:#a1854c solid 1px;background:#b69f6d}
.main_mid dd {border:#4e1e1e1 solid 1px;border-left:#e1e1e1 solid 1px;;border-right:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px;padding:5px 0 5px 10px}
.main_mid dl ul {;*zoom:1;}
.main_mid dl ul:after {content:""; clear:both; display:block;}
.main_mid dl ul li{ float:left; }
.main_mid dl dd ul li img{ padding-right:5px}

.main_right{ float:left; width:299px;;height:388px}
.main_right h2{margin:30px 20px 15px 20px}
.main_right ul {width:260px;margin-left:20px;margin-bottom:5px;border-bottom:#e1e1e1 solid 1px;*zoom:1;}
.main_right ul:after {content:""; clear:both; display:block;}
.main_right ul li{ float:left;padding-bottom:5px }
.main_right ul li img{ padding-right:3px}
.main_right ul li.none img{ padding-right:0px}
.main_right .tmenu01 {;background:url(/images/index/t_iconM01.gif) no-repeat right;}
.main_right .tmenu02 {;background:url(/images/index/t_iconM02.gif) no-repeat right;}
.main_right .tmenu03 {;background:url(/images/index/t_iconM03.gif) no-repeat right;}
.main_right dl{width:260px;height:68px;margin-left:20px;border-bottom:#e1e1e1 dotted 2px ;;}
.main_right dl.none{border-bottom:none}
.main_right dt{padding-top:14px;padding-left:10px}
.main_right dd{padding-top:2px;padding-left:10px}


/* main Content A  */
.mainContA { margin:0 auto; width:900px; overflow:hidden;padding-top:20px;*zoom:1;}
.mainContA:after {content:""; clear:both; display:block;}

.notice_N{ float:left; width:429px; border-right:#cfcfcf solid 1px;margin-left:20px;padding-bottom:10px}
.notice_N h3{font-size:14px; font-weight:bold;padding-bottom:5px;color:#000000}
.notice_N ul li{background: url(/images/index/N_bol.gif) no-repeat 0 10px;padding-left:10px;font-size:12px}
.noti_btn {padding-left:345px; padding-bottom:3px}

.review{float:left; width:430px;margin-left:20px;padding-bottom:10px}
.review h3{font-size:14px; font-weight:bold;padding-bottom:5px;color:#000000}
.review ul li{background: url(/images/index/N_bol.gif) no-repeat 0 10px;padding-left:10px;font-size:12px}
.revi_btn {padding-left:200px; padding-bottom:3px}

/* main Content B  */
.mainContB {margin-top:10px; width:900px; overflow:hidden;*zoom:1;}
.mainContB:after {content:""; clear:both; display:block;}

.Mbanner{ float:left;margin-right:20px}
.Mbanner dl {; width:280px}
.Mbanner dt{height:15px;vertical-align:top;text-align:right}
.Mbanner dt img{padding-left:2px;padding-bottom:5px}
.Mbanner dd{}

.M_menu{float:left;width:600px;height:110px}




#content {float:right;	width:680px;}
.slide1 {height:180px; width:auto; background:url(/images/index/bg_bnr_right.gif) no-repeat right top #d8d7d2;}
.slide1 .flvbn2013-09-26r {height:180px; width:480px; float:left;}
.slide1 .csbnr { height:180px; width:193px; float:right;}

.slide2 {width:auto; height:560px; margin-top:15px;}

/* Footer */
#footer {width:900px; margin:50px 0 30px 0; float:left;*zoom:1;}
#footer:after {content:""; clear:both; display:block; }
#footerCont { position:relative; width:900px;}

.foot_tex {position:relative; ;background:url(/images/index/f_line.gif) repeat-x;;*zoom:1}
.foot_tex:after {content:""; clear:both; display:block; }
.footUtil {height:32px;top:7px; left:0; overflow:hidden; line-height:1.3}
.footUtil li { float:left; padding:7px 5px 0 10px;}
.footUtil li:first-child { padding:7px 5px 0 20px; background:0; }
.footUtil li span.fBrown { color:#993300; }
.familySite { position:absolute; top:4px; right:20px; }
.familySite img { vertical-align:middle; }
.familySite input { vertical-align:middle; }
.familySite select { padding:1px; vertical-align:middle; }
.familySite label { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
#footerCont address {padding-left:20px; position:absolute; top:40px; ; display:block; ; height:47px; }
#footerCont address p {font-size:11px;}
.copyright { padding-left:20px;font-size:11px; position:absolute; top:75px;; display:block; width:343px; height:12px; line-height:1.3; padding-bottom:20px}
.mark { position:absolute; top:45px; right:20px;  overflow:hidden;}
.mark li { float:left; padding-left:10px} 


/** padding / margin **/	  
.pda5 {padding:5px;}
.pda10 {padding:10px;}
.pda15 {padding:15px;}

.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}

.pdr10 {padding-right:10px;}
.pdr20 {padding-right:20px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}

.pdl10 {padding-left:10px;}
.pdl25 {padding-left:25px;}

.pdlr25 {padding:0 25px;}




.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}

.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}

.mgtb8 {margin::8px 0px;}


/*************************** sub 占쏙옙크 *****************************/

a:link, a:visited {
color:#757575; text-decoration:none;}

a:hover {
color:#757575; text-decoration:underline;}


/*************************** sub 占쏙옙트 *****************************/
.ft11 {font-size:11px;}
.ft12 {font-size:12px;}
.bold {font-weight:bold;}


/* blue */
.bl20 {color:#00CCFF;}
.bl40 {color:#0099FF;}
.bl60 {color:#0066FF;}
.bl80 {color:#0033FF;}
.bl90 {color:#0000FF;}

/* red */
.re20 {color:#CCCC00;}
.re40 {color:#CC9900;}
.re60 {color:#CC6600;}
.re80 {color:#CC3300;}
.re90 {color:#CC0000;}

/* yellow */
.yl20 {color:#FFFF66;}
.yl40 {color:#FFFF00;}
.yl60 {color:#FFCC00;}
.yl80 {color:#FF9900;}
.yl90 {color:#FF3300;}

/* gray */
.gr00 {color:#ffffff;}
.gr20 {color:#CCCCCC;}
.gr40 {color:#999999;}
.gr60 {color:#666666;}
.gr80 {color:#333333;}
.gr90 {color:#000000;}

/* 141209 �떆�뒪�뀥 �젏寃��뙘�뾽 �뒪���씪 異붽� start*/
.system_pop {position:absolute;left:330px;top:350px;width:330px;background:#fff;z-index:60}
.system_pop table { width:100%; }
.system_pop table td { text-align:center; font-family:Malgun Gothic, '留묒� 怨좊뵓', Dotum, '�룍��'; }
.system_pop table td.con { background:url(/images/index/system_pop_bg.png); padding:15px 0 23px 0; letter-spacing:-0.05em; border:1px solid #494949; }
div.ttl { text-align:center; color:#000; font-size:20px; font-weight:bold; line-height:33px; }
div.ttl .tp2 { color:#d81414; font-size:33px; }
div.time { color:#505050; font-size:12px; margin-top:20px; }
div.time span { display:inline-block; *zoom:1; *display:inline; width:52px; background:#777; color:#fff; margin-right:5px; }
div.con { color:#000; font-size:11px; width:243px; height:61px; padding:14px 0 0 65px; margin:0 auto; margin-top:20px; background:url(/images/index/system_pop_bg2.png) no-repeat; }
div.ps { color:#505050; font-size:12px; margin-top:15px; }

td.left {text-align:left;background:yellow;}
td.right {text-align:right;}
/* 141209 �떆�뒪�뀥 �젏寃��뙘�뾽 �뒪���씪 異붽� end*/


.cmm-popup{}
.cmm-popup *{box-sizing:border-box;}
.cmm-popup .cmm-popup-dim{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);position:fixed;left:0;top:0;z-index:101;}
.cmm-popup .cmm-popup-wrap{width:auto;max-width:740px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:102;}
.cmm-popup .cmm-popup-wrap .popup-body{width:100%;max-height:calc(100vh - 30px);overflow-y:auto;}
.cmm-popup .cmm-popup-wrap .popup-body img{max-width:100%;width:100%;}
.cmm-popup .cmm-popup-wrap .popup-foot{position:relative;}
.cmm-popup .today_chk{height:30px;padding:5px 20px 6px;font-size:13px;color:#fff;letter-spacing:0;background-color:#343434;position:relative;text-align:left;}
.cmm-popup .today_chk input[type="checkbox"]{width:17px;height:17px;vertical-align:middle;}
.cmm-popup .today_chk label{vertical-align:middle;cursor:pointer;}
.cmm-popup .btn_pop_close{position:absolute;right:20px;bottom:0;font-size:13px;line-height:30px;font-weight:300;color:#fff;text-indent:0;}
.cmm-popup .btn_pop_close:after{content:'X';width:14px;height:14px;margin-left:4px;display:inline-block;vertical-align:0;text-align:center;background-color:#fff;font-size:13px;font-weight:500;line-height:13px;color:#343434;}