@charset "utf-8";

@import url("common.css");


body { font-family: '나눔고딕',"Dotum", "Gulim", Tahoma, Geneva, sans-serif; position:relative;zoom: 1; }

/* Layout */
#wrap { position:relative; width:100%;min-width:1100px;  }
#header { position:relative; width:100%; height:86px; background:#f8f8f8;}
#header .header_frame{position:relative;width:1100px;height:32px;margin:0 auto; }
#header_gnb {position:relative;width:100%; height:50px;margin:0 auto; background:#243238;}

#footer {width:100%; background:#555;position:fixed;left:0px;bottom:0px;width: 100%;}



#contens {position:relative; top:30px; width:100%; display:inline-block;}
#contens .contens_view {width:1100px; margin:0 auto 20px; position:relative; display:flex;}



/* header_frame */

.header_frame h1 {margin:14px 0 0 0; float:left; display:inline-block;}
.header_frame ul {float:right; display:inline-block; margin-top:24px;}
.header_frame ul li {float:left; font-size:12px; margin-left:10px;}
.header_frame ul li.snb01 {padding:9px 15px; background:#59af2b;}
.header_frame ul li.snb01 a {color:#fff;}
.header_frame ul li.snb01 a strong {font-size:12px;} 
.header_frame ul li.snb02 {padding:9px 15px; background:#525252;}
.header_frame ul li.snb02 a {color:#fff;}
.header_frame ul li.snb02 a strong {font-size:12px;} 


/* header_gnb */

.gnb {position:relative;width:1100px;margin:0 auto;}
.gnb ul li {float:left; display:inline-block;}
.gnb ul li a {color:#fff; font-size:14px; padding:16px 70px; display:inline-block;}
.gnb ul li a:hover {background:#374850; font-weight:bold;}
.gnb ul li.on {background:#374850; font-weight:bold;}

.gnb ul ul {margin-top:20px; position:absolute; top:40px; left:20px;}
.gnb li li {float:left; margin:0 10px; padding:0;}
.gnb li li a {font-size:12px; color:#000; padding:0 10px; font-weight:normal; display:inline-block;}
.gnb li li a:hover {font-weight:bold; background:none; color:#0b9f7d;}
.gnb li li.on2 a{font-weight:bold; color:#0b9f7d; background:none; padding:0;}





/* LNB */

.lnb {display:inline-block; width:200px; float:left;}
.lnb h2 {width:100%; text-align:center; margin:20px 0; font-weight:bold; font-size:24px;}
.lnb ul li {width:170px; margin-bottom:1px;}
.lnb ul li a{font-size:14px; background:#eceff1; width:170px; padding:17px 0 17px 30px; display:inline-block;}
.lnb ul li.current a {font-weight:bold; color:#fff; background:url('../img/common/lnb_bg.jpg') no-repeat; }
.lnb ul li a:hover {background:url('../img/common/lnb_bg.jpg') no-repeat; color:#fff; font-weight:bold;}

.location {width:1100px; margin:10px auto; position:relative;height:20px;}
.location span {font-size:12px; text-align:right; float:right;}
.location span strong {color:#0c1b3d; font-size:12px;}

/* conteans */

.contans_sub {display:inline-block; width:880px; margin:40px 0 0 20px; float:left;}

.contans_sub #more {padding:10px 0; cursor:pointer; text-align:center; background:#5b5b5b; color:#fff; font-size:12px; margin:5px 0; display:inline-block; width:100%;}
.contans_sub #more1 {padding:10px 0; cursor:pointer; text-align:center; background:#5b5b5b; color:#fff; font-size:12px; margin:5px 0; display:inline-block; width:100%;}



#frm1 {display:inline-block; width:100%;}
.serch {float:right;}
.serch_input {width:150px; border:1px solid #e5e5e5; font-size:12px; height:24px;}
.serch_input2 {width:100px; border:1px solid #e5e5e5; font-size:12px; height:24px;}
.serch .selecth_list {font-size:12px; border:1px solid #e5e5e5; font-size:12px; height:24px;}
.serch span {font-size:12px;}

.serch2 {width:100%;}
.serch2 span {font-size:12px; margin-right:10px;}
.serch2 p {margin:5px 0; width:100%; display:inline-block;}
.serch2 .line22 {width:100%; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}


.list_btn1 {background:#959c9f; padding:5px 10px; }
.list_btn1 a {color:#fff; font-size:12px;}

.list_btn2 {background:#1f3350; padding:5px 10px; margin-left:10px;}
.list_btn2 a {color:#fff; font-size:12px;}

.page_list {width:100%; margin:10px 0 40px; display:inline-block;}
.p_list ul {display:inline-block;}
.p_list ul li {float:left; margin:0 2px; font-size:12px;}

.page_list2 {width:100%; margin:10px auto 40px; display:inline-block; text-align:center;}

.join_input {width:150px; border:1px solid #e5e5e5; font-size:12px; height:24px;}
.join_input2 {width:60px; border:1px solid #e5e5e5; font-size:12px; height:24px;}

.sarch_tit {width:100%; margin:10px 0; font-size:14px; font-weight:bold;}


/* footer */

.footer_txt {font-size:12px; color:#fff; position:relative;width:1080px;height:32px;margin:0 auto; padding:16px 0 0 20px; text-align:center;}


/*   board table */

.list { clear:both; width:100%; color:#353535; border-top:3px solid #223550; border-bottom:1px solid #d7d7d7; line-height:normal; margin:20px 0; }
.list thead th { text-align:center; font-weight:bold;  border:1px solid #d7d7d7; padding:12px 0; color:#333333; background:#f7f7f7; font-size:12px; }
.list th { text-align:center; font-weight:600;  border:1px solid #d7d7d7;  padding:12px 0; color:#333333; background:#f7f7f7; font-size:12px; }
.list th.th { text-align:center; font-weight:600; border:1px solid #d7d7d7;  padding:12px 0; color:#333333; background:#fff; font-size:12px; }
.list td { text-align:center; padding:12px 10px; letter-spacing:0; border:1px solid #d7d7d7;  vertical-align:middle; font-size:12px; }
.list .w_txt { border:1px solid #cecece; height:22px; padding:0 5px; }
.list .txt_left { padding:12px 12px; }

.list2 { clear:both; width:100%; color:#353535; border-top:3px solid #223550; border-bottom:1px solid #d7d7d7; line-height:normal; margin:20px 0; }
.list2 thead th { text-align:center; font-weight:bold;  border:1px solid #d7d7d7; padding:12px 0; color:#333333; background:#f7f7f7; font-size:12px; }
.list2 th { text-align:center; font-weight:600;  border:1px solid #d7d7d7;  padding:12px 0; color:#333333; background:#f7f7f7; font-size:12px; }
.list2 th.th { text-align:center; font-weight:600; border:1px solid #d7d7d7;  padding:12px 0; color:#333333; background:#fff; font-size:12px; }
.list2 td { text-align:left; padding:12px 10px; letter-spacing:0; border:1px solid #d7d7d7;  vertical-align:middle; font-size:12px; }
.list2 .w_txt { border:1px solid #cecece; height:22px; padding:0 5px; }
.list2 .txt_left { padding:12px 12px; }



.list3 { clear:both; width:100%; color:#353535; border-top:3px solid #223550; border-bottom:1px solid #d7d7d7; line-height:normal; margin:20px 0; }
.list3 thead th { text-align:center; font-weight:bold;  border:1px solid #d7d7d7; padding:12px 0; color:#333333; background:#f7f7f7; font-size:12px; }
.list3 th { text-align:center; font-weight:600;  border:1px solid #d7d7d7;  padding:12px 0; color:#333333; background:#f7f7f7; font-size:12px; }
.list3 th.th { text-align:center; font-weight:600; border:1px solid #d7d7d7;  padding:12px 0; color:#333333; background:#fff; font-size:12px; }
.list3 td { text-align:center; padding:12px 5px; letter-spacing:0; border:1px solid #d7d7d7;  vertical-align:middle; font-size:11px; }
.list3 .w_txt { border:1px solid #cecece; height:22px; padding:0 5px; }
.list3 .txt_left { padding:12px 12px; }



/*  설치페이지  */

#install {position:relative;margin:0 auto; width:100%;}
#ins {width:650px; height:654px; background:url('../img/sub/install_bg.jpg') no-repeat;margin:0 auto; position:relative; }
.ins_tab01{width:571px; padding:160px 0 0 30px; display:inline-block;}
.ins_tab01 .ins_box01{padding:40px 0 0 20px; background:url('../img/sub/install_tab1_bg.jpg') no-repeat; width:561px; height:78px;}
.ins_tab01 .ins_box01 p {font-size:12px; line-height:1.6em;}

.ins_btn {float:right; display:inline-block; margin:2px 0;}

.ins_tab02{width:571px; padding:0 0 0 30px; display:inline-block;}
.ins_tab02 .ins_box02{padding:40px 0 0 20px; background:url('../img/sub/install_tab2_bg.jpg') no-repeat; width:561px; height:62px;}
.ins_tab02 .ins_box02 p {font-size:12px; line-height:1.6em;}

.ins_tab03{width:571px; padding:0 0 0 30px; display:inline-block;}
.ins_tab03 .ins_box03{padding:40px 0 0 20px; background:url('../img/sub/install_tab3_bg.jpg') no-repeat; width:561px; height:40px;}
.ins_tab03 .ins_box03 p {font-size:12px; line-height:1.6em;}

.ins_center {width:100%; text-align:center; display:inline-block; margin-top:0px;}

/* 유저 로그인 페이지 */

.user_login {width:432px; height:400px; background:url('../img/common/user_bg.jpg') no-repeat;margin:5px auto 0; position:relative; }
.user_login .user_logo {margin:10px 0 10px 0; width:100%; text-align:center; display:inline-block;}
.user_login .user_tit {width:100%; text-align:center;  display:inline-block;}
.user_login .input_b {display:inline-block; padding:25px 26px 20px; text-align:center; width:380px;}
.user_login .input_b .input_tt input {width:80%; height:38px; margin:10px 0; padding:0px 10px ; border:1px solid #efefef; display:block; margin:10px auto; font-size:14px;}
.user_login .input_b .user_chk {font-size:14px; display:inline-block; width:100%; text-align:left; margin-left:70px;}
.user_login .input_b .input_btn {margin-top:10px; display:inline-block;}

/* 관리자 로그인 샘플 페이지 */

.sp_box {display:table; width:700px; height:700px; background:url('../img/common/sample_bg01.jpg') no-repeat;margin:0 auto; position:relative; }
.sp_box2 {display:table; width:700px; height:700px; background:url('../img/common/sample_bg02.jpg') no-repeat;margin:0 auto; position:relative; }
.sp_box3 {display:table; width:700px; height:700px; background:url('../img/common/sample_bg03_123.jpg') no-repeat;margin:0 auto; position:relative; }
.sp_box4 {display:table; width:700px; height:700px; background:url('../img/common/sample_bg04.jpg') no-repeat;margin:0 auto; position:relative; }

.sp_txt_box {margin:35px 0 0 80px; width:620px; display:inline-block;}
.sp_txt_box .sp_tt {font-size:16px; font-weight:bold;}

.sp_txt_box .sp_tt  .sp_bul {vertical-align:middle; margin-right:10px; display:inline-block; background:url('../img/common/sample_bul.jpg') no-repeat -9px 0; width:9px; height:9px; padding-top:5px;}
.sp_txt_box .sp_tt  .sp_bul2 {vertical-align:middle; margin-right:10px; display:inline-block; background:url('../img/common/sample_bul.jpg') no-repeat -18px 0; width:9px; height:9px; padding-top:5px;}
.sp_txt_box .sp_tt  .sp_bul3 {vertical-align:middle; margin-right:10px; display:inline-block; background:url('../img/common/sample_bul.jpg') no-repeat -27px 0; width:9px; height:9px; padding-top:5px;}
.sp_txt_box .sp_tt  .sp_bul4 {vertical-align:middle; margin-right:10px; display:inline-block; background:url('../img/common/sample_bul.jpg') no-repeat 0 0; width:9px; height:9px; padding-top:5px;}


.sp_txt_box .sp_tt2 {font-size:12px; line-height:1.8em; padding-left:20px; margin:30px 0 20px 0;}
.sp_chk {font-size:12px; float:right; margin:10px 80px 0 0;}

.sp_in_box {width:370px; margin:90px 0 0 260px;}
.sp_in_box2 {width:370px; margin:120px 0 0 260px;}

.tb22 {border:0; width:100%;}
.tb22 td {border:0; vertical-align:middle;}
.tb22 .sp_text {font-size:12px; width:190px; height:32px; border:1px solid #efefef;}
.tb22_txt {font-size:11px; color:#fff; padding:10px 0 0 74px; display:block; line-height:1.6em;}

.sp_btn {display:inline-block; text-align:center; width:100%; margin-top:65px;}
.sp_btn ul {display:inline-block;}
.sp_btn li {float:left; margin:0 10px;}


/* 무료신청 */

.free {width:600px; height:680px; background:url('../img/common/free_bg.jpg') no-repeat;margin:0 auto; position:relative; }
.free .free_b {padding:20px;}
.free .free_b .free_box {background:#efefef; padding:20px 10px; font-size:12px; text-align:center; margin:100px 20px 30px;}

.free .free_b .f_tb {border:0; width:100%; font-size:12px; padding:0 20px; display:inline-block;}
.free .free_b .f_tb th {font-weight:bold; padding:0 0 0 10px; font-size:12px; width:120px; height:30px;}
.free .free_b .f_tb td {font-size:12px;}
.free .free_b .f_tb td .free_input01 {font-size:12px; width:100px; height:20px; border:1px solid #efefef; margin-bottom:10px;}
.free .free_b .f_tb td .free_input02 {font-size:12px; width:160px; height:20px; border:1px solid #efefef; margin-bottom:10px;}
.free .free_b .f_tb td .free_input03 {font-size:12px; width:400px; height:20px; border:1px solid #efefef; margin-bottom:10px;}
.free .free_b .f_tb td .free_input04 {font-size:12px; width:30px; height:20px; border:1px solid #efefef; margin-bottom:10px;}

.free .free_b .f_tb td .btn01 {border:1px solid #eaeaea; padding:2px 4px;}
.free .free_b .f_tb td .btn01 a {font-size:12px; color:#000;}

.free_btn {margin:30px 0 50px 0; text-align:center; display:inline-block; width:100%;}
.free_btn ul {display:inline-block;}
.free_btn ul li {float:left; margin:0 10px;}

.free_copyright {font-size:12px; color:#fff; width:100%; text-align:center; display:inline-block;}