/* basic-set */
b { font-weight:700; }
.bt_txt { position:relative; display:inline-block; zoom:1; *display:inline; text-align:center; }
.bt_txt:hover { text-decoration:none; }
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
}

* { position:relative; }
.eng { font-family: 'Open Sans', sans-serif !important; }


.wrap .t_add .t_add_title { color: #211f20; }
.wrap .t_add span{ color: #000000 !important; }
.wrap .t_add { font-size: 24px !important; color: #f42338; text-align:center; margin-bottom: 7px !important; }




/* layout */
#wrap { min-width:1400px; }

#header { position:absolute; top:0; left:0; right:0; transition:all 0.2s; -webkit-transition:all 0.2s; z-index:20; }
#header.sticky { position:fixed; background:#fff; }
#header .wrap { width:1400px; margin:0 auto; height:100px; }
#header .wrap h1 { position:absolute; top:36px; left:0; }
#header .wrap h1 a { display:block; width:150px; height:27px; background:url(../images/logo_w.png); text-indent:-9999px; }
#header.main .wrap h1 a { background:url(../images/logo.png); }
#header.sticky .wrap h1 a { background:url(../images/logo.png); }

#gnb { position:absolute; top:0; right:0; }
#gnb a:hover { text-decoration:none; }
#gnb>li { float:left; margin-left:70px; }
#gnb>li>a { display:block; line-height:100px; font-family: 'Open Sans', sans-serif; font-size:16px; color:rgba(255,255,255,0.5); font-weight:600; letter-spacing:0; }
#gnb>li:hover>a { color:rgba(255,255,255,1); }
.main #gnb>li>a { color:rgba(35,31,32,0.7); }
.main #gnb>li:hover>a { color:rgba(35,31,32,1); }
.sticky #gnb>li>a { color:rgba(35,31,32,0.7); }
.sticky #gnb>li:hover>a { color:rgba(35,31,32,1); }
#gnb>li>ul { position:absolute; top:100%; left:0; width:140px; padding:7px 20px; background:#f1f1f2; border-top:2px solid #231f20; display:none; }
#gnb>li:hover>ul { display:block; }
#gnb>li>ul>li>a { display:block; font-size:15px; line-height:34px; color:#999; }
#gnb>li>ul>li>a:hover { font-weight:700; color:#231f20; }

#footer { background:#231f20; }
#footer .wrap { width:1400px; height:240px; margin:0 auto; }
#footer .wrap .logo { position:absolute; top:56px; left:0; }
#footer .wrap .copyright { position:absolute; top:130px; left:0; color:rgba(255,255,255,0.40); /*color:rgba(255,255,255,0.15);*/}
#footer .wrap .bt_top { position:absolute; bottom:70px; right:0; }
#footer .wrap .p_info { position:absolute; top:69px; right:0; }
#footer .wrap .p_info dl { margin-bottom:32px; font-size:14px; color:#fff; }
#footer .wrap .p_info dl dt { margin-bottom:10px; }
#footer .wrap .p_info dl dd { color:rgba(255,255,255,0.4); }
#footer .wrap .p_info dl dd span { margin-left:10px; padding-left:17px; background:url(../images/ic_f_phone.png) no-repeat 0 4px; }


/* main */
.mt_slier { height:750px; overflow:hidden; z-index:0; }
.mt_slier .swiper-slide { height:750px; background-position:center 50%; background-repeat:no-repeat; }
.mt_slier .swiper-slide .tx { position:absolute; top:245px; left:50%; margin-left:-700px; font-size:16px; line-height:26px; color:#666; }
.mt_slier .swiper-slide .tx .tit { font-size:65px; line-height:100%; color:#231f20; font-weight:700; margin-bottom:25px; }
.mt_slier .swiper-slide .tx p { margin-bottom:45px; }
.mt_slier .swiper-slide .tx .bt_view_more { display:inline-block; width:160px; line-height:52px; font-size:15px; text-align:center; background:#fff; border-radius:30px; }
.mt_slier .swiper-slide .tx .bt_view_more:hover { text-decoration:none; }
.mt_slier .ct_area { position:absolute; bottom:50px; right:50%; margin-right:-700px; z-index:10; }
.mt_slier .pagination { display:inline-block; vertical-align:middle; }
.mt_slier .swiper-pagination-bullet { width:12px; height:12px; background:rgba(35,31,32,0.1); margin-left:13px; }
.mt_slier .swiper-pagination-bullet-active { background:rgba(35,31,32,1); }
.mt_slier .bt { display:none; width:15px; height:15px; text-indent:-9999px; vertical-align:middle; }
.mt_slier .bt.bt_stop { background-image:url(../images/m_slider_bt_stop.png); }
.mt_slier .bt.bt_play { background-image:url(../images/m_slider_bt_play.png); }
.mt_slier .bt.on { display:inline-block !important; }
.mt_slier .swiper-button-prev,
.mt_slier .swiper-button-next { top:0; bottom:0; width:58px; background-repeat:no-repeat; background-position:center 396px; }
.mt_slier .swiper-button-prev { left:50%; margin-left:-890px; background-image:url(../images/m_slider_bt_prev.png); }
.mt_slier .swiper-button-next { right:50%; margin-right:-890px; background-image:url(../images/m_slider_bt_next.png); }

#m_about { position:absolute; top:-212px; left:0; }
.m_about { background:#f3f4f5; z-index:1; display: none;}
.m_about .wrap { width:1400px; height:790px; margin:0 auto; }
.m_about .wrap .w_box { position:absolute; top:-102px; left:0; width:500px; height:525px; background:#fff; padding:100px 75px 0; font-size:20px; line-height:32px; color:#666; letter-spacing:-1px; }
.m_about .wrap .w_box .logo { margin-bottom:95px; }
.m_about .wrap .w_box b { color:#333; }
.m_about .wrap .w_box em { color:#ea2227; }
.m_about .wrap h2 { position:absolute; top:93px; left:730px; font-size:32px; color:#333; }
.m_about .wrap .map { position:absolute; top:157px; left:730px; width:670px; }
.m_about .wrap .map ul { position:absolute; top:123px; left:362px; }
.m_about .wrap .map ul li { padding-left:12px; margin-bottom:34px; font-size:16px; line-height:26px; color:#999; }
.m_about .wrap .map ul li:before { content:''; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:100%; }
.m_about .wrap .map ul li:nth-child(1):before { background:#f29e6b; }
.m_about .wrap .map ul li:nth-child(2):before { background:#4b83f2; }
.m_about .wrap .map ul li:nth-child(3):before { background:#4ed9b1; }
.m_about .wrap .map ul li b { display:block; color:#333; font-weight:600; }

.m_our_service .wrap { width:1400px; height:590px; margin:0 auto; }
.m_our_service .wrap h2 { position:absolute; top:90px; left:0; right:0; font-size:32px; line-height:100%; color:#333; text-align:center; }
.m_our_service .wrap .t_tx { position:absolute; top:130px; left:0; right:0; font-size:16px; line-height:100%; color:#999; text-align:center; }
.m_our_service .wrap .list { position:absolute; top:206px; left:50%; margin-left:-50%; width:1400px; height:300px; overflow:hidden; }
.m_our_service .wrap .list ul { width:1400px; }/*리스트 한개 추가시 280px 추가*/
.m_our_service .wrap .list ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.m_our_service .wrap .list ul li { float:left; width:270px; margin-right:10px; text-align:center; }
.m_our_service .wrap .list ul li:last-child { margin:0; }
.m_our_service .wrap .list ul li .ph { width:170px; height:170px; margin:0 auto 27px; border-radius:100%; overflow:hidden; background-size:cover; }
.m_our_service .wrap .list ul li .ph .ov { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); font-size:14px; line-height:170px; color:#fff; font-weight:700; opacity:0; transition:all 0.2s; -webkit-transition:all 0.2s; }
.m_our_service .wrap .list ul li:hover .ph .ov { opacity:1; }
.m_our_service .wrap .list ul li .tx { font-size:16px; line-height:24px; color:#666; }
.m_our_service .wrap .list ul li .tx b { display:block; font-size:18px; font-weight:500; color:#231f20; margin-bottom:8px; }
.m_our_service .wrap .list ul li .bt_view_more { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }

.m_client { background:url(../images/m_client_bg.jpg) no-repeat center center; background-size:cover; }
.m_client .wrap { width:1400px; padding:88px 0 65px; margin:0 auto; }
.m_client .wrap h2 { font-size:32px; line-height:100%; color:#fff; text-align:center; margin-bottom:25px; }
.m_client .wrap .t_tx { font-size:16px; line-height:100%; color:rgba(255,255,255,0.6); text-align:center; margin-bottom:60px; }
.m_client .wrap .list { width:1125px; margin:0 auto; }
.m_client .wrap .list:after { content: ''; clear:both; display:block; height:0; visibility:hidden; }
.m_client .wrap .list li { float:left; width:200px; height:80px; line-height:80px; margin:0 12px 25px 13px; background:rgba(255,255,255,0.1); text-align:center; }
.m_client .wrap .list li img { max-height:80%; max-width:80%; vertical-align:middle; }
.main_r_photo {display:none;}
.main_r_photo img {max-width:700px;}


/* sub */
.st_area { height:450px; background-size:cover; background-position:center center; }
.st_area.st_service { background-image:url(../images/st_img_service.jpg); }
.st_area.st_contact { background-image:url(../images/st_img_contact.jpg); }
.st_area h2 { font-family: 'Open Sans', sans-serif; line-height:450px; font-size:50px; color:#fff; text-align:center; }

.location { border-bottom:1px solid #dfdfdf; margin-bottom:70px; }
.location ul { width:1400px; margin:0 auto; line-height:71px; font-size:14px; color:#999; }
.location ul li { display:inline-block; padding-right:14px; margin-right:6px; background:url(../images/location_arrow.png) no-repeat right center; }
.location ul li:last-child { background:none; }
.location ul li a { color:#999; }
.location ul li:first-child a { color:#231f20; font-weight:500; }

#container { padding-bottom:100px; }
#container .wrap { width:1400px; min-height:500px; margin:0 auto; }
#container .wrap h3 { font-size:28px; line-height:30px; color:#333; font-weight:700; text-align:center; margin-bottom:20px; }
#container .wrap .t_guide { font-size:16px; line-height:18px; color:#999; text-align:center;  margin-bottom:50px; }
#container .wrap .t_call { text-align:center;  margin-bottom:45px; }
#container .wrap:after { content: ''; clear:both; display:block; height:0; visibility:hidden; }

#lnb { float:left; width:300px; }
#lnb>li { border-bottom:1px solid #dfdfdf; }
#lnb>li>a { display:block; line-height:58px; font-size:18px; color:#231f20; font-weight:500; padding-left:28px; }
#lnb>li>a:hover { text-decoration:none; }
#lnb>li>a:after { content:''; position:absolute; top:23px; right:28px; width:12px; height:12px; background:url(../images/lnb_ic_open.png); }
#lnb>li.on>a { color:#fff; background:#ea1e30; }
#lnb>li.on>a:after { background:url(../images/lnb_ic_close.png); }
#lnb>li.ns>a:after { display:none; }
#lnb>li>ul { display:none; }
#lnb>li.on>ul { display:block; }
#lnb>li>ul { padding:16px 0px 28px 20px;}
#lnb>li>ul>li>a { display:block; font-size:16px; line-height:36px; }
#lnb>li>ul>li>a div{ line-height:20px; padding-bottom:18px;}

#contents { float:right; width:1030px; }
#contents h3,
#contents .t_guide { text-align:left !important; }

.ph_con { margin-bottom:40px; }
.ph_con p { margin-bottom:70px; }
.ph_con p:last-child { margin:0; }
.ph_con img { max-width:100%; border:1px solid #dfdfdf;}

.contact { padding:50px 250px; background:#f3f4f5; }
.contact .form:after { content: ''; clear:both; display:block; height:0; visibility:hidden; }
.contact dl { float:left; width:100%; margin-bottom:30px; letter-spacing:-1px; }
.contact dl.part { width:48%; }
.contact dl.budget { width:52%; }
.contact dl dt { position:absolute; top:0; left:0; line-height:60px; font-size:18px; font-weight:500; }
.contact dl.budget dt { left:75px; }
.contact dl dd { margin-left:103px; }
.contact dl.budget dd { margin-left:135px; }
.contact dl dd input[type=text] { width:100%; height:60px; padding:0 20px; font-size:18px; border:0; }
.contact dl dd ::-webkit-input-placeholder { color:rgba(35,31,32,0.3); }
.contact dl dd :-moz-placeholder { color:rgba(35,31,32,0.3); }
.contact dl dd ::-moz-placeholder { color:rgba(35,31,32,0.3); }
.contact dl dd :-ms-input-placeholder { color:rgba(35,31,32,0.3); }
.contact dl dd.sel:after { content:''; position:absolute; top:28px; right:20px; width:7px; height:4px; background:url(../images/select_arrow.gif); }
.contact dl dd select { width:100%; height:60px; padding:0 0 0 17px; font-size:18px; color:rgba(35,31,32,0.3); border:0; appearance:none; -webkit-appearance:none; }
.contact dl dd.on select { color:rgba(35,31,32,1); }
.contact dl dd select::-ms-expand { display:none; }
.contact dl dd textarea { width:100%; height:220px; padding:20px; font-size:18px; border:0; }
.contact dl.area { margin-bottom:60px; }
.contact dl.area dt { line-height:100%; }
.contact dl.area dd li { display:inline-block; font-size:13px; color:#999; margin-right:60px; }
.contact dl.area dd li:last-child { margin:0; }
.contact dl.area dd li b { display:block; font-size:18px; line-height:100%; color:#231f20; font-weight:500; margin-bottom:5px; }
.contact dl.area dd input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.contact dl.area dd input[type="radio"] + label { display:block; padding-left:27px; }
.contact dl.area dd input[type="radio"] + label:before { content:''; position:absolute; top:1px; left:0; width:16px; height:16px; background:url(../images/contact_radio.png); }
.contact dl.area dd input[type="radio"]:checked + label:before { background:url(../images/contact_radio_on.png); }
.contact .b_area { font-size:16px; color:#999; text-align:right; }
.contact .b_area .agree { position:absolute; top:0; left:103px; }
.contact .b_area input[type=checkbox] { vertical-align:middle; margin-top:-3px; }
.contact .b_area .bt_send { display:inline-block; width:160px; line-height:52px; background:#ea1e30; border-radius:30px; font-size:15px; color:#fff; font-weight:500; text-align:center; }
.contact .b_area .bt_send:hover { text-decoration:none; }

.file_attach {position:relative;margin-left:0px;border:0px solid #DEDEDE;padding:10px 0;display:inline-block;}
.file_attach div {float:left;display:block;height:24px;}
.file_attach .disp_icon {margin-left:-2px;}
.file_attach .file_name {margin-left:10px;font-size:16px;line-height:24px;margin-right:20px;}
.file_attach div.right {float:right;margin-right:10px;padding-top:3px;}
.file_attach div.right img{width:90%;}

#f_quest {position:fixed;right:150px;z-index:999;bottom:50px;}