@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script');
* {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}

body, html {overflow-x:hidden;}

#wrap {width:100%; margin:0 auto;}
#wrap_b {width:100%;height:330px; margin:0 auto; background:url(/images/main/bg_cs.jpg) 50% 50% no-repeat;}
#wrap_g {width:100%; margin:0 auto; background-color:#f5f5f5;}
#body {display:flex; flex-flow:row wrap; width:100%; margin:0 auto; width:1300px; }
#body_head {display:flex; flex-flow:row wrap; width:100%; margin:0 auto; height:110px; }
#body section {box-sizing:border-box;}


input[type="checkbox"]:checked+label, input[type="radiobox"]:checked+label, input[type="text"], input[type="number"], input[type="file"], input[type="password"]{
border:solid 1px #CCC;
text-align:center;
}

.selectbox {
border:solid 1px #CCC;
text-align:center;
}
/*
select::-ms-expand {
    display: none;
}
*/


/*헤더*/
.blind { position:absolute; display:none; left:0; top:110px; width:100%; height:150px;   z-index:90; background:#000; opacity:.65; filter:alpha(opacity=80);}
.logo { padding-top:40px;}
.header { position:absolute; display:block; width:1200px; height:120px;  margin:0 auto; z-index:100;  left:50%; margin-left:-600px;}
.header:after { display:block; content:""; clear:both; }

.header .gn_area { clear:both; position:relative; display:block;}
.header .gn { display:block; float:right; max-width:850px; margin:-30px auto; padding:0; }
.header .gn li { float:left; width:130px; height:55px; line-height:55px; text-align:center;}
.header .gn .label  { display:inline-block; font-size:18px; color:#333; font-weight:bold; text-align:center; cursor:pointer; } /* 대메뉴*/

.header .gn > li { position:relative; display:block; float:left; width:130px; height:75px; line-height:45px; text-align:center;}
.header .gn > li .label { display:inline-block; font-size:18px; color:#333; font-weight:bold; text-align:center;  } /* 대메뉴*/

.header .sn { position:absolute; display:none; left:0; top:75px; width:100%; overflow:hidden; z-index:999999; }
.header .sn > ul { display:block; height:170px; margin:-10px; padding:10px 0 0; }
.header .sn > ul > li { list-style:none; display:block; float:none; height:auto !important;  line-height:1 !important; margin:0; padding:5px 10px; }
.header .sn > ul > li a { display:block; font-size:14px; color:#fff; z-index:9999999;}
.header .sn > ul > li a:hover { font-weight:bold;}

.header .gn > li:hover { background:url('../../images/main/gn_over.png') no-repeat center top; } /*대메뉴 오버시 배경색 */
.header .gn li:hover ul { background:url('../../images/main/ul_bg.png') no-repeat center top; }

.main_cnt { display:block;}

/*메인비주얼*/
#main_visual { position:absolute; display:block; width:2000px; height:605px; overflow:hidden; left:50%; margin-left:-1000px;}
#main_visual .visual_area { position:absolute; display:block;  top:0; width:1200px; height:100%;  z-index:5; }
#main_visual .pager { position:absolute; display:block; left:50%; bottom:100px; margin-left:-600px; z-index:7; }


/*상담문의전화*/
.tel {float:left; width:298px; height:330px; text-align:left;  }
.tel_title {font-size:20px; color:#99ffff; font-weight:bold; padding-top:30px; padding-left:60px ;background:url(../../images/main/bul_tel.png) no-repeat left center;}
.tel_text1 {font-size:14px; padding-left: 20px; padding-top:20px; color:#ffff00; font-weight:bold;}
.tel_num {font-size:34px;  padding-left: 20px; padding-top:10px; color:#ffff00; font-weight:bold;}
.tel_num2 {font-size:16px; padding-left: 20px; padding-top:15px; color:#ffff; line-height:19px; }
.tel_num3 {font-size:14px; padding-left: 20px; padding-top:15px; color:#ffff; line-height:19px; }
.tel_text2 {font-size:13px; padding-left: 20px; padding-top:15px; color:#b8e5f4; line-height:18px; }

/*서브-상담문의전화*/
.stel {float:left; width:300px; height:300px; text-align:left;  background:#167BC7;  color:#fff; border-left:1px solid #ccc;}
.stel_title {font-size:20px; color:#99ffff; font-weight:bold; padding-top:30px; padding-left:60px ;background:url(../../images/main/bul_tel.png) no-repeat left center;}
.stel_text1 {font-size:14px; padding-left: 20px; padding-top:20px; color:#ffff00; font-weight:bold;}
.stel_num {font-size:34px;  padding-left: 20px; padding-top:0px; color:#ffff00; font-weight:bold;}
.stel_num2 {font-size:17px; padding-left: 20px; padding-top:10px; color:#ffff; line-height:24px; letter-spacing:2px;}
.stel_text2 {font-size:13px; padding-left: 20px; padding-top:15px; color:#b8e5f4; line-height:18px; }

/*간편 무료 견적*/
.est {float:left; width:600px; height:330px; text-align:left; color:#fff;  }
.est2 {float:left; width:300px; text-align:left; color:#fff; background:#167BC7; border-left:1px solid #ccc;}
.est_title {font-size:20px; color:#ffff66; font-weight:bold; padding-top:30px; padding-left:60px ;background:url(/images/main/bul_est.png) no-repeat left center;}
label.tit { font-weight:bold; width:80px; float:left;}

/*sms  문자 상담 신청*/
.sms {float:left; width:298px; height:330px; text-align:left; color:#fff; }
.sms2 {clear:both;float:left; width:300px; height:320px; text-align:left; color:#fff; background:#167BC7;}
.sms_title {font-size:20px; color:#99ffff; font-weight:bold; padding-top:30px; padding-left:60px;background:url(/images/main/bul_sms.png) no-repeat left center;}

/*이사 4종류*/
.mv1 {float:left; width:323px; height:235px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/main/mv1.png) 50% 80% no-repeat; transition:.2s;}
.mv2 {float:left; width:325px; height:235px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/main/mv2.png) 50% 80% no-repeat; transition:.2s;}
.mv3 {float:left; width:324px; height:235px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/main/mv3.png) 50% 80% no-repeat; transition:.2s;}
.mv4 {float:left; width:323px; height:235px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/images/main/mv4.png) 50% 80% no-repeat; transition:.2s;}
.mv_title {font-size:20px; font-weight:bold; color:#333; text-align:center; padding-top:30px;}
.mv_text {font-size:13px; text-align:center; color:#333; padding-top:5px;}
.blue {color:#2792b6;}
.blue2 {color:#006699;}
.green {color:#669900;}

.mv1:hover { background:#EEE url(/images/main/mv1.png) 50% 80% no-repeat;}
.mv2:hover { background:#EEE url(/images/main/mv2.png) 50% 80% no-repeat;}
.mv3:hover { background:#EEE url(/images/main/mv3.png) 50% 80% no-repeat;}
.mv4:hover { background:#EEE url(/images/main/mv4.png) 50% 80% no-repeat;}

/*온라인 견적 리스트*/
.list { text-align:left; float:left; width:649px; height:233px; background:#f7f7f7; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.list_title {font-size:20px; color:#333; font-weight:bold; padding-top:0px; padding-left:60px; background:url(../../images/main/bul_list.png)  3% 50% no-repeat; line-height:60px;}

/*이사 정보 안내*/
.info {float:left; width:649px; height:233px; text-align:left;}

.inf1 {float:left; width:324px; height:116px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf1.png)  95% 60% no-repeat; transition:.2s;}
.inf1_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.inf1_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.inf2 {float:left; width:323px; height:116px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf2.png) 95% 60% no-repeat; transition:.2s;}
.inf2_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.inf2_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.inf3 {float:left; width:324px; height:116px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf3.png) 95% 60% no-repeat; transition:.2s;}
.inf3_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.inf3_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.inf4 {float:left; width:323px; height:116px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf4.png) 95% 60% no-repeat; transition:.2s;}
.inf4_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.inf4_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.inf1:hover { background:#EEE url(/images/main/inf1.png) 95% 60% no-repeat;}
.inf2:hover { background:#EEE url(/images/main/inf2.png) 95% 60% no-repeat;}
.inf3:hover { background:#EEE url(/images/main/inf3.png) 95% 60% no-repeat;}
.inf4:hover { background:#EEE url(/images/main/inf4.png) 95% 60% no-repeat;}

/*서브-이사 정보 안내*/
.sinf1 {clear:both;float:left; width:298px; height:116px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf1.png) 95% 60% no-repeat; cursor:pointer;transition:.2s;}
.sinf1_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.sinf1_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.sinf2 {clear:both;float:left; width:298px; height:116px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf2.png) 95% 60% no-repeat; cursor:pointer;transition:.2s;}
.sinf2_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.sinf2_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.sinf3 {clear:both;float:left; width:298px; height:116px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf3.png) 95% 60% no-repeat; cursor:pointer;transition:.2s;}
.sinf3_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.sinf3_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.sinf4 {clear:both;float:left; width:298px; height:116px;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/main/inf4.png) 95% 60% no-repeat; cursor:pointer;transition:.2s;}
.sinf4_title {font-size:16px; font-weight:bold; color:#333; padding-top:25px; padding-left:25px;}
.sinf4_text {font-size:13px; color:#333; padding-top:8px; padding-left:25px; line-height:18px;}

.sinf1:hover { background:#EEE url(/images/main/inf1.png) 95% 60% no-repeat;}
.sinf2:hover { background:#EEE url(/images/main/inf2.png) 95% 60% no-repeat;}
.sinf3:hover { background:#EEE url(/images/main/inf3.png) 95% 60% no-repeat;}
.sinf4:hover { background:#EEE url(/images/main/inf4.png) 95% 60% no-repeat;}

/*푸터 */
.footer { position:absolute;width:1200px; left:50%; margin-left:-600px;}
.c_logo{ width:208px; padding-top:30px; font-size:1.5em;  text-align:center; color:#999;float:left;}
.footer p{ padding:20px; text-align:left; }
.copy { display:flex; width:100%;}
.copy p { font-size:12px; line-height:20px; color:#ddd; margin-left:80px;}
.text_box { float:left; width:902px;padding-top:10px;text-align:left;}
.s_text { font-size:9px; color:#ddd;}


/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{ border:none; width:240px; height:91px; background:transparent; font:12px/1.4em 굴림체; color:#000000; overflow:hidden; padding:0px; }
#msg_max	{ position:absolute; left:70px; top:0px; width:103px; height:63px; font-size:11px; color:#000000; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#000000; }
/* SMS */

.btn_g {
border:solid 1px #FFF;
color:#FFF;
font-weight:bold;
padding:5px 20px;
background:#88b61e;
font-size:20px;
box-shadow: 3px 3px 3px #709715;
border-radius:10px;
cursor:pointer;
}

.btn_g:hover { box-shadow:inset 3px 3px 3px #709715;}

.btn_b {
border:solid 1px #FFF;
color:#FFF;
font-weight:bold;
padding:2px 20px;
background:#2884b5;
font-size:16px;
box-shadow: 3px 3px 3px #1a6892;
border-radius:5px;
cursor:pointer;
}

.btn_b:hover { box-shadow:inset 3px 3px 3px #1a6892;}