@import url("common_ver2.css");

	
#visual{position:relative; overflow:hidden; width:100%; text-align:center; }
#visual img {display:block;  position:relative; left:50%; margin-left:-1250px;}

.lnb {width:100%; border-bottom:1px solid #ddd;  height:59px; background:#fff;}
.lnb_none { display:none; }
	.lnb ul{position:relative; height:60px; width:1180px !important; margin:0 auto; text-align:center; overflow:hidden; box-sizing:border-box; border-left:1px solid #ddd;  } 
	.lnb ul.three li { width:33.333333% !important; }
	.lnb ul.four li { width:25% !important; }
	.lnb ul.five li { width:20% !important; }
	.lnb li {position:relative; height:59px; float:left; text-align:center;  width:20%; border-right:1px solid #ddd; box-sizing:border-box; position:relative;}
	.lnb li a:link, .lnb li a:visited{ display:block; font-size:18px; color:#666; height:59px; box-sizing:border-box; line-height:59px; background:#f5f5f5; width:100%; }
	.lnb li a:hover{text-decoration:none; color:#fff;  background:url(/img/lnb_hover.gif) no-repeat center center; background-size:cover; height:60px;}
	.lnb li a.hover{ background:url(/img/lnb_hover.gif) no-repeat center center; background-size:cover; color:#fff !important; height:60px;}

#sticker {position:relative; overflow:hidden; text-align:center; width:100%; border-bottom:1px solid #ddd;  height:59px; background:#fff; z-index:999 !important}
	.lnb2 {position:relative; height:60px; width:1180px !important; margin:0 auto; text-align:center; overflow:hidden; box-sizing:border-box; border-left:1px solid #ddd;} 
	.lnb2 li {display:inline-block; width:20%; height:59px; text-align:center; border-right:1px solid #ddd; box-sizing:border-box;}
	.lnb2 li a:link, .lnb2 li a:visited{ display:block; font-size:18px; letter-spacing:-0.5pt; color:#666; height:59px; box-sizing:border-box; line-height:59px; background:#f5f5f5; width:100%; }
	.lnb2 li a:hover{text-decoration:none; color:#fff;  background:url(/img/lnb_hover.gif) no-repeat center center; background-size:cover; height:60px;}
	.lnb2 li a.hover{ background:url(/img/lnb_hover.gif) no-repeat center center; background-size:cover; color:#fff !important; height:60px;}



/* ·¹À̾ƿô */
#container{ position:relative; width:1180px; margin:0 auto;}
.contents_in{overflow:hidden; position:relative; width:100%; min-width:1180px; margin:0 auto; padding:70px 0 100px 0;}
.width1180 { width:1180px; margin:0 auto; overflow:hidden; position:relative; }


.tit_area{padding-bottom:55px; overflow:hidden;}
.tit_area h3 {background:url(/img/sub_tit_bg.gif) no-repeat center center; text-align:center;}
.tit_area h3 span {font-size:40px; color:#444;  text-align:center; font-weight:700; display:inline-block; background:#fff; line-height:100%; padding:0 40px;}


/* °øÅë */

/* °øÅ븶Áø */
.tmar_10 { margin-top:10px; }


/** ÁغñÁß **/
.ready_msg {padding:80px 0; text-align:Center;}
.ready_msg h4 {font-size:25px; font-family:"Montserrat", sans-serif; line-height:22px; font-weight:800; color:#444; padding-bottom:15px;}
.ready_msg h4 span {font-family:"Montserrat", sans-serif; font-weight:800;color:#1b3756;}
.ready_msg p {font-size:20px;}
.ready_msg u {font-size:16px; color:#333; font-weight:600;}




/******** °øÅëCSS ********/

/* ºÒ¸´ */
.dep_tit {display:block; padding:20px 0 40px 0; font-weight:300; color:#444; font-size:25px; line-height:16px; text-align:center; line-height:100%;}
.dep_tit span { font-weight:700; color:#1b3756; line-height:100%;}
.dep_tit b.ls0 { letter-spacing:0; font-weight:700; }

/* °£°Ý */
.bpad_30 {padding-bottom:30px;}
.tpad_30 { padding-top:30px; }

.tmar_30 {margin-top:30px;}


/* °­Á¶ */
.title_blue {color:#3c90e6;}

/* Å×ÀÌºí½ºÅ¸ÀÏ */
.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style th {color:#333; text-align:left; padding:15px 0 15px 18px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;  background-color:#f9f9f9; font-size:14px; line-height:140%; font-weight:600;}
.table_style td {text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 15px 18px; font-size:14px; } 
.table_style td.left {text-align:left; padding:10px;}
.table_style td.right {text-align:right; padding:10px;}
.table_style td.tit {color:#333; font-weight:600;}
.table_style td.bgYellow {background:#fffff3;}
.table_style td.bgBlue {background:#ecf2f9;}




/* Âü°ü°´ »çÀüµî·Ï */
.join_check .dep_tit {display:block; padding-bottom:15px; padding-top:0; font-size:19px; color:#444; font-family:NotoKR-Bold; text-align:left;}
.join_check .agreecheck {float:right;}
.join_check .join_txt { font-size:16px; padding:10px 0 30px 0;}
.join_check .join_txt u { font-family:NotoKR-Bold; color:#1b3756; font-weight:400; }

/* Âü°ü°´ »çÀüµî·Ï_input */
.join_input .dep_tit {display:block; padding-bottom:15px; padding-top:0; font-size:19px; color:#444; font-family:NotoKR-Bold; text-align:left;}
.join_input .dep_tit span { display:block; font-size:14px; color:#888; padding-top:10px; font-family:NotoKR-Regular;}
.join_input .join_txt { font-size:16px; padding:10px 0 30px 0;}
.join_input .join_txt u { font-family:NotoKR-Bold; color:#1b3756; font-weight:400;}
.join_input .bbs_input_ment {width:100%; text-align:left; padding-bottom:10px;}

.join_input .bbs_input {width:100%; margin-bottom:40px; border-collapse:collapse; border-spacing:0; border-top:1px solid #333; font:normal 100%/normal NotoKR-Regular,sans-serif;}
.join_input .bbs_input th {padding:15px 0px 15px 15px; background:#f9f9f9; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#444; font-weight:400; font-family:NotoKR-Medium; text-align:left;}
.join_input .bbs_input th.last{border-right:none;}
.join_input .bbs_input th.center{text-align:center; padding:12px 0;}
.join_input .bbs_input td {padding:9px 10px  9px 10px; border-right:1px solid #ccc; border-bottom:1px solid #d7d7d7; padding-left:10px;}
.join_input .bbs_input td.last {padding:9px 0px 9px 10px; border-bottom:1px solid #ccc;  border-right:none; padding-left:10px;}
.join_input .bbs_input td.last02 {padding:9px 10px 9px 10px; border-bottom:1px solid #ccc;  border-right:none; padding-left:10px;}

.join_input .bbs_input td div.contents {padding:5px; border:none;}
.join_input select {font-family:NotoKR-Regular,sans-serif; color:#666666; background-color:#ffffff; border:1px solid #ddd; padding:6px; height:33px; box-sizing:border-box;}
.join_input .input {font-family:NotoKR-Regular,sans-serif; color:#545454; border:1px solid #ddd; padding:6px; line-height:normal; height:33px; box-sizing:border-box;}

.join_input .bbs_input input[type=button]{ padding:6px 15px; border:1px solid #a3a3a3; color:#666; background:#fff; margin-left:2px; cursor:pointer; height:33px; box-sizing:border-box;}
.join_input .bbs_input input[type=button]:hover{background-color:#f9f9f9}

.join_input input[type=checkbox] { width:20px; height: 20px; margin: 0; font-size: 13px; color: #666; vertical-align: middle; margin:0 5px;}
.input_inner_box { padding-top:5px; }
.input_inner_box b { font-weight:400; font-family:NotoKR-Bold; color:#1b3756; }
.input_check_area { padding-top:5px; }

.join_member03 { margin-bottom:40px; }
.join_member03 p { padding:3px 0; }

.join_input .bbs_btn {text-align:center;}
.join_input .bbs_btn .btn_b2{display:inline-block; background:#1b3756; text-align: center;color:#fff; border:none; width:150px; height:54px; line-height:47px; font-size:17px; cursor: pointer;}
.join_input .bbs_btn .btn_b2:hover{background:#372059}
.join_input .bbs_btn input.btn_w2{display:inline-block; background:#363636; text-align: center;color:#fff; border:none; width:150px; height:54px; line-height:47px; font-size:17px; cursor: pointer; padding:0;}
.join_input .bbs_btn input.btn_w2:hover{background:#282828}

/* Âü°ü°´ »çÀüµî·Ï_ok */
#joinOk {text-align:center; padding:60px 0; border:1px solid #ddd;}
#joinOk h2 {font-size:25px; padding-bottom:10px; font-weight:400; font-family:NotoKR-Bold; color:#333; }
#joinOk p {font-size:13px; margin:0 auto 30px auto; width:70%; border-bottom:1px dashed #ccc; padding-bottom:25px; font-size:14px;}

#joinOk .btn_b {width:201px; height:55px; line-height:52px; margin:0 auto; cursor:pointer;     display: inline-block; background: #333; text-align: center; color: #fff; font-family:NotoKR-Medium; border: none; font-size:14px;}

/* Âü°ü°´ »çÀüµî·Ï È®ÀÎ */
#login_box {position:relative;}
.login_box {margin:0 auto; width:100%; padding:60px 0; border:1px solid #ddd; box-sizing:border-box;}
#login_box h2 {color:#333; font-size:20px; padding-bottom:15px; font-weight:400; font-family:NotoKR-Medium;}
#login_box h2 span {font-size:13px; color:666; font-weight:500; margin-left:15px;}
#login_box > div {margin:0 auto; width:470px;}
#login_box .login {}
#login_box dl {position:relative;}
#login_box dt {position:absolute; top:0; right:0; width:158px;}
#login_box .btn_b {display:inline-block; width:158px; height:87px; line-height:87px; cursor:pointer;}
#login_box dd {width:295px; margin-bottom:11px;}
#login_box dd .input_login {width:270px;}
#login_box .login_input input.btn_b {font-size:16px ;}
#login_box .login_checkbox {padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:15px;}
#login_box .member_btn a:link, 
#login_box .member_btn a:visited {display:inline-block; margin-right:10px; height:44px; line-height:44px;}
#login_box .member_btn a:last-child {width:306px; margin-right:0;}
#login_box .member_btn .btn_g:link, 
#login_box .member_btn .btn_g:visited {width:149px; color:#fff !important;}
#login_box .sns_login {text-align:right; color:#333; font-weight:600; margin-bottom:35px;}
#login_box .sns_login img {margin-left:3px; vertical-align:middle;}

#login_box .login_order {margin-top:50px; padding-top:40px; border-top:1px dashed #ccc;}
#login_box .login_order .btn_wb {display:block; width:100%; height:57px; line-height:57px; font-size:16px;}
#login_box .login_order p {background:url('image/icon_info.gif') left 4px no-repeat; padding-left:20px; color:#999; font-size:12px; margin-top:20px;}
#login_box .login_orderlist {margin-top:50px; padding-top:40px; border-top:1px dashed #ccc;}

#login_box .btn_w {display:inline-block; background:#fff; text-align:center; color:#666; font-weight:500; border:1px solid #a3a3a3;}
#login_box .btn_w:hover{background-color:#f9f9f9}
#login_box .btn_wb {display:inline-block; background:#fff; text-align:center; color:#333; font-weight:500; border:1px solid #333;}
#login_box .btn_wb:hover{background-color:#f9f9f9}
#login_box .btn_ag {display:inline-block; background:#fff; text-align:center; color:#333; font-weight:500; border:1px solid #333;}
#login_box .btn_ag:hover{background-color:#f9f9f9}
#login_box .btn_b {display:inline-block; background:#333; text-align:center; color:#fff; font-weight:500; border:none;}
#login_box .btn_b:hover{background-color:#000}
#login_box .btn_g {display:inline-block; background:#6b6b6b; text-align:center; color:#fff; font-weight:500; border:none;}
#login_box .btn_g:hover{background-color:#555}
#login_box .btn_i {display:inline-block; background:#3e3d3c; text-align:center; color:#fff; font-weight:500; border:none;}
#login_box .btn_i:hover{background-color:#000}
#login_box .btn_blue {display:inline-block; background:#34a2ef; text-align:center; color:#fff; font-weight:500; border:none;}
#login_box .btn_blue:hover{background-color:#118cdf}

#login_box input.input_login {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
#login_box input.input_idpw {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}

/* ¾à°ü µ¿ÀÇ */
.mem_level {position:relative; overflow:hidden; margin-bottom:30px; background:#f6f6f6; padding:25px 20px;}
.mem_level ul {overflow:hidden; float:right;}
.mem_level li {float:left; padding:0 22px 0 13px; background:url(/img/mem_arrow.gif) right center no-repeat; text-align:center; font-size:16px;}
.mem_level li:last-child {background:none !important; padding-right:0;}
.mem_level li span {font-family:Montserrat,sans-serif;}
.mem_level li.hover {color:#1b3756; background:url(/img/mem_arrow_up.gif) right center no-repeat; text-align:center; font-family:NotoKR-Medium,sans-serif;}
.mem_level li.hover span {font-weight:800; font-family:Montserrat,sans-serif;}

.agree_box { padding-bottom:20px; }
.agree_box textarea {border-left:1px solid #e6e6e6; width:100%; height:200px; box-sizing:border-box; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:1px solid #717171; padding:20px; margin:5px 0; color:#666; font-size:14px;}
.agree_box input[type=checkbox] {width:20px; height:20px; margin:0; font-size:13px; color:#666; vertical-align:middle; margin-right:5px;}
.agree_box .agreecheck {font-size:16px; padding-bottom:5px; font-family:NotoKR-Medium; color:#444;}

.contract_btn { padding-top:20px; text-align:center;}

/* Âü°¡ ½Åû Á¶È¸Çϱâ */
.contact_tit .dep_tit{ padding:0 0 10px 0; } 
.contact_tit p { text-align:center; font-size:16px; color:#888; }
.contact_search {margin:45px auto 0 auto; width:100%; box-sizing:border-box; padding:40px 60px; border:1px solid #ddd;}
.contact_search ul li { padding-bottom:5px; }
.contact_search ul li:last-child { padding:0; }
.contact_search .input {font-family:NotoKR-Regular,sans-serif; color:#545454; border:1px solid #ddd; padding:6px; line-height:normal; height:33px; box-sizing:border-box;}
.contract_tit { font-size:16px; color:#444; width:150px; display:inline-block; }

.slash_box {overflow:hidden; width:516px; margin:0 auto;}
.slash_box ul {float:left;}
.slash_box .contract_search_btn {float:right;}


/** Âü°¡¾È³» **/

/* Àü½ÃÀå¹èÄ¡µµ */
.booth_cont {width:100%; margin-bottom:15px; overflow:hidden;}
.booth_cont .top_btn {float:right; width:468px; height:41px;}
.booth_cont .booth_btn {}
.booth_cont .booth_btn ul li {list-style:none; float:left;}
.booth_cont .booth_btn a {}
.booth_cont .booth_btn a.booth_down {position:relative; display:block; z-index:7; background:url('/m/join/img/booth_down.gif') top left no-repeat; color:#fff; height:41px; line-height:41px; padding:0 18px 0 35px; margin-right:5px; }
.booth_cont .booth_btn a.booth_big {position:relative; display:block; z-index:6; background:url('/join/img/booth_big.gif') top left no-repeat; color:#fff; height:41px; line-height:41px; padding:0 15px 0 35px;}
.booth_cont .booth_btn a.booth_refresh {position:relative; display:block; z-index:6; background:#ef8100; color:#fff; height:41px; line-height:41px; width:150px; text-align:center; margin-right:5px;}


.booth_img {padding:20px 0px; border:2px solid #ddd; text-align:center;}
.big {width:1200px;}
.big a.close {float:right; width:30px; height:30px; border:1px solid #333;}

#mask {position:absolute !important;left:0;top:0;z-index:99999999;background:#000000;display:none;}
#boxes .window {position:fixed;left:0;top:0;width:1200px;display:none;z-index:99999999;}
#boxes #dialog {width:1200px;padding:15px; background-color:#fff;}


/* ¿À½Ã´Â ±æ */
.location {}
.location .map_info {position:relative; margin-top:15px; background:#f6f6f6; padding:25px 20px;}
.location .map_info strong {color:#333; font-size:18px; display:inline-block; margin-bottom:5px; font-weight:600;}
.location .map_info p {line-height:170%;}
.location .map_info a {display:inline-block; position:absolute; z-index:3; top:25px; width:120px; padding:10px 0; text-align:center; transition:all 0.3s ease-out;}
.location .map_info a.print {right:20px; border:1px solid #1b3756; color:#1b3756; background:#fff;}
.location .map_info a.print:hover {background:#1b3756; color:#fff;}
.location .map_text {margin-top:10px; letter-spacing:-0.5pt; transition:all 0.3s ease-out; }
.location .map_info a.detail {right:20px; border:1px solid #dd1e48; color:#fff; background:#dd1e48;}
.location .map_info a.detail:hover {background:#b60b31; border:1px solid #b60b31;}

.location .map_text {margin-top:10px; transition:all 0.3s ease-out; }
.location .map_text a {display:inline-block; margin-left:10px; border:1px solid #1b3756; text-align:center; font-size:13px; padding:5px 7px; color:#1b3756; transition:all 0.3s ease-out;}
.location .map_text a:hover {background:#1b3756; color:#fff; transition:all 0.3s ease-out;}

.location .traffic {margin-top:30px;}
.location .traffic .traffic_con {margin-bottom:30px;}
.location .traffic h5 {color:#1b3756; font-size:20px; font-weight:600; margin-bottom:10px;}
.location .traffic h5 img {margin-right:5px; vertical-align:middle;}
.location .traffic p {margin-bottom:3px;}
.location .traffic strong {color:#333; font-weight:600;}
.location .traffic span {display:block;}
.location .traffic span.pad {margin-bottom:15px;}


/********** ÀÌ¿ë¾È³» **********/

.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:20px; color:#333; padding-bottom:18px; font-family:NotoKR-Bold;}
p.cont_tit {display:block; font-size:19px !important; padding-bottom:10px; font-family:NotoKR-Bold; color:#444 !important;}
.cont_txt {padding:0px 0px 35px 0; font-size:14px;  line-height:22px;}
.cont_txt2 {padding-bottom:25px; font-size:14px; line-height:22px; word-break:keep-all;}
.cont_txt3 {padding-bottom:20px; font-size:14px; line-height:22px;}
.cont_box {padding:20px 15px; background:#f5f5f5; margin:10px 0px 10px 0px; display:block; font-size:14px; line-height:22px; word-break:keep-all;}
.cont_box strong { display:block; color:#444;}
.cont_box strong.non {display:inline;}
.cont_box2 {border:1px solid #ddd; padding:20px 15px; background:#f5f5f5; margin:0px 0px 35px 0px; display:block; font-size:14px; line-height:22px; word-break:keep-all;}

.policy_con strong{font-family:NotoKR-Medium; font-weight:100; color:#444; }
.policy_con strong a{font-family:NotoKR-Medium; font-weight:100; color:#666;}
.policy_con .center_txt {text-align:center; font-family:NotoKR-Medium; padding-bottom:10px; font-size:16px;}

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 

.policy_head { font-size:25px; font-weight:100; font-family:NotoKR-Bold; color:#2c4c2e; padding-bottom:25px; text-align:center; }


/* »çÀÌÆ®¸Ê */
.sitemap_con { position:relative; overflow:hidden; }
.sitemap_con dl {float:left; width:23.05%; margin-right:2.6%}
.sitemap_con dl:nth-child(4n){margin:0;}
.sitemap_con dt{border-top:3px solid #1b3756; text-align:center; color:#333; font-size:17px; background:#f9f9f9; padding:14px 0 ; border-bottom:1px solid #ddd; } 
.sitemap_con dt.two{margin-top:20px;}
.sitemap_con dd{font-size:15px; border-bottom:1px solid #ddd; padding:13px 0; text-align:center;;}
.sitemap_con dd a{padding:0 5px; box-sizing:border-box; }
	.sitemap_con dd a:hover{color:#111; }