@charset "utf-8";

/* basic */
*{margin:0;padding:0;border:0;font-family: 'Malgun Gothic', sans-serif; font-weight:400; -webkit-text-size-adjust:none;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{font-style:normal; text-decoration:none; color:#333;}
fieldset, button{background:none;border:0px;}
button{cursor:pointer;}
ul,ol{overflow:hidden; list-style:none;}
li{list-style:none;}
.blind{position:absolute; top:-999999px;}

img{border:0; display:block;}
table {border-collapse:collapse;border-spacing:0;}
iframe{width:100%;vertical-align:middle;border:0 none;}
input, button{box-sizing:inherit;}
hr{border-width:1px 0 0 0;}

section{display:table;padding:0;margin:0;width:100%;}
caption{display:none;}
figcaption{display:none}

ol, ul {list-style:none;}

a:link		{ color:#333; text-decoration:none; }
a:visited	{ color:#333; text-decoration:none; }
a:hover 	{ color:#333; text-decoration:none; }
a:focus 	{ color:#333; text-decoration:none; }
a:active	{ color:#333; text-decoration:none; }

input:read-only{background-color:#eee !important} 
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }
input[type="text"], 
input[type="number"],
input[type="email"], 
input[type="search"],
input[type="password"], 
input[type="date"], 
input[type="tel"],
select{display:table-cell; vertical-align:middle;height:30px;line-height:30px; padding:0 5px;margin-right:5px;background:#fff;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #cacaca;
-webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; outline:none; color:#555; font-weight:normal;}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {box-shadow:0 0 0px rgba(255, 255, 255, 1);  border:1px solid rgba(253, 133, 28, 1);}
input.disabled {color:green; background-color:white;}
select::-ms-expand{display:none; }
select{background:#fff;padding:0 0 0 5px;outline :none;overflow :hidden;text-indent :0.01px;text-overflow:'';border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;text-overflow:'';}
textarea{width:100%;height:100px; resize:none; border:1px solid #d6d6d6; font-size:12px; color:#666; }
input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9; }


@font-face{
 font-family:'Daum';
 font-style:normal;
 font-weight:400;
 }
@font-face{
 font-family:'Daum';
 font-style:normal;
 font-weight:700;
 }


/*  --------------------------------------------------- */

.daum{font-family:'Daum'; font-weight:400;}
.border_r{ -webkit-border-radius: 5px !important; -moz-border-radius:5px !important; border-radius:5px !important;}
.clear{clear:both !important; }
.fr{float:right !important;}
.fl{float:left !important;}
.solidline{border-bottom:1px solid #d6d6d6}
.solidline2{border-bottom:1px solid #eaeaea}
.dashed{border-bottom:1px dashed #d6d6d6}
.mg_5{margin-bottom:5px;}
.mg_10{margin-bottom:10px;}
.mg_20{margin-bottom:20px;}
.mg_30{margin-bottom:30px;}
.mg_40{margin-bottom:40px;}
.mg_50{margin-bottom:50px;}
/* common */

.wrap{width:100%; min-width:1000px;}

.visual{width:100%; height:470px; background:url("../../../img/co/common/login/img_a_red_vis.png") no-repeat top center; margin-bottom:20px}
.visual .top{width:1000px; margin:0 auto;}
.visual .top .logo{padding-top:40px; height:55px;}
.visual .top dl dt.sub_ttl_t{padding-top:102px; font-size:26px; color:#fff; font-weight:400;}
.visual .top dl dd.ttl{font-weight:500; color:#3aa347; font-size:70px; padding-top:7px}
.visual .top dl dd.sub_ttl{font-weight:bold; font-size:18px; color:#fff; padding-top:10px;}

.login_container{width:1000px; margin:0 auto;}

.login{width:419px; float:left;  border:1px solid #d6d6d6; height:245px;}
.login_cont li.box{ padding:30px 30px 20px;  }
.login_cont li.box ol li.ttl{font-size:24px; color:#3b3b3b; font-weight:bold; float:left;}
.login_cont li.box ol li.sub_txt{font-size:12px; color:#999; margin-top:10px; letter-spacing:-0.5px;}
.login_cont li.box ol li ul.log_inp{margin-top:20px; width:227px;}
.login_cont li.box ol li ul.log_inp li{margin-bottom:5px; width:100%;}
.login_cont li.box ol li ul.log_inp li input, .login_cont li.box ol li ul.log_inp li select{width:100%; padding-left:10px;}
.login_cont li.box ol li ul.log_inp li select{background:url("../../../img/co/common/login/img_sel.gif") no-repeat right center;}
.login_cont li.box ol li ul.log_inp li select option{padding: 5px 10px;}
.login_cont li.box ol li.buttons{width:120px;; margin-top:25px;}
.login_cont li.box ol li.buttons button.log_btn{ width:100%;  background:#3aa347; color:#fff;  font-size:18px; font-weight:bold; height:65px;  line-height:63px;}
.login_cont li.box ol li.buttons button.support{width:100%; background:#4d4d4d; color:#fff; font-size:12px; font-weight:bold; margin-top:5px; padding:4px 0 7px }
.login_cont li.box ol li.log_ident{padding-top:10px;}
.login_cont li.box ol li.log_ident label span{display:inline-block; font-size:13px; color:#666; font-weight:bold; margin-left:10px;}
.login_cont li.box ol li.log_ident p a{display:inline-block; font-size:13px; color:#666; font-weight:bold; margin-left:10px;}
/* 후지제록스 버튼 추가 160804 dychoi*/
.login_cont li.box ol li.log_ident button.log_search_btn{padding:4px 0 5px; width:90px; background:#7a7a7a; letter-spacing:-1px; color:#fff; font-size:12px; font-weight:bold;}

/* class 이름 수정 160418 jechoi */
.loginNoticontents{width:567px; border:1px solid #d6d6d6; height:245px;}
.loginNoticontents dl dt{font-size:16px; color:#3d3d3d; font-weight:bold; float:left;}
.loginNoticontents dl dd.txt{float:right;  width:426px; }
.loginNoticontents dl dd.txt a{font-size:14px; width:320px; letter-spacing:-0.5px; color:#666666; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.loginNoticontents dl dd.txt a:before{content:'·'; font-weight:bold; padding-right:10px; padding-left:10px;}
.loginNoticontents dl dd.txt span{float:right; display:inline-block; font-size:14px; color:#999;}
.loginNoticontents .notice{margin:0 30px; border-bottom:1px solid #d6d6d6; padding:30px 0; }
.loginNoticontents .customer{padding:30px;}
.loginNoticontents .customer dd.custom{margin-left:15px; border-right:1px dashed #d6d6d6; padding-right:30px;}
.loginNoticontents .customer dd.fax{padding-left:15px;} /*.contents .customer dd.fax{padding-left:30px;} 전화번호 8자리만 입력 할 수 있음.*/
.loginNoticontents .customer dd span.ttl{display:inline-block ; padding-left:10px; font-size:16px; color:#999999;  letter-spacing:-0.5px;}
.loginNoticontents .customer dd span.numb{display:block; font-size:20px; font-weight:bold; color:#666}
.loginNoticontents .customer dd img{float:left; display:block; }


/* 모투투어 팩스부분 수정 160907 ijcho */
.loginNoticontents2{width:567px; border:1px solid #d6d6d6; height:245px;}
.loginNoticontents2 dl dt{font-size:16px; color:#3d3d3d; font-weight:bold; float:left;}
.loginNoticontents2 dl dd.txt{float:right;  width:426px; }
.loginNoticontents2 dl dd.txt a{font-size:14px; width:320px; letter-spacing:-0.5px; color:#666666; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.loginNoticontents2 dl dd.txt a:before{content:'·'; font-weight:bold; padding-right:10px; padding-left:10px;}
.loginNoticontents2 dl dd.txt span{float:right; display:inline-block; font-size:14px; color:#999;}
.loginNoticontents2 .notice{margin:0 25px; border-bottom:1px solid #d6d6d6; padding:30px 0; height:67px;}
.loginNoticontents2 .customer{padding:25px;}
.loginNoticontents2 .customer dd.custom{margin-left:10px; border-right:1px dashed #d6d6d6; padding-right:13px;}
.loginNoticontents2 .customer dd.fax{padding: 0 0 0 13px; margin:-5px 0 0 0;}
.loginNoticontents2 .customer dd.fax p{font-size:15px; color:#999999;  letter-spacing:-0.5px;}
.loginNoticontents2 .customer dd.fax p span{font-size:20px; font-weight:bold; color:#666; padding:0 0 0 5px;}
.loginNoticontents2 .customer dd.fax p span.ss1{ padding:0 0 0 14px;}
.loginNoticontents2 .customer dd span.ttl{display:inline-block ; padding-left:10px; font-size:16px; color:#999999;  letter-spacing:-0.5px;}
.loginNoticontents2 .customer dd span.numb{display:block; font-size:20px; font-weight:bold; color:#666}
.loginNoticontents2 .customer dd img{float:left; display:block; }


.footer{width:1000px; margin:0 auto;}
.footer .f_logo{width:120px; margin:40px auto 20px;}
.footer .site_info{text-align:center;}
.footer .site_info li{display:inline-block; vertical-align: middle;}
.footer .site_info li a{display:inline-block; font-size:13px; color:#666666; padding:0 20px; background:url("../../../img/co/common/login/img_foot_bar.gif") no-repeat  0px  7px}
.footer .site_info li a.fst{background:none; padding-left:0;}
.footer .site_info li a.lst{padding-right:none; }
.footer address{text-align:center; color:#999999; font-size:12px; font-style:normal; margin-top:0px;}
.footer  .copy{text-align:center; margin-top:5px; color:#999999; font-size:12px; }

/*A type*/

.a_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_a_green_vis.png") no-repeat top center; margin-bottom:20px}
.a_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_a_blue_vis.png") no-repeat top center; margin-bottom:20px}

.a_green_btn{width:100%;  background:#3aa347; color:#fff;  font-size:18px; font-weight:bold; height:65px;  line-height:63px;}
.a_blue_btn{ width:100%;  background:#3aa347; color:#fff;  font-size:18px; font-weight:bold; height:65px;  line-height:63px;}

.a_green_ft{font-weight:500; color:#3aa347; font-size:70px; padding-top:7px; font-family:'Daum'; font-weight:400;}
.a_blue_ft{font-weight:500; color:#3aa347; font-size:70px; padding-top:7px; font-family:'Daum'; font-weight:400;}

.b_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_b_red_vis.png") no-repeat top center; margin-bottom:20px}
.b_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_b_green_vis.png") no-repeat top center; margin-bottom:20px}
.b_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_b_blue_vis.png") no-repeat top center; margin-bottom:20px}


.b_txt_top{ color:#3a3a3a; padding-top:102px; font-size:26px;  font-weight:bold;}
.b_txt_bot{font-weight:500; font-size:18px; color:#3a3a3a; padding-top:10px;}

.c_red_a_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_c_red_a_vis.png") no-repeat top center; margin-bottom:20px}
.c_green_a_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_c_green_a_vis.png") no-repeat top center; margin-bottom:20px}
.c_blue_a_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_c_blue_a_vis.png") no-repeat top center; margin-bottom:20px}

.c_red_b_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_c_red_b_vis.png") no-repeat top right; margin-bottom:20px}
.c_green_b_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_c_green_b_vis.png") no-repeat top right; margin-bottom:20px}
.c_blue_b_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_c_blue_b_vis.png") no-repeat top right; margin-bottom:20px}

.d_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_d_red_vis.png") no-repeat top center; margin-bottom:20px}
.d_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_d_green_vis.png") no-repeat top center; margin-bottom:20px}
.d_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_d_blue_vis.png") no-repeat top center; margin-bottom:20px}

.e_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_e_red_vis.png") no-repeat top center; margin-bottom:20px}
.e_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_e_green_vis.png") no-repeat top center; margin-bottom:20px}
.e_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_e_blue_vis.png") no-repeat top center; margin-bottom:20px}

.f_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_f_red_vis.png") no-repeat top center; margin-bottom:20px}
.f_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_f_green_vis.png") no-repeat top center; margin-bottom:20px}
.f_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_f_blue_vis.png") no-repeat top center; margin-bottom:20px}

.g_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_g_red_vis.png") no-repeat top center; margin-bottom:20px}
.g_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_g_green_vis.png") no-repeat top center; margin-bottom:20px}
.g_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_g_blue_vis.png") no-repeat top center; margin-bottom:20px}

.h_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_h_red_vis.png") no-repeat top center; margin-bottom:20px}
.h_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_h_green_vis.png") no-repeat top center; margin-bottom:20px}
.h_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_h_blue_vis.png") no-repeat top center; margin-bottom:20px}

.i_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_i_red_vis.png") no-repeat top center; margin-bottom:20px}
.i_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_i_green_vis.png") no-repeat top center; margin-bottom:20px}
.i_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_i_blue_vis.png") no-repeat top center; margin-bottom:20px}

.j_red_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_j_red_vis.png") no-repeat top center; margin-bottom:20px}
.j_green_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_j_green_vis.png") no-repeat top center; margin-bottom:20px}
.j_blue_vis{width:100%; height:470px; background:url("../../../img/co/common/login/img_j_blue_vis.png") no-repeat top center; margin-bottom:20px}

.login_small{width:100%; height:470px; background:url("../../../img/co/common/login/login_bg_001.png") no-repeat top center; margin-bottom:0px}


input::-webkit-input-placeholder{color:#b3b3b3;}
input::-moz-input-placeholder{color:#b3b3b3;}
input::-o-input-placeholder{color:#b3b3b3;}
input:-ms-input-placeholder{color:#b3b3b3;}