@charset "utf-8";

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%; }
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:1;font-family:'Droid Sans','Apple-Gothic','Tahoma',dotum, sans-serif;  color:#303b4f; }
a { text-decoration:none; color:#666}
em { font-style:normal }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,button { font-family:'Droid Sans','Apple-Gothic','Tahoma',dotum, sans-serif; border-radius:0; }
select { font-family:'Droid Sans','Apple-Gothic','Tahoma',dotum, sans-serif;  border-radius:0;}
html{ -webkit-text-size-adjust: 100%;}

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb1 { margin-bottom:1px !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb110 { margin-bottom:110px !important }
.mr5 { margin-right:5px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.mr40 { margin-right:40px !important }
.mr50 { margin-right:50px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }

.text-under { text-decoration:underline !important }
.blue { color:#646ce8 !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }
.under { text-decoration: underline !important; }
h1,h2,h3,h4,h5,h6,h7,strong,th  { font-weight:700; }
.clear { clear: both;}
.col-box:after { display: block; content: ''; clear: both;}
.col-box { clear: both;}
.col-left { float:left; }
.col-right { float:right; }
button,input[type=text],input[type=number],input[type=password],input[type=email],textarea,select  { -webkit-appearance:none; appearance:none; outline:none; }
/***********************************************************************************
	Common
************************************************************************************/

* {box-sizing:border-box; -webkit-box-sizing:border-box; }


.bg-gnb { display: none; position: absolute; left: 0; right:0; top:105px; height: 288px; background: #fff;z-index:2500; border-bottom: 1px solid #e1e1e1; }
.bg-gnb:before { content: ''; position: absolute; left: 0; right:0; bottom:-1px; height: 1px; background: #e1e1e1; z-index:6000;}
#gnb > ul > li:hover .dep2 { display: block; }
#header.active .bg-gnb { display: block; }

#m-gnb {  position:fixed; left: 0; top:0; bottom:0; z-index:5000; width:260px; left:-260px; background: #fff;  height: 100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#m-gnb .scroller { position: absolute; left: 0; top:0; bottom:0; width:100%; overflow-y:scroll; text-align: left; padding:0 0 40px;}
#m-gnb .btn-home { display: block; font-size:17px; padding-left:30px; line-height: 43px; height:44px; font-weight: 600; background: #fff; color: #000; position: relative;}
#m-gnb ul{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#m-gnb .btn-dep1 { background:#f6f6f6; display: block; font-size:15px; padding-left:32px; line-height: 42px; height:42px; border-bottom: 1px solid #cccccc; color: #000; position: relative;}
#m-gnb .m1 .btn-dep1:before { content: ''; position: absolute; right:20px; top:11px; width:10px; height:10px; border-left: 1px solid #c0c0c2; border-bottom: 1px solid #c0c0c2; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#m-gnb .m1.active .btn-dep1:before { transform:rotate(135deg); -webkit-transform:rotate(135deg); top:17px;}
#m-gnb .welcome { height:65px;  background: #ee1c25 url(../img/common/bg_nav.png) no-repeat 60% 50%; background-size:auto 65px;  overflow: hidden; padding:27px 15px 0 27px; }
#m-gnb .welcome span { float:left; font-size:16px; font-weight: 600; color: #fff; padding-top:3px; }
#m-gnb .welcome span strong { font-weight: normal; font-size:20px; }
#m-gnb .welcome div { float:right;}
#m-gnb .welcome div a { display: inline-block; padding:0 10px; vertical-align: bottom; width:25px; height:25px; margin-left: 10px; }
#m-gnb .welcome div a.btn-w1 { background: url(../img/common/nav_ico1.png) no-repeat 50% 50%; background-size:14px auto; float:right;}
#m-gnb .welcome div a.btn-w2 { background: url(../img/common/nav_ico2.png) no-repeat 50% 100%; background-size:19px auto; float:right;}
#m-gnb .welcome div a.btn-w3 { background: url(../img/common/ico_home.png) no-repeat 50% 50%; background-size:32px auto; float:left; width:32px;}

#m-gnb .dep2 { display: none; }
#m-gnb ul > li.active .btn-dep1 { background-image:url(../img/common/ico_m_nav_minus.png);}
#m-gnb ul > li:last-child a { border-bottom: 0;}
#m-gnb .dep2 .title { display: none; }
#m-gnb .dep2 .nav a { display: block; font-size:15px; padding-left:30px; line-height: 39px; height:40px; border-bottom: 1px solid rgba(204,204,204,0.6); color: #000;}
#m-gnb .dep2 .nav p a { background:#f2f2f2 url(../img/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-gnb .dep2 .nav p.active a { background-image:url(../img/common/ico_m_nav_minus.png); }
#m-gnb .copy { display: none;text-align: center; font-size:11px; padding:25px 0 0; color: #999;}
.bg-m { display: none;position: fixed; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index:4000; }


body.fixed #m-gnb { display: block;left:0; }
body.fixed { overflow: hidden;}
body.fixed .bg-m { display: block;}

#main-v2 { position: fixed; left: 0; right:0; top:0; bottom:0; background: url(../img/common/bg_main.jpg) no-repeat 50% 50%; background-size:cover; }
#main-v2 h1 { position: absolute; left: 15px; top:15px;}
#main-v2 h1 img { width:223px; }
#main-v2 .main-btn { padding:120px 10% 0; }
#main-v2 .cs { position: absolute; left: 0; RIGHT:0; bottom:0; height:47px; background: #e60013 url(../img/common/bg_tel.png) no-repeat 100% 100%; background-size:102px auto;}
#main-v2 .cs a { display: table; width:100%; height: 100%; text-align: center; align-items: center; align-content: center;}
#main-v2 .cs a span { display: table-cell; vertical-align: middle;}
#main-v2 .cs a span img { width:300px;}

#main-v2 .ec { position: absolute; left: 0; RIGHT:0; bottom:47px; height:47px; background: #ff1239;}
#main-v2 .ec a { display: table; width:100%; height: 100%; text-align: center; align-items: center; align-content: center;}
#main-v2 .ec a span { display: table-cell; vertical-align: middle;}
#main-v2 .ec a span img { width:300px;}



.btn-m { position: absolute; right:15px; top:18px; width:42px; height: 42px; background: url(../img/common/ico_nav.png) no-repeat 50% 50%; background-size:28px auto;}
 


/* Horizontal */

@media all and (orientation: landscape) {
#main-v2 { position: static;}
#main-v2 .main-btn { padding-bottom: 120px; }
}


/* MODAL */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 15px; }
.modal-content {position:relative; background-color:#f5f5f5; outline:none;  overflow:hidden; padding:30px 10px; font-size:14px; color: #282828;}
.modal-foot { position: relative; overflow: hidden;} 
.modal-foot:before { content: ''; position: absolute; left: 50%; top:0; bottom:0; width:1px; background: #fff;}
.modal-foot .btn { float:left;width:50%; height: 33px; line-height: 32px; font-size:14px; color: #fff; background: #ed008c; padding:0; border: 0; }
.modal-foot.big .btn { height:55px; font-size:20px; }
.modal-txt { text-align: center; line-height: 1.4;}
.modal-photo { text-align: center; padding:15px; }
.modal-photo .img img { width:138px; }
.modal-photo .txt1 { font-size:20px; line-height: 1.3; color: #ed008c; padding:20px 0; }
.modal-photo .txt2 { text-align:left; font-size:16px; color: #999; line-height: 1.3; padding-left: 10px; text-indent: -10px; margin-bottom: 10px;}
.modal-header { padding:5px 0; text-align: right; border-bottom: 1px solid #ed008c; }
.modal-header .btn-del { font-size:12px; color: #019faa; display: inline-block; vertical-align: middle; padding:0 5px; }
.modal-header .btn-del img { width:17px; }
.modal-header .btn-close { display: inline-block; vertical-align: middle; width:30px; height: 30px; background: url(../img/common/ico_modal_close.png) no-repeat 50% 50%; background-size:18px auto;}

#modal3 .modal-header { background: #fff;}
#modal3 .modal-content { background: #fff; padding:10px 0 0 0; }
#modal3 .scan-result .inp-box .input .inp { border: 0; height:28px; }
#modal3 .scan-result .inp-box .input .btn-cal { display: none;}
#modal3 .scan-result .photo-upload { margin:0; border: 0; padding:15px; height:270px; overflow: auto; text-align: center;}
#modal3 .scan-result .photo-upload .photo {  }

#modalGuide .modal-content { background: #eaeaea; border: 3px solid #ed008c; padding:40px 15px 30px; }
#modalGuide .modal-content .close { position: absolute; right:5px; top:5px; width:30px; height: 30px; background: url(../img/common/close_modal.png) no-repeat 50% 50%; background-size:19px auto; text-indent: -9999px;}

.modal .modal-content { padding:0; border-radius:10px;}
.modal .modal-txt1 .txt1 { padding:50px 10px; text-align:center; font-size:14px; color:#666; }
.modal .btn-box:after { display:block; content:''; clear:both; }
.modal .btn-box a { float:left; width:50%; height:40px; text-align:center; font-size:13px; color:#fff; line-height:39px; }
.modal .btn-box a.btn1 { background:#ccc; }
.modal .btn-box a.btn2 { background:#ff969f; }
.modal .btn-box.type1 a { width:100%;}


@media screen and (orientation:portrait) and (max-height: 586px) {
  #main-v2 .main-btn { padding:85px 10% 0; }
}