/* 
Project : ·¯¿äÁ¶ ȸ¿ø°¡ÀÔ
Author  : kimjeongju
Date    : 2017-04-20
*/

/* Common */
html, body {	font-family: 'microsoft yahei', 'simsun,arial', 'helvetica', 'clean'; font-size:14px; -webkit-font-smoothing: antialiased; }

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.prelative{position:relative;}
.pabsolute{position:absolute;}
.line_height{ line-height:0px;}
.martop10{margin-top:10px;}
.martop20{margin-top:20px;}
.martop30{margin-top:30px;}

/* Layout */
.container-mid{width:565px; margin:0 auto; text-align:left;}
.container{position:relative; width:750px;margin:0 auto; text-align:center; }
.container-fluid{position:relative;width:100%;margin:0 auto;  text-align:center;}

.topline{border-bottom: 1px solid #ccc; height:5px; width:100%; float:left;}
.txtred{font-size:28px; color:#ff3300; text-align:left; padding-left:12px; line-height:28px;}

.join_field {font-size:16px;}
.join_field .txth2{padding-top:30px;}
.join_field .join_components{*position:relative;*z-index:102;width:100%;margin-top:18px}
.join_field .join_components label{display:block;overflow:hidden;height:43px;border:1px solid #d7d7d7;font-size:0;line-height:0;vertical-align:top}
.join_field .join_components input{display:block;width:100%;height:15px;padding:14px 0;border:0;line-height:18px;font-size:18px;color:#808080;text-indent:13px;vertical-align:top; font-weight:600;}
.join_field .join_components label.city_2{float:right;display:block;overflow:hidden;height:42px;font-size:0;line-height:0;padding:0px;border:0px; border-left:1px solid #d7d7d7;}
.join_field .join_components input.city_2{float:right;display:block;width:324px;height:40px;padding:0px;border:0;line-height:18px;font-size:18px;color:#808080;}
.join_field .join_components ::-webkit-input-placeholder{color:#808080}
.join_field .join_components :-moz-placeholder{color:#808080}
.join_field .join_components ::-moz-placeholder{color:#808080}
.join_field .join_components :-ms-input-placeholder{color:#808080}
.join_field .join_components li{position:relative;margin-top:20px}
.join_field .join_components li:first-child{margin-top:0}

.join_field .join_components .select_box{height:43px;border:1px solid #d7d7d7; box-sizing: border-box;}
.join_field .join_components .txt{padding:14px; height:14px; width:60px; display:block; color:#808080 !important; float:left;font-weight:600;line-height:13px;}
.join_field .join_components .txt2{padding:13px; height:15px; width:210px; display:block; color:#808080 !important; float:left; border-left:1px solid #d7d7d7; text-align:center; cursor: pointer; line-height:15px;}
.join_field .join_components .txt2:hover, .join_field .join_components .txt2.active{background-color:#fafafa;}
.join_field .join_components .txt3{padding:13px; height:15px; width:68px; display:block; color:#808080 !important; float:left; border-left:1px solid #d7d7d7; text-align:center; cursor: pointer; line-height:15px;}
.join_field .join_components .txt3:hover, .join_field .join_components .txt3.active{background-color:#fafafa;}
.join_field .join_components .txt4{padding:13px; height:15px; width:48px; display:block; color:#808080 !important; float:left; border-left:1px solid #d7d7d7; text-align:center; cursor: pointer; line-height:15px;}
.join_field .join_components .txt4:hover, .join_field .join_components .txt4.active{background-color:#fafafa;}
.container .txt5{font-size:18px; font-weight:800; color:#808080;}

.join_field .join_components .years{width:138px; height:41px; border:0px; border-left:1px solid #d7d7d7; font-size:16px; padding:2px 0 0 10px;color:#808080;}
.join_field .join_components .months{width:82px; height:41px; border:0px; border-left:1px solid #d7d7d7; font-size:16px; padding:2px 0 0 10px;color:#808080;}
.join_field .join_components .days{width:80px; height:41px; border:0px; border-left:1px solid #d7d7d7; font-size:16px; padding:2px 0 0 10px;color:#808080;}
.join_field .join_components .city{width:138px; height:41px; border:0px; border-left:1px solid #d7d7d7; font-size:16px; padding:2px 0 0 10px;color:#808080;}