@charset "euc-kr";

body{line-height:16px; font-family:'ngbold';}
input, select, a{outline:none;}

/* Ä«Å÷¿¬¾Ö ½É¸® */
.cartoon_test{width:810px; height:830px; background:url('/guide/img/bg_cartoon_test.gif') no-repeat;}
.cartoon_test .header{position:relative; height:223px;}
.cartoon_test .header h3{padding:32px 0 0 13px;}
.cartoon_test .header p{position:absolute; top:25px; right:27px;}
.cartoon_test h4 span{display:inline-block; margin-right:8px; padding-top:9px; width:142px; height:27px; color:#fff; text-align:center; font-size:23px; font-weight:bold; font-family:'Myriad Pro'; background:url('/guide/img/bg_cartoon_step.gif') no-repeat;}
.cartoon_test h4{padding:18px 0 0 48px; margin:0; font-size:18px; font-family:'ngBold';}
.cartoon_test ul{overflow:hidden; padding:16px 0 0 39px;}
.cartoon_test ul li{float:left;}
.cartoon_test ul li:first-child{margin-right:20px;}
.cartoon_test .ft_txt{padding:81px 0 0 56px;}
.cartoon_test_fn{width:810px; height:931px; background:url('/guide/img/bg_cartoon_test2.gif') no-repeat;}
.cartoon_test_fn .header h3{padding:16px 0 0 56px;}
.cartoon_test_fn .header p span{display:inline-block; width:151px; height:24px; line-height:24px; text-align:center; color:#000; background:url('/guide/img/bg_cartoon_fn.gif') no-repeat;}
.cartoon_test_fn .header p{padding:10px 0 0 48px; color:#fff;}
.cartoon_test_fn .header p em{color:#fcff00;}


.ms_list{height:434px; padding:40px  0 0 61px; *zoom:1; font-size:18px;}
.ms_list:after{content:''; display:block; clear:both; }
.ms_list > li{position:relative; float:left; width:324px; margin-bottom:15px;}
.ms_list > li.left{margin-right:55px;}
.ms_list > li h4{padding:9px 0 0 0; width:123px; height:33px; text-align:center; color:#bbeeff; font-size:16px; z-index:5; background:url('/guide/img/bg_cartoon_title.png') no-repeat;}
/* .ms_list > li span{position:absolute; top:10px; left:134px; font-size:14px; color:#5268b3; font-family:'ngBold';} */
.ms_list > li.sel_left{margin-bottom:65px; *zoom:1;}
.ms_list > li.sel_left:after{display:block; content:''; clear:both;}
.ms_list > li.sel_left span{top:62px; left:154px;}
.ms_list > li .small_slec{float:left;}
.ms_list .ms_chk{overflow:hidden;}
.ms_list .ms_chk li{float:left; margin-right:8px;}
.ms_list .ms_chk li a{display:block; padding-top:19px; width:154px; height:33px;  font-family:'ngBold'; font-size:18px; color:#539cb4; text-align:center; background:url('/guide/img/bg_cartoon_txt1.png') no-repeat;}
.ms_list .ms_chk li a.disable{background:url('/guide/img/bg_input_disable.png') no-repeat;}
.ms_list .ms_chk li a.disable.actOn{background:url('/guide/img/bg_input_disable.png') no-repeat; color:#5268b3; background-position:0 0;}
.ms_list .ms_chk li a.actOn{color:#000; background-position:0 -54px;}
.ms_list .ms_chk li a:hover{text-decoration:none; /* color:#000; background-position:0 -54px; */}

.ms_list .phone,.my_info .addr{*zoom:1;}
.ms_list .phone:after{display:block; content:''; clear:both;}
.ms_list .phone div{float:left;}
.ms_list .phone .dash{padding:0 2px 0 1px; vertical-align:middle;}
.ms_list .addr:after{display:block; content:''; clear:both;}
.ms_list .addr div{float:left;}
.ms_list .addr div.first{margin-right:7px;}

.btn_area{text-align:center; margin:25px 0}
.btn_area p{font-size:14px; margin:15px 0 10px; *padding-bottom:10px; font-family:'ngBold';}
.btn_area .chk_wrap{position:relative;}
.btn_area .chk_wrap input{outline:none; position:absolute; line-height:0px; top:2px; left:8px; filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:.0;}
.btn_area .chk_wrap label{display:inline-block; padding:5px 0 0 41px; height:28px; background:url('/search/img/bg_checkbox.gif') no-repeat;} 
.btn_area .chk_wrap label.actOn{background-position:0 -34px;}

.layer_foot{width:498px; margin:0 auto;}
.layer_foot .title{font-size:16px;}
.layer_foot h5{margin:0; padding:0; font-family:'ngBold'; font-size:16px;}
.layer_foot p:first-child{padding-top:0;}
.layer_foot p, .layer_foot ul{margin:0; padding:0;}
.layer_foot p{padding-top:10px;}
.layer_foot p.first{padding-top:0;}
.layer_foot ul{padding-top:5px;}
.cartoon_test_fn #mcs_container_wrap{width:478px; height:85px; background:url('/guide/img/bg_ct_textarea.png') no-repeat;}
.cartoon_test_fn #mcs_container .customScrollBox .container{width:455px;}
.cartoon_test_fn #mcs_container_wrap .content{color:#3390ae;}
.cartoon_test_fn #mcs_container .dragger{background:#11a3d3;}
.cartoon_test_fn #mcs_container .dragger_container{background:#cceaff;}
.cartoon_test_fn #mcs_container .scrollUpBtn{right:0; background:url('/guide/img/img_arr_up2.gif') no-repeat;}
.cartoon_test_fn #mcs_container .scrollDownBtn{right:0; bottom:10px; background:url('/guide/img/img_arr_down2.gif') no-repeat;}

.ms_list .sbHolder{background:url('/guide/img/bg_ct_select.png') no-repeat;}
.ms_list .sbToggle{background:url('/guide/img/btn_arr_down2.png') no-repeat;}
.ms_list .phone .sbHolder{width:91px; background:url('/guide/img/bg_ct_select3.png') no-repeat;}
.ms_list .addr #region1 .sbHolder{width:153px; background:url('/guide/img/bg_ct_select2.png') no-repeat;}
.ms_list .addr #region2 .sbHolder{width:153px; background:url('/guide/img/bg_ct_select2_off.png') no-repeat;}
.ms_list .addr .sbSelector{width:153px;}
.ms_list .addr:after{display:block; content:''; clear:both;}
.ms_list .addr{z-index:200;}
.ms_list .addr div{float:left; z-index:200;} 
.ms_list .addr #region1{margin-right:10px;}
.ms_list .addr .sbOptions{z-index:200; *background-image:none !important; *background:#fff !important; width:152px; *width:150px; background:url('/search/img/bg_sbOptions4.png') no-repeat 0 bottom;}
.ms_list #region2 .sbOptions{*background-image:none !important; *background:#fff !important; width:152px; *width:150px; background:url('/search/img/bg_sbOptions5.png') no-repeat 0 bottom;}
.ms_list .phone .sbOptions{z-index:300; left:0; *background-image:none !important; *background:#fff !important; width:88px; *width:86px; background:url('/guide/img/bg_ct_sbOptions.png') no-repeat 0 bottom;}
.ms_list .phone .sbSelector{width:88px;}
.ms_list .phone{z-index:300;}

.ms_list .sbOptions a:hover,
.ms_list .sbOptions a:focus,
.ms_list .sbOptions a.sbFocus{
	font-weight:bold;
	color:#3893b1;

}

.ms_list .last, .ms_list .last .sbOptions{*width:311px; z-index:100;}
.ms_list .input_wrap{display:inline-block; margin-top:4px; width:314px; height:50px; background:url('/guide/img/bg_ct_select.png') no-repeat;} 
.ms_list .input_wrap input{padding-left:18px; height:50px; line-height:50px; border:0; background:none; font-size:18px; font-family:'ngbold';}
.ms_list .phone  .input_wrap{width:91px; background: url('/guide/img/bg_ct_select3.png') no-repeat;}
.ms_list .birth  .input_wrap{width:72px; background: url('/guide/img/bg_ct_input.png') no-repeat;}
.ms_list .phone  .input_wrap input{width:70px;}
.ms_list .birth  .input_wrap input{width:53px;}

.cartoon_fn{position:relative; width:826px; height:810px; background:url('/guide/img/bg_cartoon_fn2.gif') no-repeat;}
.cartoon_fn .header{padding:19px 0 0 54px;}
.cartoon_fn .header p{margin-top:19px;}
.cartoon_fn .contents{padding:89px 0 0 31px;}
.cartoon_fn .contents dl{width:667px; height:263px; padding-left:40px; margin-top:51px;}
.cartoon_fn .contents dl dt {font-size:16px;}
.cartoon_fn .contents dl dt em{color:#ee5002; font-size:16px;}
.cartoon_fn .contents dl dd{margin-top:19px; font-family:'Dotum'; font-size:12px; line-height:22px;}
.cartoon_fn .ft_txt{position:absolute; top:699px; left:54px;}

/* ¿¬¾Ö °ßÀû 20141118 */
.date_estimate{width:810px; height:677px; background:url('/guide/img/bg_estimate.jpg') no-repeat;}
.date_estimate .tbl_wrap{padding:120px 0 0 11px;}
.date_estimate .tbl_wrap table{width:791px;}
.date_estimate .tbl_wrap table thead th{padding:15px 0;}
.date_estimate .tbl_wrap table tbody th{padding:11px 0; padding:5px 0\9;}
.date_estimate .tbl_wrap table tbody td .inp_wrap{display:inline-block; width:104px; height:47px; background:url('/guide/img/bg_est_input.gif') no-repeat;}
.date_estimate .tbl_wrap table tbody td input{margin:3px; width:96px; height:37px; line-height:37px; border:none; color:#d22100; text-align:center; font-family:'ngBold'; font-size:18px;}
.date_estimate .tbl_wrap table tbody td .td_wrap{padding-left:16px; font-family:'ngBold'; font-size:16px; color:#666;}
/* .date_estimate .tbl_wrap table tbody td .slc_wrap{display:block; width:134px; height:46px; background:url('/guide/img/bg_est_select.gif') no-repeat;}
.date_estimate .tbl_wrap table tbody td .slc_wrap select{margin:3px; width:128px; height:40px; border:none;  font-family:'ngBold'; font-size:18px; color:#d22100;} */
.date_estimate .tbl_wrap table tbody td p{padding-top:10px; margin:0;}
.date_estimate .tbl_wrap table tbody td .slider{width:448px; margin:36px 0 0 25px;}
.date_estimate .tbl_wrap table tbody td .slider p{padding-top:0; margin:7px 0 0 0; text-align:center;}
.date_estimate .tbl_wrap table tbody td .slider p input{margin:0; width:100%; height:20px; line-height:20px; color:#d22100; font-family:'ngBold'; font-size:16px; }
.date_estimate .tbl_wrap table tbody td .slider .ui-widget-header{background:#ff6d6d;}
.date_estimate .tbl_wrap table tbody td .slider .ui-state-default{border:none; outline:none; background:url('/guide/img/btn_slider_off.png') no-repeat;}
.date_estimate .tbl_wrap table tbody td .slider .ui-state-hover{border:none; background:url('/guide/img/btn_slider_on.png') no-repeat;}
.date_estimate .tbl_wrap table tbody td .slider .ui-state-active{border:none; outline:none;}
.date_estimate .tbl_wrap table tbody td .slider .ui-slider-handle{display:block; width:18px; height:18px;}


.date_estimate .tbl_wrap table tbody td #slider1{margin-top:0px;}
.date_estimate .tbl_wrap table tbody td #slider2{margin-top:0px;}
.date_estimate .tbl_wrap table tbody td #slider3{margin-top:0px;}
.date_estimate .tbl_wrap table tbody td #slider4{margin-top:0px;}
.date_estimate .tbl_wrap table tbody td #slider5{margin-top:0px;}
.date_estimate .btn_area{margin-top:20px;}


/* Selects */
.comm_sel {float:left;margin-right:5px}
.comm_sel .jq_sel {display:block;position:relative; width:134px; height:46px;background:url('/guide/img/bg_est_select.gif') no-repeat 0 0;font-size:11px}
.comm_sel .jq_sel span {position:absolute;left:15px;top:0;white-space:nowrap;height:46px;width:100%;_width:auto;line-height:46px; font-family:'ngBold'; text-align:left; font-size:16px; color:#d22100;overflow:hidden; cursor:pointer}
.comm_sel .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;top:18px;right:9px;width:16px;height:10px;background:url('/guide/img/btn_est_select.gif') no-repeat 100% 0}
.comm_sel .jq_sel ul {overflow:auto;position:absolute; width:134px !important; padding-bottom:5px; z-index:9999;top:42px;left:0px;max-height:300px;width:100%;list-style:none ;background-color:#fff; background:url('/guide/img/bg_est_select.png') no-repeat 0 bottom;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.comm_sel .jq_sel ul li{width:134px;}
.comm_sel .jq_sel ul a {display:block;padding:4px 2px 4px 15px;text-decoration:none; font-family:'ngBold'; text-align:left; font-size:16px; color:#aaa;}
.comm_sel .jq_sel ul a:hover {color:#d22100;}
.comm_sel .jq_sel ul a.selected {}
.comm_sel .jq_sel_hide {display:none}


/* 20160531 °³ÀÎÁ¤º¸µ¿ÀÇ */
.per_agr_wrap{width:719px;margin:0 auto;background:#fff;border:2px solid #ccc;font-family:'ngBold';font-size:12px}
.per_agr_wrap input{margin-top:2px;vertical-align:top}
.per_agr_wrap label{margin-left:5px}
.per_agr_wrap label span{color:#666;font-family:'ng';font-size:12px}
.agr_head{height:26px;padding:10px 0 0 10px;background:#f0efef}
.agr_head label{color:#333;font-size:14px}
.agr_cont{height:66px;padding:8px 10px 7px;border-top:1px solid #f6f5f5}
.agr_desc_box{display:inline-block}
.agr_desc_box.v2{margin-left:5px}
.agr_desc{overflow-x:hidden;overflow-y:auto;width:323px;height:24px;margin-top:6px;padding:10px;border:1px solid #ccc;color:#666;font-family:'ng'}
.agr_desc p{margin-top:10px;}
.agr_desc p:first-child{margin-top:0;}
.agr_desc ul{margin-top:7px;}
.agr_desc ul li{margin-top:4px;}
.agr_desc ul li p{padding-top:3px;}
.agr_desc dl{padding-top:3px;}
.agr_desc dd{padding:3px 0; line-height:16px;}

