@charset "utf-8";
/* CSS Document */

@import url(nanumgothic.css);
body { border:0;margin:0;padding:0; font-family: 'Noto Sans KR', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;}
body,h1,h2,h3,h4,th,td,input,select{color:black;}

div,ul,li,ol,dd,input {
	border:0;margin:0;padding:0;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:black;outline:none; font-weight:normal;color:#333333;
	vertical-align:top;
}

table {border-collapse:collapse;border-spacing:0;padding:0;border:0;box-sizing:border-box;}
th, td {padding:0;vertical-align:top;}
img{border:0;}
frame { border:0; border:none; margin:0px; padding:0px;}
form { margin:0px; padding:0px; }
li {list-style:none}
a{text-decoration:none;outline:none;cursor:pointer;color:#333333}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}

input[type=checkbox] { margin-top: 5px; }
.pointer {cursor:pointer;}



#slider {width:100%; height:408px;margin:0 auto;   position:relative; }
#slider .main_on { z-index:100}
#slider .common {width:100%;  height:408px; margin:0 auto;position:absolute;  z-index:100; text-align:center}
#slider .img_1 { width:100%; height:408px; margin:0 auto;background:#212835; text-align:center}
#slider .img_2  {width:100%;height:408px; margin:0 auto;background:#2d230e;text-align:center}

#slider .imgbg1 {width:100%;height:408px; margin:0 auto;background:url(../images/banner_main_181201.jpg) no-repeat; background-position:center; text-align:left; position:relative}
#slider .imgbg1 li { list-style:none; }
#slider .imgbg1  .imgbg1_txt1 {width:1000px; margin:0 auto; line-height:40px;  text-align:left; padding-top:130px; letter-spacing:-2px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; }
#slider .imgbg1  .imgbg1_txt2 {width:1000px; margin:0 auto; line-height:20px;text-align:left; padding-top:20px;letter-spacing:0px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; }

#slider .imgbg2 {width:100%;height:408px; margin:0 auto;background:url(../images/banner_main2_181202.jpg) no-repeat; background-position:center;   text-align:left;position:relative}
#slider .imgbg2 li { list-style:none; }
#slider .imgbg2  .imgbg2_txt1 {width:1000px;margin:0 auto; line-height:40px;    text-align:left; padding-top:130px;letter-spacing:-2px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; }
#slider .imgbg2  .imgbg2_txt2 {width:1000px;margin:0 auto; line-height:20px;  text-align:left; padding-top:20px;letter-spacing:0px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; }



/*### 메인미니박스 ###*/
#main_mid .main_evbox_tot {  width:1100px;   margin:0 auto; text-align:right;  position:relative;    }
#main_mid .main_evbox_tot .main_evbox_tot_s {  width:294px; position:absolute; top:25px; right:0px; z-index:200}
.main_evbox { width:294px;  height:350px; margin-top:0px; background-color:#fff; -webkit-border-radius: 15px 0px 15px 0px; -moz-border-radius:15px 0px 15px 0px;
border-radius:15px 0px 15px 0px;} 
.main_evbox .evboxbg { width:90%; height:92%; margin:0 auto; position:relative;}
.main_evbox .evboxbg.evbg1 {background:url(../images/icon/icon_gift.png) no-repeat; background-position:bottom right; background-size:25%}
.main_evbox .evboxbg.evbg2 {background:url(../images/icon/icon_safe.png) no-repeat;background-position:bottom right; background-size:25%}

.main_evbox .evboxbg .evboxbg_s {width:100%; }
.main_evbox .evboxbg .evboxbg_s li { width:100%;list-style:none; }
.main_evbox .evboxbg .evboxbg_s .title1 { width:100%; height:70px;line-height:70px; margin-bottom:5px;font-size:1.6em; font-weight:bold; color:#000; text-align:left; border-bottom:1px solid #cccccc ; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;  letter-spacing:-1px;} 
.main_evbox .evboxbg .evboxbg_s .title2 { width:90%; line-height:170%;   font-weight:400; color:#333; text-align:left; word-break:break-all; word-wrap:break-word; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; } 
.main_evbox .evboxbg .evboxbg_s .btn_evbox{ width:100%; line-height:35px; height:35px; margin:0 auto; font-size:1em;  color:#fff; text-align:center; cursor:pointer; background-color:#f48f1f; position:absolute; bottom:0px; left:0px;cursor:pointer;
-webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; font-weight:bold}
.main_evbox .evboxbg .evboxbg_s .tline_t { border-top:1px solid #cccccc ;}
.main_evbox .evboxbg .evboxbg_s .tline_bgb { background-color:#000;color:#fff;padding:2px }


.hig15 { clear:both; width:100%; margin:0 auto; height:15px;}




/*### 로그인 레이어 ###*/
.bg_black50 {width:100%;height:100%;background:url(../images/bg_black50.png) repeat;margin:0 auto;position:absolute; z-index:900;}

.login_pop { width:550px; margin:0 auto; padding-top:7%; }
.login_pop .login_pop_s { width:100%; margin:0 auto; background-color:#ffffff; padding-bottom:20px; -webkit-border-radius:0px 0px 10px 10px ;position:relative ;
-moz-border-radius:0px 0px 10px 10px; 
border-radius:0px 0px 10px 10px }
.popup_close { width:50px; height:50px;line-height:50px; background:url(../images/popup_btn_close.png) no-repeat; background-color:#F00; background-position:center; position:absolute; top:0px; right:-50px;cursor:pointer; }
.btn_login { clear:both; width:90%; height:50px;line-height:50px; margin:0 auto; background-color:#4763be; text-align:center; font-weight:bold;font-size:1.2em; color:#FFF;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer; margin-bottom:10px;margin-top:10px;}
.btn_mfa { clear:both; width:90%; height:50px;line-height:50px; margin:0 auto; background-color:#4763be; text-align:center; font-weight:bold;font-size:1.2em; color:#FFF;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer; margin-bottom:10px;margin-top:10px;}

.blackbg_gra_no {clear:both; width:100%; height:100%;  margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:5000;background:url('../images/bg_black50.png') repeat;}

.login_pop { width:550px; margin:0 auto; padding-top:10%; }
.login_pop .login_pop_s { width:100%; margin:0 auto; background-color:#ffffff; padding-bottom:20px; -webkit-border-radius:0px 0px 10px 10px ;position:relative ;
-moz-border-radius:0px 0px 10px 10px; 
border-radius:0px 0px 10px 10px }

.login_pop_s .login_tab { width:100%; margin:0 auto; display:inline-table; position:relative; top:-44px; cursor:pointer;  }
.login_pop_s .login_tab li { width:50%; height:45px; line-height:45px;  list-style:none; text-align:center; display:table-cell; background-color:#000000; color:#fff; font-size:1em; font-weight:bold;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; }
.login_pop_s .login_tab li:hover { width:50%; height:45px; line-height:45px;  list-style:none; text-align:center; display:table-cell; background-color:#fff; color:#000000; font-size:1em; font-weight:bold;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; }
.login_pop_s .login_tab li.on { width:50%; height:45px; line-height:45px;  list-style:none; text-align:center; display:table-cell; background-color:#fff; color:#000000; font-size:1em; font-weight:bold;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; }

.login_pop .login_pop_s .login_pop_s_tot { width:90%; height:auto; margin:0 auto;} 
.login_pop .login_pop_s .login_pop_s_tot .title { width:100%; height:30px; line-height:30px; margin:0 auto; background:url(../images/pop_lgoo1.png) no-repeat; background-position:left; border-bottom: #cccccc 1px solid; margin-bottom:20px;}
.login_pop_s .title span { float:right; text-align:right; font-size:11px;}

.login_pop .login_pop_s .login_pop_s_tot .lopop_fom {  width:100%; margin:0 auto;}
.login_pop .login_pop_s .login_pop_s_tot .lopop_fom li { list-style:none;}

.login_pop .login_pop_s .login_mfa_pop_s_tot { width:90%; height:auto; margin:0 auto;} 
.login_pop .login_pop_s .login_mfa_pop_s_tot .mfapop_fom {  width:100%; margin:0 auto;}
.login_pop .login_pop_s .login_mfa_pop_s_tot .mfapop_fom li { list-style:none;}

.lopop_fom .txt { width:100%; text-align:left;height:15px;line-height:15px; color:#000000; font-size:12px}
.lopop_fom .txt2 { text-align:left;height:30px;line-height:30px; color:#000000; font-size:12px}
.lopop_fom .txtR {  text-align:left;height:30px;line-height:30px; color:#000000; font-size:12px; float:right;}

.mfapop_fom .txt { width:100%; text-align:left;height:15px;line-height:15px; color:#000000; font-size:12px}
 
.lopop_fom .joic {width:20px; height:35px;line-height:35px; text-align:center;  float:left;font-size:11px  }
.lopop_fom  .input_id { width:100%; height:36px;line-height:36px; background-color:#ffffff; background:url(../images/icon/icon_id.png) 10px 10px no-repeat; border: #ffffff 0px solid; text-indent:30px;
-webkit-border-radius:5px ; border: #cccccc 1px solid;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; } 
.lopop_fom  .input_id:focus {background-color:#e9f3ff;}
.lopop_fom  .input_pw { width:100%; height:36px;line-height:36px; background-color:#ffffff; background:url(../images/icon/icon_pw.png) 10px 10px no-repeat; border: #ffffff 0px solid; text-indent:30px;
-webkit-border-radius:5px ; border: #cccccc 1px solid;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; } 
.lopop_fom  .input_pw:focus {background-color:#e9f3ff;}
.lopop_fom  .input_mail { width:30%; height:36px;line-height:36px; background-color:#ffffff; border: #ffffff 0px solid; text-indent:5px;
-webkit-border-radius:5px ; border: #cccccc 1px solid;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; float:left } 
.lopop_fom  .input_mail:focus {background-color:#e9f3ff;}
.mfapop_fom  .input_mfa { width:100%; height:36px;line-height:36px; background-color:#ffffff; background:url(../images/icon/icon_pw.png) 10px 10px no-repeat; border: #ffffff 0px solid; text-indent:30px;
-webkit-border-radius:5px ; border: #cccccc 1px solid;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; } 
.mfapop_fom  .input_mfa:focus {background-color:#e9f3ff;}


.lopop_fom .input_select { width:33%; height:38px;line-height:38px; margin:0 auto; background-color:#ffffff; color:#000; -webkit-border-radius:5px ; border: #cccccc 1px solid;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px; float:right ; text-align:center; }
.lopop_fom .input_select:hover { background-color:#e9f3ff; }
.lopop_fom .input_select select { width:95%; height:30px;line-height:30px; margin:0 auto; text-align:center; border: #ffffff 0px solid; } 
.lopop_fom .input_select select:focus { background-color:#e9f3ff;}

.pop_use { clear:both;  width:90%; height:40px; line-height:18px; margin:0 auto; overflow:hidden; background-color:#ffffff; font-size:10px; border:#cccccc 1px solid; margin-top:10px; color:#666 }
.pop_use_sk { clear:both;  width:90%;  margin:0 auto; }
.pop_use_sk li {list-style:none; height:40px; line-height:40px; display:inline-block;font-size:11px; padding-right:20px;}







/*### 로그인박스 ###*/
#main_mid  .login_tot { width:100%;  height:408px; margin:0 auto;  position:absolute; z-index:200}
#main_mid  .login_tot  .login_tot_s { width:1100px;  height:408px; margin:0 auto; position:relative; }
#main_mid  .login_tot  .login_tot_s .login {width:294px; height:408px; background-color:#ffffff; position:absolute; top:0px; right:0px; z-index:200} 
.login_s { width:90%; margin:0 auto;  }
.login_s li { list-style:none}
.login_s .title { width:100%; height:30px; line-height:30px; margin-top:20px; text-align:left;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:1.1em; color:#000000; border-bottom:#CCC 1px solid; }
.login_bx {width:100%; padding-top:15px; }
.login_bx li { list-style:none; height:35px; margin-bottom:5px}
.login_bx .input_tit{width:20%; float:left;height:35px; line-height:35px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:12px; color:#666666; }
.login_bx .input_tit2{ float:right; height:25px; line-height:25px;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:11px; color:#666666; }
.login_bx .input_bx { width:80%; float:right; height:35px; line-height:35px; text-align:left; background-color:#ffffff; border:#0066CC 1px solid}
.login_bx .input_bx:hover { border:#3270d6 1px solid; background-color:#eff5fe}
.login_bx .input_bx .input_login { width:90%; height:30px; line-height:2.5em; padding-left:5px; background-color:#ffffff;}
.login_bx .input_bx .input_login:hover  {border:#eff5fe 1px solid; background-color:#eff5fe}
.login_s .btn_login { clear:both; width:100%; background-color:#0066CC ; height:40px; line-height:40px; text-align:center; color:#FFFFFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:1.2em;cursor:pointer}
.login_s .btn_login:hover { background-color:#0544ab ;}
.login_s .btn_find { width:49%; background-color:#ffffff ; height:25px; line-height:25px; margin-top:10px; text-align:center;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:11px;color:#818ca0; float:left; border:#818ca0 1px solid;cursor:pointer; letter-spacing:-1px;}
.login_s .btn_join { width:49%; background-color:#818ca0 ; height:25px; line-height:25px; margin-top:10px;  text-align:center;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:11px; color:#FFFFFF; float:right; border:#818ca0 1px solid;cursor:pointer;}

.login_bx2 {width:100%; padding-top:15px; }
.login_bx2 i {font-size:1.2em; }
.login_bx2 li { list-style:none; }
.login_bx2 .mem_tit1 {height:35px; line-height:35px; text-align:left;color:#000000;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:16px ; }
.login_bx2 .mem_tit2 {height:25px; line-height:25px; text-align:left;color:#000000;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:16px ; }


/*### 공지박스 ###*/
#main_mid  .login_tot  .login_tot_s .login .noti { clear:both; width:100%; margin:0 auto; padding-top:15px; border-top:#666 1px dotted; padding-top:10px; position:relative}
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s { width:90%; margin:0 auto; }
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s .not_tit { width:100%; height:30px; line-height:30px;text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:1em; color:#000000; border-bottom:#CCC 1px solid;  position:relative}
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s .not_tit .noti_menu { float:right; margin-right:10px; font-size:11px; color:#666666; cursor:pointer}
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s li {width:100%; height:28px; line-height:28px; border-bottom:#999999 1px dotted; }
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s li:last-child  {width:100%; height:28px; line-height:28px; border-bottom:#ffffff 1px dotted; }
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s .tit_name { width:180px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400;   font-size:11px;color:#666666; float:left  } 
#main_mid  .login_tot  .login_tot_s .login .noti .noti_s .tit_date { float:right; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400;   font-size:11px; } 
#main_mid .main_mid_nav {  width:100%; height:45px; line-height:45px; margin:0 auto; text-align:center; background-color:#f48e15;position:relative  }
#main_mid .main_mid_nav li { list-style:none; display:inline-block; margin:0px 10px;  color:#fff; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700;   font-size:16px; padding:00px 30px; cursor:pointer ; text-align:center}





#sub_mid {width:100%; height:auto; margin:0 auto; text-align:center; padding-top:124px;background-color:#ffffff ;}
.banner_sub1  {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#26174b ;}
.banner_sub1 .bg1{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_01.jpg) no-repeat; background-position:center; position:relative}

.banner_sub2 {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#212f4b ;}
.banner_sub2 .bg2{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_02.jpg) no-repeat; background-position:center;position:relative}

.banner_sub3 {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#432417 ;}
.banner_sub3 .bg3{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_03.jpg) no-repeat; background-position:center;position:relative}

.banner_sub4 {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#28320a ;}
.banner_sub4 .bg4{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_04.jpg) no-repeat; background-position:center;position:relative}

.banner_sub5 {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#0f2545 ;}
.banner_sub5 .bg5{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_05.jpg) no-repeat; background-position:center;position:relative}

.banner_sub6 {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#2b2f36 ;}
.banner_sub6 .bg6{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_06.jpg) no-repeat; background-position:center;position:relative}

.banner_sub7 {width:100%; height:170px; margin:0 auto; text-align:center; background-color:#2b2f36 ;}
.banner_sub7 .bg7{ width:1100px;height:170px; margin:0 auto; background:url(../images/idc_sub_main_06.jpg) no-repeat; background-position:center;position:relative}


.sub_main_title1 { line-height:50px; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: bold; font-size:26px; letter-spacing:-0px;   color:#ffffff; padding-top:40px; padding-left:20px;}
.sub_main_title2 { line-height:20px; text-align:left; letter-spacing:-0px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400;font-size:14px; color:#ffffff; padding-top:00px;padding-left:20px;}
.sub_main_title3 { line-height:20px; text-align:left; letter-spacing:-1px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:12px;color:#cccccc; padding-top:0px;padding-left:20px;}

#sub_mid .sub_mid_s {width:1100px; height:170px; margin:0 auto; text-align:center; background-color:#cccccc; position:relative }
#sub_mid .sub_mid_s .sub_banner { width:100%;height:170px; text-align:left; background:url(../images/banner_main.jpg) no-repeat; background-position:left; }


/*### 서브 공지박스 ###*/
#sub_mid .sub_noti {clear:both;  width:350px; margin:0 auto;  position:absolute; top:30px; right:5px; }
.sub_noti .noti_s { width:90%; margin:0 auto; }
.sub_noti .noti_s .not_tit { width:100%; height:30px; line-height:30px;text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:1em;color:#ffffff; border-bottom:#CCC 1px solid;  position:relative}
.sub_noti .noti_s .not_tit .noti_menu { float:right; margin-right:10px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400; font-size:.8em; color:#ffffff; cursor:pointer}
.sub_noti .noti_s li {width:100%; height:28px; line-height:28px; border-bottom:#999999 1px dotted; }
.sub_noti .noti_s li:last-child  {width:100%; height:28px; line-height:28px; border-bottom:#ffffff 1px dotted; }
.sub_noti .noti_s .tit_name a{ width:180px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;font-size:11px; color:#ffffff; float:left  }
.sub_noti .noti_s .tit_date { float:right;font-size:11px;  color:#ffffff;} 


/*### 컨텐츠 시작  ###*/
#content {clear:both; width:100%; height:auto;margin:0 auto; text-align:center; }
#content .content_s{width:1100px; height:auto;margin:0 auto; text-align:center; padding-bottom:30px;}

/*###중간바 ###*/
.middle_var { clear:both;width:100%; height:auto; margin:0 auto; background:#e8ebf1; position:relative; margin-top:50px; }
.middle_var .middle_var_icon {width:100%; height:33px;margin:0 auto; text-align:center; background:url(../images/icon_middle.png) no-repeat; background-position:center; position:absolute; top:-30px;}

#content2 {clear:both; width:100%; height:auto;margin:0 auto; text-align:center;  background-color:#e8ebf1; }
#content2 .content_s2 {width:1100px; height:auto;margin:0 auto; text-align:center; padding-top:30px; }


/*###타이틀 ###*/
.banner_title_subw { width:100%; height:120px; margin:0 auto; text-align:center; background:url(../images/banner_title.png) no-repeat; background-position:top; padding-top:50px; margin-top:10px; }
.banner_title_subw  span  {  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:22px; color:#333; height:40px;line-height:40px; ; letter-spacing:-.8px}

.banner_title_w { width:100%; height:120px; margin:0 auto; text-align:center; background:url(../images/banner_titlenew.png) no-repeat; background-position:top; padding-top:60px; }
.banner_title_w span  { font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:26px; color:#333; height:40px;line-height:40px; letter-spacing:-.8px}

.banner_title_s { width:100%; height:120px; margin:0 auto; text-align:center; background:url(../images/banner_title2.png) no-repeat; background-position:top; padding-top:50px; }
.banner_title_s span  {  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:22px; color:#333; height:40px;line-height:40px; ; letter-spacing:-.8px}


.banner_title_no { width:100%; height:120px; margin:0 auto; text-align:center; padding-top:50px; }
.banner_title_no span  { font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 700; font-size:22px; color:#333; height:40px;line-height:40px; ; letter-spacing:-.8px}


/*###메인 주요서비스 ###*/
.mlist { width:100%;}
.mlist .mlist_bx {  width:260px; height:280px; background:#ffffff; border:#CCC 1px solid; display:inline-block; margin:5px; padding-top:5px; position:relative;cursor:pointer ;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
.mlist .mlist_bx .btn_go { width:120px; height:25px;  line-height:25px; background-color:#ffffff; border:#3270d6 1px solid;  position:absolute; bottom:10px; left:15px; color:#3270d6;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400;   font-size:14px; cursor:pointer  }	
.mlist .mlist_bx .btn_go:hover { width:120px; line-height:25px; height:25px; background-color:#3270d6; border:#3270d6 1px solid;  position:absolute; bottom:10px; left:15px; color:#FFFFFF;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: 400;   font-size:14px;  }	


.mlist .mlist_bx .mlist_bg1 { width:100%; height:104px; margin:0 auto; background:url(../images/main_img_01.jpg) no-repeat; background-size:90%; background-position:center; }	
.mlist .mlist_bx .mlist_bg2 { width:100%; height:104px; margin:0 auto; background:url(../images/main_img_02.jpg) no-repeat; background-size:90%;background-position:center; }	
.mlist .mlist_bx .mlist_bg3 { width:100%; height:104px; margin:0 auto; background:url(../images/main_img_03.jpg) no-repeat; background-size:90%;background-position:center; }
.mlist .mlist_bx .mlist_bg4{ width:100%; height:104px; margin:0 auto; background:url(../images/main_img_04.jpg) no-repeat; background-size:90%;background-position:center; }

.mlist .mlist_bx .tit1{ width:90%; height:40px;line-height:40px; margin:0 auto; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight: bold;   font-size:22px; }	
.mlist .mlist_bx .tit2{ width:90%; line-height:20px;margin:0 auto; text-align:left; font-size:11px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400;   font-size:13px;  letter-spacing:-0px;}	

/*### 메인 부가서비스 ###*/
#content2 .content_s2 .main_c2 { width:100%; height:auto; margin:0 auto; text-align:center;  padding-bottom:150px;}
#content2 .content_s2 .main_c2 li { width:173px; height:148px; list-style:none; display:inline-block; margin:10px 20px; cursor:pointer}
#content2 .content_s2 .main_c2 span{ list-style:none; line-height:50px; height:50px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:20px; letter-spacing:-0px;  }



/*### 회원가입###*/
#join { width:90%; height:auto; margin:0 auto; text-align:left;  } 
#join table { width:100%; background-color:#ffffff; border-top:#CCCCCC 2px solid ;border-bottom:#CCCCCC 1px solid }

#join table td  { border-bottom:#e2e2e2 1px solid; text-align:left; line-height:1.7em; padding:10px; vertical-align:middle;}
#join table th {  border-bottom:#e2e2e2 1px solid;  background-color:#f9f9f9;  height:30px; line-height:30px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight:bold;   font-size:14px;  letter-spacing:-1px;   border-right:#eff5fe 1px solid;  border-left:#eff5fe 1px solid; padding-left:20px;}
#join table caption { width:100%; text-align:left;  height:50px; line-height:50px; color:#000000; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight:700;   font-size:20px;    position:relative; margin-top:50px;}
#join table caption .cap_txt { height:20px; line-height:20px;position:absolute; top:20px; right:0px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight:400;   font-size:12px;  }
#join .btn_join { width:30%; height:50px; line-height:50px; background-color:#0066CC;  margin:0 auto; text-align:center; color:#FFFFFF;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight:700;   font-size:18px;   margin-top:30px; cursor:pointer }


/*### 게시판 폼###*/
#cs_form { width:100%; height:auto; margin:0 auto; text-align:left;  position:relative; } 
#cs_form table { width:100%; background-color:#ffffff; border-top:#CCCCCC 2px solid ;border-bottom:#CCCCCC 1px solid }

#cs_form table td  {  height:40px; border-bottom:#e2e2e2 1px solid; padding-top:5px; padding-bottom:5px; padding-left:10px;line-height:30px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400;font-size:16px; }
#cs_form table th {  border-bottom:#e2e2e2 1px solid;  background-color:#f9f9f9;  height:40px; line-height:40px;  border-right:#eff5fe 1px solid;  border-left:#eff5fe 1px solid; padding-left:20px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:16px; letter-spacing:-1px; }
#cs_form table caption { width:100%; text-align:left;  height:50px; line-height:50px; color:#000000; text-align:left;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:22px; letter-spacing:-1px; position:relative}
#cs_form table caption .cap_txt { height:20px; line-height:20px;position:absolute; top:20px; right:0px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700;font-size:12px;}
#cs_form .btn_cs_form { width:30%; height:50px; line-height:50px; background-color:#0066CC;  margin:0 auto; text-align:center; color:#FFFFFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700;font-size:18px; margin-top:30px; cursor:pointer }
#cs_form .cs_name { width:550px;  word-break:break-all;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400;font-size:16px; } 
#cs_form  .btn_cs_TR {width:20%; height:35px; line-height:35px; float:right; background-color:#0066CC;  margin:0 auto; text-align:center; color:#FFFFFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700;font-size:16px; margin-top:30px; cursor:pointer; }

.btn_set   {  clear:both;  width:100%; height:50px; margin:0 auto; position:relative;margin-bottom:20px; }
.btn_set li { list-style:none; }
.btn_set  .btn_cs_R { width:150px;  line-height:35px;  height:35px; float:right;  cursor:pointer;  margin:0 auto; text-align:center; margin-top:30px; color:#FFFFFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700;font-size:16px;  cursor:pointer; }
.btn_set  .btn_cs_L{ width:150px;  line-height:35px;   height:35px; float:left; cursor:pointer;  margin:0 auto; text-align:center; margin-top:30px;margin-right:5px;    color:#FFFFFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700;font-size:16px; cursor:pointer; }


.color_b { background-color:#0066CC}
.color_s { background-color:#666666}

.join_input { width:200px; height:30px; line-height:30px; background-color:#fff; border:#999999 1px solid; text-align:left; padding-left:5px;  }
.join_input:hover { border:#3270d6 1px solid; background-color:#eff5fe}

.join_input2 { width:90px;height:30px; line-height:30px; background-color:#fff; border:#999999 1px solid;text-align:center }
.join_input2:hover { border:#3270d6 1px solid; background-color:#eff5fe}

.join_input3 { width:80%; height:30px; line-height:30px; background-color:#FFF; border:#999999 1px solid;text-align:center  }
.join_input3:hover { border:#3270d6 1px solid; background-color:#eff5fe}

.join_addr1 { width:30%; height:30px; line-height:30px; background-color:#FFF; border:#999999 1px solid; padding:2px;text-align:center   }
.join_addr1:hover { border:#3270d6 1px solid; background-color:#eff5fe}

.join_addr2 { width:60%; height:30px; line-height:30px; background-color:#FFF; border:#999999 1px solid;; padding:2px;text-align:center }
.join_addr2:hover { border:#3270d6 1px solid; background-color:#eff5fe}


.join_radio { vertical-align:middle; cursor:pointer; }
.join_radio_label { vertical-align:middle; font-weight:bold; cursor:pointer; line-height:1.5em; }
.txt_span {color:#666; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400;font-size:14px; }
.txt_span2 { height:15px; line-height:15px; padding-top:5px;color:#666;font-size:12px; background-color:#333399}


.txt_star { color:#FF0000; padding-right:10px;}
.btn_miniB { width:100px; text-align:center;  height:30px; line-height:30px; background-color:#818ca0 ;color:#ffffff;  margin-left:10px; float:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:12px;cursor:pointer}
.btn_miniB:hover { background-color:#3270d6 ;}
 input[id="agree_yak"] {position: relative; top:9px;}
 label[for="agree_yak"] { position: relative;top:0px;left:10px;}
 input[id="agree_privacy"] {position: relative; top:9px;}
 label[for="agree_privacy"] { position: relative;top:0px;left:10px;}

 
.iframe {width:99%; height:100px; line-height:25px; display:block;  background-color:#FFF; border:#CCCCCC 1px solid;}



.btn_bottom { width:100%; height:auto; margin:0 auto; text-align:center;}
.btn_bottom li { list-style:none;display:inline-block; margin:50px 20px; cursor:pointer  }
.btn_bottom .btn_email { width:30%; height:40px; line-height:40px; background-color:#0066CC; color:#FFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:16px; }
.btn_bottom .btn_tel  {width:30%;height:40px;  line-height:40px; background-color:#0066CC; color:#FFF;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:16px;}


/*### 서브_회사소개  ###*/
.content_s .sub_m1_tot {width:100%;margin:0 auto;}

.sub_m1_tot .sub_m1_tit { width:100%; height:157px; margin:0 auto; text-align:left; background:url(../images/company_tit.jpg) no-repeat; background-position:left;}
.sub_m1_tot .sub_m1_info1 {width:90%;height:auto; padding-top:0px; line-height:25px; margin:0 auto; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px; }

.sub_m1_tot .sub_m1_info2 { width:90%;margin:0 auto; padding-top:50px;  }
.sub_m1_tot .sub_m1_info2 .sub1_bx { clear:both; min-height:200px; margin:0 auto; }
.sub_m1_tot .sub_m1_info2 .sub1_bx li { list-style:none; float:left; text-align:left; }
.sub_m1_tot .sub_m1_info2 .sub1_bx .m1_img { width:300px; height:126px; background:url(../images/company_m1.jpg) no-repeat;margin-right:20px;}
.sub_m1_tot .sub_m1_info2 .sub1_bx .m2_img { width:300px; height:126px; background:url(../images/company_m2.jpg) no-repeat;margin-right:20px;}
.sub_m1_tot .sub_m1_info2 .sub1_bx .m3_img { width:300px; height:126px; background:url(../images/company_m3.jpg) no-repeat;margin-right:20px;}
.sub_m1_tot .sub_m1_info2 .sub1_bx .m4_img { width:300px; height:126px; background:url(../images/company_m4.jpg) no-repeat;margin-right:20px;}
.sub_m1_tot .sub_m1_info2 .sub1_bx .m5_img { width:300px; height:126px; background:url(../images/company_m5.jpg) no-repeat;margin-right:20px;}
.sub_m1_tot .sub_m1_info2 .sub1_bx .m1_txt1 { width:65%; line-height:45px;float:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:24px;}
.sub_m1_tot .sub_m1_info2 .sub1_bx .m1_txt2 { width:65%; line-height:25px;float:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:15px; }


/*###타이틀 ###*/

.map {width:100%; height:600px;  margin:0 auto; padding-bottom:100px;    }
.map .mapL {width:60%; float:left;}
.map .mapL li  { width:100%;list-style:none;   text-align:left;line-height:25px; display:block;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px; }

.map .mapR { width:38%; float:right; padding-top:50px;}
.map .mapR  table {width:100%; margin:0 auto; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;border-top:#666666 2px solid; border-bottom:#666666 2px solid; }
.map .mapR  table  td  {line-height:45px;height:45px; border-bottom:#666666 1px solid; padding-left:15px; }
.map .mapR  table th { line-height:45px;height:45px;  border-bottom:#666666 1px solid;  padding-left:15px; }
.map .mapR  table  th:last-child {border-right:#e2e2e2 1px solid;} 
.map .mapR  table  caption { width:100%; text-align:left;  height:50px; line-height:50px; color:#000000; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:20px; position:relative}


/*### 서브_코로케이션  ###*/
.content_s .sub_m2_tot  {width:100%; margin:0 auto;}
.content_s .sub_m2_tot .sub_m2_info1 {width:95%;height:auto; line-height:28px; margin:0 auto; text-align:left;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;   padding-bottom:30px;  padding-top:30px;}
.sub_m2_tot table {width:95%; margin:0 auto; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:14px; }
.sub_m2_tot table td  {line-height:40px;height:40px; border-bottom:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; }
.sub_m2_tot table td:first-child {border-left:#e2e2e2 1px solid;}

.sub_m2_tot table th { line-height:40px;height:40px; background-color:#f9f9f9;  border-bottom:#e2e2e2 1px solid;  border-left:#e2e2e2 1px solid;   border-top:#e2e2e2 1px solid; text-align:center  }
.sub_m2_tot table th:last-child {border-right:#e2e2e2 1px solid;} 

.sub_m2_tot table caption { width:100%; text-align:left;  height:40px; line-height:40px; color:#000000; text-align:left;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:20px;  position:relative}

/*### 서브_서버호스팅  ###*/
.content_s .sub_m3_tot  {width:100%; margin:0 auto;}
.content_s .sub_m3_tot .sub_m3_info1 {width:95%;height:auto; line-height:28px; margin:0 auto; text-align:left;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;  padding-top:30px;}
.content_s .sub_m3_tot .ser_bx { width:100%; margin:0 auto; padding-top:50px;}

.content_s .sub_m3_tot .ser_bx_m1 {width:45%; height:auto; border:#CCC 1px solid; display:inline-block; margin:10px; padding-top:10px; padding-bottom:20px; position:relative;  border:#CCCCCC 1px solid;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.content_s .sub_m3_tot .ser_bx_m1 .icon_sale { width:100px; position:absolute; top:-5px; left:10px; }
.content_s .sub_m3_tot .ser_bx_m1 .icon_sale li { list-style:none }
.content_s .sub_m3_tot .ser_bx_m1 .icon_sale .icon_sale_top {width:100px; height:80px; line-height:80px; background-color:#FF0000; text-align:center; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:30px;   color:#FFFFFF; } 
.content_s .sub_m3_tot .ser_bx_m1 .icon_sale .icon_sale_bot {width:100px; height:50px; border-left: 50px solid transparent;border-right:50px solid transparent;border-top:40px solid #FF0000;}

	
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_img1 { width:95%; height:230px; background:url(../images/img_server1.jpg) no-repeat; background-position:center}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_img2 { width:95%; height:230px; background:url(../images/img_server2.jpg) no-repeat; background-position:center}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_img3 { width:95%; height:230px; background:url(../images/img_server3.jpg) no-repeat; background-position:center}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_img4 { width:95%; height:230px; background:url(../images/img_server4.jpg) no-repeat; background-position:center}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_img5 { width:95%; height:230px; background:url(../images/img_server5.jpg) no-repeat; background-position:center}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_img6 { width:95%; height:230px; background:url(../images/img_server6.jpg) no-repeat; background-position:center}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_txt1 { width:95%; line-height:50px; margin:0 auto; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:30px;   border-bottom:#ccc 1px solid}
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_txt2 { width:95%; line-height:50px; margin:0 auto; text-align:left; border-bottom:#ccc 1px solid ;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; font-weight:700; font-size:30px; }
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_txt3 { width:95%;  margin:0 auto; text-align:left; border-bottom:#ccc 1px solid;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif; }
.content_s .sub_m3_tot .ser_bx_m1 .ser_bx_txt3 p{ line-height:15px; text-align:left; display:block}



/*### 서브_cdn ###*/
.sub_m4_tot  {width:100%; margin:0 auto; padding-bottom:20px; }

.sub_m4_tot .sub_m4_info1 {width:95%;height:auto; line-height:28px; margin:0 auto; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;  padding-bottom:20px; padding-top:30px; }
.sub_m4_tot .sub_m4_img {width:95%;height:auto; margin:0 auto; text-align:center; padding-bottom:0px; padding-top:00px;  border:1px solid #e2e2e2; background-color:#ffffff; }


.sub_m4_tot  .cdn_m_tit { width:100%; margin:0 auto; padding:30px 00px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; }
.sub_m4_tot  .cdn_m_tit .cdn_m_tit_s { width:95%; margin:0 auto; }
.sub_m4_tot  .cdn_m_tit .cdn_m_tit_s li { list-style:none}
.sub_m4_tot  .cdn_m_tit .cdn_m_tit_s .cdn_tcolor { width:15%; height:10px; margin:0 auto;margin:0 auto; text-align:center;  }
.sub_m4_tot  .cdn_m_tit .cdn_m_tit_s .cdn_tit {  clear:both;width:100%;  line-height:200%;  text-align:center; font-weight:bold; font-size:2.2em; letter-spacing:-2px;font-family:Verdana, Geneva, sans-serif }
.sub_m4_tot  .cdn_m_tit .cdn_m_tit_s .cdn_txt { text-align:left; line-height:28px; letter-spacing:-0px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:500; font-size:16px; }
.sub_m4_tot  .cdn_m1_img {width:95%;height:auto; margin:0 auto; text-align:center; padding-bottom:20px; padding-top:20px;  border:1px solid #e2e2e2; background-color:#ffffff;}


.fcolorv {color:#8667b6}
.fcolorb {color:#678eb6} 
.fcolorp {color:#e4689e}
.fcoloro {color:#ea7f55}

.bgv { background-color:#8667b6}
.bgb { background-color:#678eb6} 
.bgp { background-color:#e4689e}
.bgo { background-color:#ea7f55}
.bgs { background-color:#666666;padding:2px 2px;}


.sub_m4_tot table {width:95%; margin:0 auto;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;   }
.sub_m4_tot table td  {line-height:25px; border-bottom:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; padding:10px;}
.sub_m4_tot table td:first-child {border-left:#e2e2e2 1px solid;}

.sub_m4_tot table th { line-height:50px;height:50px; background-color:#f9f9f9;  border-bottom:#e2e2e2 1px solid;  border-left:#e2e2e2 1px solid;   border-top:#e2e2e2 1px solid; text-align:center  }
.sub_m4_tot table th:last-child {border-right:#e2e2e2 1px solid;} 
.sub_m4_tot table caption { width:100%; text-align:left;  height:40px; line-height:40px; color:#000000; text-align:left;  font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:20px; position:relative}


.cdn_neline {  width:100%; height:103px; text-align:center; margin:0 auto;   background:url(../images/cdn_neline.png) no-repeat; background-position:center}

.cdn4set { width:100%; margin:0 auto;}
.cdn4set li { font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;}
.cdn4set .cdn_m1 {  width:198px;  height:450px; display:inline-block; margin:20px;cursor:pointer}
.cdn4set .cdn_m1 .m1_top  { width:100%; height:116px; background:url(../images/cdn_ne2_01.png) no-repeat; } 
.cdn4set .cdn_m1 .m1_bg { width:100%; height:95px;  padding-top:15px;  background-color:#8667b6; border-bottom:#523284 1px solid;}
.cdn4set .cdn_m1 .m1_bg li { width:90%; margin:0 auto; text-align:left; font-size:.9em; color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m1 .m1_bg2 {width:100%; height:90px; padding-top:20px; background-color:#8667b6; border-top:#b29ed0 1px solid;}
.cdn4set .cdn_m1 .m1_bg2 li  { width:90%; margin:0 auto; text-align:center; font-weight:bold; font-size:.9em; color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m1 .m1_bg3 { width:100%;  padding-bottom:20px;   background-color:#8667b6;}
.cdn4set .cdn_m1 .m1_bg3 li { width:90%;  height:80px; line-height:20px;  padding-top:20px; font-size:.8em;  margin:0 auto; text-align:center;color:#000; background:#FFF;}

.cdn4set .cdn_m1 .m1_bg4  {width:100%; height:60px; line-height:60px;  font-size:12px; font-weight:bold; background-color:#6b5292; border-top:#333 2px dotted; color:#FFF; text-align:center; color:#FFF; 
-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px;border-radius:0px 0px 30px 30px; }



.cdn4set .cdn_m2 {  width:198px;  height:450px;display:inline-block; margin:20px;cursor:pointer}
.cdn4set .cdn_m2 .m2_top  { width:100%; height:116px; background:url(../images/cdn_ne2_02.png) no-repeat; } 
.cdn4set .cdn_m2 .m2_bg {width:100%; height:95px; padding-top:15px; background-color:#678eb6; border-bottom:#095d80 1px solid;}
.cdn4set .cdn_m2 .m2_bg li { width:90%; margin:0 auto; text-align:left; font-size:.9em; color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m2 .m2_bg2 { width:100%; height:90px; padding-top:20px; background-color:#678eb6; border-top:#9eb7d0 1px solid;}
.cdn4set .cdn_m2 .m2_bg2 li  { width:90%; margin:0 auto; text-align:center; font-weight:bold; font-size:.9em; color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m2 .m2_bg3 {width:100%;  padding-bottom:20px;  background-color:#678eb6;}
.cdn4set .cdn_m2 .m2_bg3 li{ width:90%;  height:80px; line-height:20px;  padding-top:20px; font-size:.8em;  margin:0 auto; text-align:center;color:#000; background:#FFF;}

.cdn4set .cdn_m2 .m2_bg4  {width:100%; height:60px; line-height:60px;  font-size:12px; font-weight:bold; background-color:#527292; border-top:#333 2px dotted; color:#FFF; text-align:center; color:#FFF; 
-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px;border-radius:0px 0px 30px 30px; }


.cdn4set .cdn_m3 {  width:198px;  height:450px;display:inline-block;margin:20px; cursor:pointer}
.cdn4set .cdn_m3 .m3_top  { width:100%; height:116px; background:url(../images/cdn_ne2_03.png) no-repeat; } 
.cdn4set .cdn_m3 .m3_bg {width:100%; height:95px;  padding-top:15px; background-color:#e4689e; border-bottom:#9a2458 1px solid;}
.cdn4set .cdn_m3 .m3_bg li { width:90%; margin:0 auto; text-align:left; font-size:.9em;color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m3 .m3_bg2 { width:100%; height:90px; padding-top:20px;  background-color:#e4689e; border-top:#ee9ec1 1px solid;}
.cdn4set .cdn_m3 .m3_bg2 li  { width:90%; margin:0 auto; text-align:center; font-weight:bold;font-size:.9em; color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m3 .m3_bg3 { width:100%;  padding-bottom:20px;  background-color:#e4689e;}
.cdn4set .cdn_m3 .m3_bg3 li { width:90%;  height:80px; line-height:20px;  padding-top:20px; font-size:.8em;  margin:0 auto; text-align:center;color:#000; background:#FFF;}

.cdn4set .cdn_m3 .m3_bg4  {width:100%; height:60px; line-height:60px;  font-size:12px; font-weight:bold; background-color:#b6537e; border-top:#333 2px dotted; color:#FFF; text-align:center; color:#FFF; 
-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px;border-radius:0px 0px 30px 30px; }


.cdn4set .cdn_m4 {  width:198px;  height:450px;display:inline-block; margin:20px;cursor:pointer}
.cdn4set .cdn_m4 .m4_top  { width:100%; height:116px; background:url(../images/cdn_ne2_04.png) no-repeat; } 
.cdn4set .cdn_m4 .m4_bg { width:100%; height:95px; padding-top:15px; background-color:#ea7f55; border-bottom:#a04c2b 1px solid;}
.cdn4set .cdn_m4 .m4_bg li { width:90%; margin:0 auto; text-align:left; font-size:.9em;color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m4 .m4_bg2 { width:100%; height:90px; padding-top:20px;   background-color:#ea7f55; border-top:#f2ad92 1px solid;}
.cdn4set .cdn_m4 .m4_bg2 li  { width:90%; margin:0 auto; text-align:center; font-weight:bold; font-size:.9em; color:#FFF; letter-spacing:-1px; line-height:20px; }

.cdn4set .cdn_m4 .m4_bg3 { width:100%;  padding-bottom:20px;  background-color:#ea7f55;}
.cdn4set .cdn_m4 .m4_bg3 li { width:90%;  height:80px; line-height:20px;  padding-top:20px; font-size:.8em;  margin:0 auto; text-align:center;color:#000; background:#FFF;}

.cdn4set .cdn_m4 .m4_bg4  {width:100%; height:60px; line-height:60px;  font-size:12px; font-weight:bold; background-color:#bb6644; border-top:#333 2px dotted; color:#FFF; text-align:center; color:#FFF; 
-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px;border-radius:0px 0px 30px 30px; }








/*### 서브_부가서비스###*/
.content_s .sub_m5_tot  {width:100%; margin:0 auto;  }
.content_s .sub_m5_tot .sub_m5_info1 {width:85%;height:auto; line-height:28px; margin:0 auto; text-align:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;  padding-bottom:20px;  padding-top:30px;}

.sub_m5_tot .sub_m5_info2 { width:95%;margin:0 auto; padding-top:20px; }
.sub_m5_tot .sub_m5_info2 .sub5_bx { clear:both; width:95%; height:200px;  margin:0 auto;padding-top:20px; border-top:#666 1px dotted ; }
.sub_m5_tot .sub_m5_info2 .sub5_bx li { list-style:none; float:left; text-align:left;   }
.sub_m5_tot .sub_m5_info2 .sub5_bx .m1_img { width:173px; height:148px; background:url(../images/main_img_04.png) no-repeat;margin-right:20px;}
.sub_m5_tot .sub_m5_info2 .sub5_bx .m2_img { width:173px; height:148px; background:url(../images/main_img_05.png) no-repeat;margin-right:20px;}
.sub_m5_tot .sub_m5_info2 .sub5_bx .m3_img { width:173px; height:148px; background:url(../images/main_img_06.png) no-repeat;margin-right:20px;}
.sub_m5_tot .sub_m5_info2 .sub5_bx .m4_img { width:173px; height:148px; background:url(../images/main_img_07.png) no-repeat;margin-right:20px;}
.sub_m5_tot .sub_m5_info2 .sub5_bx .m1_txt1 { width:80%; line-height:50px;float:left; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:26px; }
.sub_m5_tot .sub_m5_info2 .sub5_bx .m1_txt2 {width:80%; line-height:25px;float:left;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px; }



/*### 서브_고개센터###*/
.content_s .sub_m6_tot  {width:100%; margin:0 auto;  }
.content_s .sub_m6_tot .sub_m6_info1 {width:80%;height:auto; line-height:28px; margin:0 auto; text-align:center; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;  padding-top:30px; }

.content_s .sub_m6_tot .cscenter { width:100%; margin:0 auto;  margin-top:0px;  text-align:center; }
.content_s .sub_m6_tot .cscenter .cscenter_s { width:1000px; overflow:hidden;  margin:0 auto;  text-align:center; padding-top:20px; }

.cscenter_s ul { overflow:hidden; margin:0;padding:0; text-align:center;}
.cscenter_s ul li {list-style:none; display:inline-table; margin:20px; }
.cscenter_s ul li a span {display:none;}
.cscenter_s ul li a { background:url(../images/icon_cs2new.png) no-repeat}
.cscenter_s ul li a { display:block;}

/*cs 메뉴1*/
.cscenter_s .cs_m1 a {width:142px;height:175px;background-position: 0px 0px}
.cscenter_s .cs_m1 a:hover {width:142px;height:175px; background-position: -0px -210px}
.cscenter_s .cs_m1_on {background:url(../images/icon_cs2new.png) no-repeat ;width:142px;height:175px; background-position: -0px -210px}


.cscenter_s .cs_m2 a {width:142px;height:175px;background-position: -179px 0px}
.cscenter_s .cs_m2 a:hover {width:142px;height:175px; background-position:-179px -210px}
.cscenter_s .cs_m2_on {background:url(../images/icon_cs2new.png) no-repeat ; width:142px;height:175px; background-position:-179px -210px}


.cscenter_s .cs_m3 a {width:142px;height:175px;background-position: -358px 0px}
.cscenter_s .cs_m3 a:hover {width:142px;height:175px; background-position:  -358px -210px}
.cscenter_s .cs_m3_on{background:url(../images/icon_cs2new.png) no-repeat ; width:142px;height:175px; background-position:  -358px -210px}

.cscenter_s .cs_m4 a {width:142px;height:175px;background-position: -537px 0px}
.cscenter_s .cs_m4 a:hover {width:142px;height:175px; background-position: -537px -210px}
.cscenter_s .cs_m4_on {background:url(../images/icon_cs2new.png) no-repeat ; width:142px;height:175px; background-position: -537px -210px}

.cscenter_s .cs_m5 a {width:142px;height:175px;background-position: -716px 0px}
.cscenter_s .cs_m5 a:hover {width:142px;height:175px; background-position: -716px -210px}
.cscenter_s .cs_m5_on  {background:url(../images/icon_cs2new.png) no-repeat ; width:142px;height:175px; background-position: -716px -210px}


.cscenter .csbx { width:100%; height:150px; margin:0 auto;  background-color:#f9f9f9; padding-top:30px; border:#CCCCCC 1px solid; margin-top:20px; margin-bottom:30px; }
.cscenter .csbx .csbxL { width:40%; float:left; text-align:center;  color:#FFF;  margin-left:90px; }
.csbxL .csbxL_icon { width:30%; height:100px; float:left; font-size:5em; color:#3d7ad7}
.csbxL .csbxL_txt1 { width:40%;  float:left; background-color:#000000; color:#FFFFFF; text-align:center; 
font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:20px; padding:5px; display:block}
.csbxL .csbxL_txt2 {  float:left;color:#3d7ad7; text-align:left;  
font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:36px;  padding:5px;display:block}

.cscenter .csbx .csbxR { width:40%; float:right; text-align:center;  color:#FFF;margin-right:90px ;}
.csbxR .csbxL_icon {width:30%;  height:100px; float:left; font-size:5em; color:#3d7ad7}
.csbxR .csbxL_txt1 {width:40%;  float:left; background-color:#000000; color:#FFFFFF; text-align:center; 
font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:20px;  padding:5px; display:block}
.csbxR .csbxL_txt2 {  float:left;color:#3d7ad7; text-align:left;  
font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:36px;  padding:5px;display:block}



/*### 서브버튼 ###*/
.btn_ser { clear:both; width:95%; height:50px;  margin:0 auto; text-align:center; padding-top:10px;}
.btn_ser li {width:45%;height:35px; list-style:none; float:left; margin:10px;}
.btn_ser .btn_faq {height:35px; line-height:35px; background-color:#ffffff; border:#3270d6 1px solid;color:#3270d6; cursor:pointer; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;  }	
.btn_ser .btn_faq.on {background-color:#3270d6; border:#3270d6 1px solid; color:#FFFFFF; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px; }	

/*### 약관 ###*/
.use {width:100%; margin:0 auto;  line-height:20px;  margin:0 auto;  padding-top:0px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:14px; }
.use  .use_title { width:95%; line-height:30px;   margin:0 auto; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:700; font-size:16px;  text-align:left;  border-bottom:#e2e2e2 1px solid;  color:#000000; padding-bottom:5px; padding-top:5px; }
.use  .use_txt {width:95%;  margin:0 auto;line-height:25px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:14px; text-align:left; word-break:break-all  }



.hig10 { clear:both; height:10px; display:block}


/*### 정렬 ###*/
.input_ck {width:15px; height:15px; border:#ccc 1px solid; background:#ffffff; margin:5px;}


/*### 정렬 ###*/
.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left; vertical-align:middle; }
.chargok_ridio { width:16px; height:16px;line-height:16px; vertical-align:middle;} 
.img_martop10 { margin-top:10px;}

.fl { float:left}
.fr { float:right}

/*### 폼 ###*/
.input_1to1 {width:98%;height:25px;margin-top:5px; background:#FFFFFF; border:#CCCCCC 1px solid;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:12px; text-align:center}
.select_1to1 { width:30%; height:25px;margin-top:5px; background:#FFFFFF; border:#CCCCCC 1px solid; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:12px; text-align:center}
.textarea_1to1 {width:95%;height:400px;margin-top:5px;margin-bottom:5px;background:#FFFFFF; border:#CCCCCC 1px solid;text-align:left; padding:15px;font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:16px;  line-height:25px;  letter-spacing:1px}

.input_nomal { background:#FFFFFF; border:#CCCCCC 1px solid; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:12px; text-align:center } 
.input_nomal :focus {outline:none;}

.input_select { background:#FFFFFF; border:#CCCCCC 1px solid; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:12px; text-align:center } 
.input_select :focus {outline:none;}

.input_join { height:25px; line-height:25px; font-family: 'Nanum Gothic', "나눔고딕","돋움", "굴림", Dotum, Gulim, serif;font-weight:400; font-size:12px; color:#000; background:#FFFFFF; border:#CCCCCC 1px solid; margin-top:7px;text-align:center} 
.input_join:focus { background-color:#f0f4e3; border:#81a412 1px solid } 



/*### 폰트 ###*/


.bold {font-weight:bold; }
.font8 {font-size:8px;}
.font9 {font-size:9px;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:16px;}
.font16 {font-size:16px;}
.font20 {font-size:20px;}
.font25 {font-size:25px;}

.font30 {font-size:30px;}
.font35 {font-size:35px;}


.fontSpacing {letter-spacing:-1px;}

.fontWhite { color:#ffffff;}
.fontRed { color:#e21317;}
.fontRedr { color:#ff0000;}
.fontBlue{ color:#0e61ae;}
.fontBlueR{ color:#2e7de4;}
.fontBlack{ color:#000;}
.fontGreen{ color:#378b33;}
.fontGreen2{ color:#6d8c0e;}
.fontGreen3 { color:#10761f;}
.fontyellow{ color:#fcff00;}

.fontOrange{ color:#F30;}
.fontGray { color:#757575}
.fontPink { color:#e4377f;}


/*### 여백 ###*/
.mar_left3 { margin-left:3px}
.mar_left5 { margin-left:5px}
.mar_left10 { margin-left:10px}
.mar_left20 { margin-left:20px}

.mar_top5 { margin-top:5px}
.mar_top10{ margin-top:10px}
.mar_top13{ margin-top:13px}

.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}

.mar_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig10 { margin-right:10px}
.mar_rig20 { margin-right:20px}
.mar_rig30 { margin-right:30px}

.mar_bot10 { margin-bottom:10px}
.mar_bot20 { margin-bottom:20px}
.mar_bot30 { margin-bottom:30px}


.pad_top5 { padding-top:5px}
.pad_top10 { padding-top:10px}
.pad_right5 { padding-right:5px}
.pad_right10 { padding-right:10px}
.pad_right20 { padding-right:20px}

.pad_left5 {padding-left:5px}
.pad_left20 {padding-left:20px}