﻿@charset "utf-8";
/* CSS Document */
img{ border: none;}


li {
    list-style: none outside none;
}
.side_cus{ margin-top:10px;}


#wrapper{ text-align:center; margin:0 auto; width:935px;}

#side{ white:159px; }
#content{ float:left;  margin-left:5px; text-align:center;}
#con_tap{ text-align:center;}
#side,#con_tap li{ float:left; list-style-type:none;}
#con_tap li{ margin-right:43px;}


.side_h1{margin:0px; padding:0px 0px 0px 10px; background:url(../images/jp/side/side_h1.jpg) no-repeat; width:163px; height:28px; text-align:left; color:#FFF; font-size:12px; line-height:28px;}
.sidememu{ margin:0px; padding:0px;}
.sidememu li{margin:0px; padding:0px 0px 0px 20px; text-align:left; line-height:250%; border-bottom:1px solid #CCC; width:135px;}


.side_banner{margin:0px;padding:0px;overflow:hidden;}
.side_banner ul{ margin:0px; padding:0px; border:none; line-height:14px;}
.side_banner .ge_no{ display:none; background:url(/images/img_sub_side/cus_no_back.png) no-repeat; line-height:15px; width:162px; height:87px;}
.side_banner .ge_no h1{ font-size:12px; text-align:left; margin:0px; padding:10px 0px 0px 20px;color:#999;}
.side_banner .ge_no .no{ font-weight:bold;margin:12px 0px 0px 0px ; padding:0px; color:#ff5420;}
.side_banner .ge_no .name{margin:0px; padding:0px;}
.side_banner .sampleview{ display:none; text-indent:-99999px; background:url(/images/jp/side/cus_view_sample.png) no-repeat;width:162px; height:44px;}
.side_banner .sampleview a{display:block;width:162px; height:44px;}


#free_copy{ position:relative; margin-top:30px;text-align:center;}
.free_copy_top{ background-image:url(../images/img_free/free_copy_back_top.png); width:667px; height:26px; width:100%; background-position:center; background-repeat:no-repeat;}
.free_copy_img{ text-align:left; margin-left:80px; }
.free_copy_bottom{ background-image:url(../images/img_free/free_copy_back_bottom.png); width:667px; height:26px;width:100%; background-position:center; background-repeat:no-repeat;}
#free_copy_icon{ position:absolute; top:-20px; right:80px;}
#faq_copy_icon{ position:absolute; top:15px; right:65px;z-index:7000;}
.faq_copy_img{  position:absolute; text-align:left; margin-left:80px; top:40px; z-index:8000;}
.faq_r_copy_img{ text-align:left; margin-left:200px;}
#faq_r_copy_icon{position:absolute; top:40px; left:80px;}
#faq_copy{position:relative; margin-top:30px;text-align:center; height:150px;}

#faq_d_tap2{display:none;}


.faq_copy_bottom{ position:absolute; top:130px;left:46px; background-image:url(../images/img_free/free_copy_back_bottom.png); width:667px; height:26px;}
.faq_hidden1{ display:none;}

.faq_ul{ }

#faq_link_no_t{display:none; position:absolute;  top:1180px;}
#faq_link_no{}

.po_div{ height:100px;}

.con_tap_icon_sel{ background-image:url(../images/img_free/free_top_back_sel.png); width:134px; height:133px;}
.con_tap_icon{background-image:url(../images/img_free/free_top_back_gry.png); width:134px; height:133px;}
.con_tap_icon_sel img, .con_tap_icon img{ margin-left:5px; margin-top:15px;}
.con_tap_text{ background-image:url(../images/img_free/free_toptext_back.png); width:102px;; height:30px; margin-left:18px;}
.con_tap_text_sel{ background-image:url(../images/img_free/free_toptext_back_sel.png); width:102px;; height:30px;margin-left:18px;}
.con_tap_text img, .con_tap_text_sel img{ margin-left:5px; margin-top:9px;}
#tap_text01, #tap_text02, #tap_text03, #tap_text04{ position:relative;}
#tap_cir01, #tap_cir02, #tap_cir03, #tap_cir04{ position:absolute; top:-10px; right:-60px}



#mail_texta{width:467px; height:150px; border:1px solid #CCC; padding:15px; font-size:12px; color:#666; margin:5px 0px 5px 0px;}
h1{ text-align:left; margin-left:50px; margin-top:30px; margin-bottom:10px;}
h2{ text-align:left; margin-left:50px; margin-top:30px; margin-bottom:10px; float:left;}


.agree ul{float:right; width:100%;margin-top:10px; margin-bottom:20px; margin-right:30px;}
.agree li{ float:right; list-style-type:none; font-size:12px; margin-right:10px; text-align:right;}
.agree li label{ }
.agree li input{ vertical-align:middle;}

#free_ex { background-color:#f8f9f9; padding:20px; width:664px;  text-align: left; margin-left:35px; font-size:14px; border: solid 1px #f1f2f2;}
.end_btn{ margin-top:30px; margin-bottom:20px;}

/*input table oregin
#t_import{ border:1px solid #d6deee ;width:664px; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:24px; }
#t_import th{width:25%;padding-left:5px; background-color:#edf0f7;color:#2b4068;  border:1px solid #d6deee ;text-align:left; }
#t_import td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #d6deee ;text-align:left;  color:#5679ba; font-size:11px; }
#t_import img{ vertical-align:middle;}
#t_import input{ vertical-align:middle;  border:1px solid #d6deee ;background-color:#f6f8fb;}
.in_call{ width:71px;vertical-align:middle;}
.in_adress{ width:300px;vertical-align:middle; margin-bottom:3px;}
*/
#t_sel{ border:1px solid #e2e2e2 ;width:664px;; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:24px; }
#t_sel th{width:25%;padding-left:5px; background-color:#f2f2f2;color:#666;  border:1px solid #e2e2e2 ;text-align:left; }
#t_sel td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #e2e2e2 ;text-align:left;  color:#888888; font-size:11px; }
#t_sel img{ vertical-align:middle;}
#t_sel input{ vertical-align:middle; border:1px solid #e2e2e2 ; background-color:#f8f8f8;}


.con_img{margin-top:30px; margin-bottom:30px;}


#t_import2 .first th { border-top:3px solid #7296cb;}
#t_import2 .first td { border-top:3px solid #ccc;}

#link_t { margin-left:93px;}
#link_t li{float:left; font-size:12px; color:#666;}





/*input table modified*/
#t_import{ border:1px solid #d6deee ;width:664px; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:24px; text-align: left;}
#t_import th{width:25%;padding-left:5px; background-color:#edf0f7;color:#2b4068;  border:1px solid #d6deee ;text-align:left; }
#t_import td{width:75%;padding-left:10px; background-color:#fff; border:1px solid #d6deee ;text-align:left;  color:#5679ba; font-size:11px; padding:0 0 0 10px; }
#t_import img{ vertical-align:middle;}
#t_import input{vertical-align:middle; border:1px solid #d6deee ;background-color:#f6f8fb;}

.in_call{ width:135px;vertical-align:middle;}
.in_adress{ width:150px;vertical-align:middle; margin-bottom:3px;}
.in_mail{ width:135px;vertical-align:middle; text-align:left; }
#t_import textarea#content{text-align: left;margin:10px 20px 10px 0px; height:100px;}

#t_sel{ border:1px solid #e2e2e2 ;width:664px;; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:24px; }
#t_sel th{width:25%;padding-left:5px; background-color:#f2f2f2;color:#666;  border:1px solid #e2e2e2 ;text-align:left; }
#t_sel td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #e2e2e2 ;text-align:left;  color:#888888; font-size:11px; text-align:left;  }
#t_sel img{ vertical-align:middle;}
#t_sel input{ vertical-align:middle; border:1px solid #e2e2e2 ; background-color:#f8f8f8;}
.con_img{margin-top:30px; margin-bottom:30px;}


#t_import2 .first th { border-top:3px solid #7296cb;}
#t_import2 .first td { border-top:3px solid #ccc;}

#link_t { margin-left:93px;}
#link_t li{float:left; font-size:12px; color:#666;}



/*before*/

#t_sel{ border:1px solid #e2e2e2 ;width:664px;; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:24px; }
#t_sel th{width:25%;padding-left:5px; background-color:#f2f2f2;color:#666;  border:1px solid #e2e2e2 ;text-align:left; }
#t_sel td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #e2e2e2 ;text-align:left;  color:#888888; font-size:11px; }
#t_sel img{ vertical-align:middle;}
#t_sel input{ vertical-align:middle; border:1px solid #e2e2e2 ; background-color:#f8f8f8;}


.con_img{margin-top:30px; margin-bottom:30px;}


#t_import2 .first th { border-top:3px solid #7296cb;}
#t_import2 .first td { border-top:3px solid #ccc;}

#link_t { margin-left:93px;}
#link_t li{float:left; font-size:12px; color:#666;}

/*FAQ 탭메뉴*/




.leftmenu {width:165px; margin-left:4px; float:left;}
.leftmenu  h1{ text-align:left; margin:0px; border:0px;}
.leftmenu  li{ list-style-type:none;}
.rightbody {width:680px; float:right; position:relative;}
.rightbody380 {width:300px; float:right; position:relative;}
.leftbody380 {width:300px; float:left; position:relative;}

/* bottom */
.margindiv {width:100%; height:80px; clear:both;}
.btm_maindiv {width:100%; background-color:#f3f3f3; clear:both;}
.bottomdiv {width:100%; height:97px; margin:0 auto; text-align:center;}

/* 폰트 */
.connect {font-size:14px; font-weight:bold;}
.con_point {color:#FF0000;}
.connectBig {font-size:18px; font-weight:bold;}
.connect_green {font-size:14px; font-weight:bold; color:#64b012;}
.green {color:#64b012;}
.list {font-size:11px; color:#878787;}
.font11px {font-size:11px;}
.list_con {font-size:9px; font-weight:bold;}
.list_con10 {font-size:9px; font-weight:bold;}
.overview {font-size:13px; font-weight:normal; font-family:tahoma; color:#737373; line-height:20px;}
.bodyinfoTITLE {font-weight:bold; font-size:18px; font-family:tahoma; line-height:25px;	text-align: left;}
.bodyTITLE {font-weight:bold; font-size:14px; font-family:tahoma; line-height:20px;}
.popuptitle {font-weight:bold; font-size:14px; font-family:tahoma; color:#Ff0000; line-height:20px;}
.mainINFO {font-weight:normal; font-size:16px; font-family:tahoma; line-height:24px; color:#FFFfff}
.price {font-weight:bold; font-size:22px; font-family:tahoma; line-height:28px;}
.ID {font-size:17px; font-weight:bold; font-family:tahoma; color:#00cCfF;}
.notice { font-size:11px; font-family:"Arial Black", Gadget, sans-serif,굴림,돋움; line-height:16px; color:#333; list-style-type:none;}
.popupinfotitle1 {font-weight:bold; color:#0eacf0;}
.popupinfotitle2 {font-weight:bold; color:#FFB300}
.popupinfo {color:#ffffff;}
.howitworks1 {font-weight:bold; color:#0eacf0; font-size:14px;}
.howitworks2 {font-weight:bold; color:#FFB300;font-size:14px;}
.howitworkstitle {font-weight:normal; font-size:14px; font-family:tahoma; line-height:20px;}

/* 패딩 */
.MgL10 {margin-left:10px;}
.PdR10 {padding-right:10px;}
.MgT20 {margin-top:20px;}

/*정렬*/
.txtR {text-align:right;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtT {vertical-align:text-top;}
.txtB {vertical-align:bottom}

/* 라인 */
.brdline {border-top:#e3e3e3 1px solid;}
.overviewB { border-bottom:dashed;  border-bottom-color:#33cc00; border-bottom-width:1px;}
.overviewB2 { border-bottom:solid;  border-bottom-color:#33cc00; border-bottom-width:1px;}
.company { border-bottom:solid;  border-bottom-color:#663300; border-bottom-width:1px;}
.reps { border-bottom:dashed;  border-bottom-color:#ffcc00; border-bottom-width:1px;}
.cus { border-bottom:dashed;  border-bottom-color:#0ecae0;; border-bottom-width:1px;}

/* 박스 */
.inputBox {background-color:#f1f1f1; border-spacing:0; border:none; height:17px;}
.login {width:110px; height:17px; border:none; font-size:11px; color:#eee ; background-color:transparent;}
.listBox {height:17px; border:solid #CCCCCC 1px;}
.acc_stepBox {width:30px; height:17px; border:solid #CCCCCC 1px; color:#64b012; font-weight:bold; text-align:center;}
.inputPOP {width:300px; height:20px; border:none;}
.inputsession {width:220px; height:21px; border:none; background-color:#FFFfff; color:#0eace0; font-weight:bold;}