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

img{border:none;vertical-align:top;}
#wrap{position:relative; height:100%}
#header{position:relative; border-bottom:4px solid #b50f27}
#header .logo{padding-bottom:10px}
#header_in{position:relative; width:940px; margin:0 auto}
.utilmenu{position:absolute; right:0; top:0; z-index:999}
.utilmenu li{float:left; margin-left:5px}

.utilmenu_main{position:absolute; right:0; bottom:10px; z-index:999}
.utilmenu_main li{float:left; margin-left:5px}

h1.big_title{position:relative; margin-top:20px; margin-bottom:10px}
h1.big_title span.coment{font-size:0.46em; color:#6d6d6d; font-weight:normal; display:block; padding-top:10px}

h1.big_title_lifemap{position:relative; margin-top:20px}
h1.big_title_lifemap span.coment{font-size:0.46em; color:#6d6d6d; font-weight:normal; display:block; padding-top:10px}

h3.sub_title{position:relative; margin-top:20px; padding-bottom:20px}

.text_big{font-size:1.3em}
.text_big2{font-size:1.3em; font-weight:600; padding-bottom:20px}
.text_big3{font-size:1.25em; font-weight:600; padding:8px; border-bottom:1px solid #d4d4d4; margin:10px 0; padding-left:15px; background:url(../img/content/ic_check.jpg) no-repeat 0 13px; }
.text_l{text-align:left !important}
.text_r{text-align:right !important}

.line_h{line-height:2em}

.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.mb30{margin-bottom:30px}

.mt20{margin-top:20px}
span.space{padding:0 10px; color:#c4c4c4}
.w50{width:55px}
.w80{width:80px}
.w100{width:100px}
.w120{width:120px}
.w150{width:150px}
.w180{width:180px}
.w200{width:200px}
.w800{width:800px}
.font09{font-size:0.9em}

.line_tb{border-top:3px solid #000}
.tip{border-bottom:3px solid #ecbabb; margin-bottom:10px} 

.search{position:relative; width:200px; margin-bottom:10px; float:left}
.search_bg{width:215px; border:1px solid #aaa; background:#fff; padding:4px; display:block; position:relative}
.search_bg input[type="text"]{background:none; padding:5px; width:185px}
.search_bg input[type="image"]{vertical-align:middle; position:absolute; right:5px; top:5px}
.search_bg .input_box{position: relative; width:185px}
.search_bg .input_box label {color:#999; position:absolute; top:5px; left:6px; cursor:text}

.mem_select{position:relative; width:250px; text-align:right; float:right}
.mem_select select{border:1px solid #aaa}
.right_coment{position:absolute; bottom:0; left:350px; display:block; width:600px; font-size:0.9em}


.btn_area_right{position:absolute; bottom:0px; right:0; text-align:right; width:400px}
.btn_area{text-align:center; margin-top:20px}
.btn_area_big{text-align:center; margin:20px 0 50px 210px; padding-top:20px; /*border-top:3px solid #494343*/}
.btn_area_big img{vertical-align:middle; margin-top:-4px}

.box_contents{position:relative; margin-bottom:15px}
.box_contents:after{clear:both; content:""; display:block}
.col2_1, .col2_2{float:left}
.col2_1{position:relative; width:210px}
.col2_2{position:relative; width:730px; font-size:0.9em}

#gotop{position:fixed; bottom:20px; right:30px;cursor:pointer}
.box_outline{position:relative; border:6px solid #ededed; padding:30px}

#tabs_big{position:relative; border-bottom:2px solid #b6122a; margin-bottom:10px; z-index:99; font-size:1em}
#tabs_big li{float:left; width:234px; margin-right:1px}
#tabs_big li+li+li+li{margin-right:0; width:235px}
#tabs_big li a.on{background:#b6122a}
#tabs_big li a{display:block; padding:13px 0; text-align:center; font-weight:600; color:#fff; background:#4b4b4b}

#tabs_big5{position:relative; border-bottom:2px solid #b6122a; margin-bottom:10px; z-index:99; font-size:1em}
#tabs_big5 li{float:left; width:187px; margin-right:1px}
#tabs_big5 li+li+li+li+li{margin-right:0; width:188px}
#tabs_big5 li a.on{background:#b6122a}
#tabs_big5 li a{display:block; padding:13px 0; text-align:center; font-weight:600; color:#fff; background:#4b4b4b}

#pop{position:relative; width:730px; margin:0 auto; padding-bottom:30px}
#pop .stitle{padding:20px 0}
#g_box{background:#f1f1f1; padding:20px}

#pop .db_line, #pop .f_red{font-size:0.9em}

#pop_pg{position:relative;background:#b50f27; padding:8px; height:100%}
#pop_pg .inbox{background:#fff; padding:20px; height:450px; position:relative; font-size:1em}
#pop_pg .nid{height:550px !important}
#pop_pg .inbox .stitle{padding-bottom:10px; border-bottom:2px solid #3e3e3e; margin-bottom:20px}
#pop_pg .inbox .stitle .vat{position:absolute; right:20px; top:30px; font-size:0.9em}
#pop_pg .inbox .product_nm{font-size:1.1em}
#pop_pg .inbox .paybox{position:relative; margin:20px 0; padding:20px 0; border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4}
#pop_pg .inbox .paybox li{float:left; font-size:1em; font-weight:600; border:1px solid #d4d4d4; margin-right:3px}
#pop_pg .inbox .paybox li a{display:block; padding:10px 20px; }
#pop_pg .inbox .paybox li.on{background:#4c505c}
#pop_pg .inbox .paybox li.on a{color:#fff}
#pop_pg .text_big{padding-bottom:10px}


#content{width:940px; margin:0 auto; position:relative}
#main{position:relative; padding-top:10px}

#main_top{position:relative}
#main01{position:relative; width:697px; float:left}
#main01 .bn_big{padding-top:10px}

#main_right{position:relative; width:233px; float:right}
.login{position:relative; padding:15px; border:1px solid #bcbcbc; margin-top:10px; height:193px; font-size:0.85em}
.login .nid_login{position:absolute; right:15px; top:80px}
.login .id_save{padding-top:10px; display:block}
.login .f_dgray{font-size:0.9em; display:block; margin-top:5px; line-height:1.1em}

#idpw .input_box {position: relative; width:140px}
#idpw .input_box label {color:#999; position:absolute; top:7px; left:6px; cursor:text; font-size:0.85em}
#idpw .input_box input[type="text"], .input_box input[type="password"]{padding:6px !important}
#idpw .input_box input[type="text"]{border-bottom:0}
#idpw .btn_login{position:absolute; top:15px; right:15px; width:61px;}
/*.input_box .input_id{width:140px}*/
/*.input_box .input_id, .input_box .input_pw{padding:5px 7px; width:100%; background:yellow}*/

.login .id_link{line-height:0; margin-top:15px}
.login .id_link a{display:block; height:29px}
.login .btn_lnk{margin-top:10px; padding-top:5px; border-top:1px solid #bcbcbc}
.login .btn_lnk dt, #login .btn_lnk dd{float:left}
.login .btn_lnk dt a{font-weight:600; color:#b50f27}
.login input[type="text"], .login input[type="password"]{background:#fff; border:1px solid #ededed}


#login_mem{position:relative; border:1px solid #bcbcbc; margin-top:10px; height:223px; font-size:0.85em}
#login_mem .mem_info{padding:15px; text-align:center; padding-bottom:10px; background:#f5f5f5}
#login_mem .mem_info .mem_id{display:block; padding:10px; font-weight:600}
#login_mem .mem_info .mem_btn{display:block}
#login_mem .mem_pay{padding:15px}
#login_mem .mem_pay .f_red{display:block; margin-top:10px; font-weight:600}

#main02{position:relative; padding-top:10px}
#main02 .bn_app{width:469px; float:left}

#footer{width:940px; margin:0 auto; position:relative; border-top:4px solid #b50f27; margin-top:30px; font-size:0.8em; color:#838383; padding:15px 0}
#footer .copy{position:relative; margin-left:200px; padding-bottom:30px}
#footer .copy_logo{position:absolute; left:0; top:10px}
#footer .fnb{margin-top:10px}
#footer .fnb li{float:left; color:#000; font-weight:600}