body {-webkit-text-size-adjust:none;}
.inr { position:relative; display:block;  width:1000px; margin:0 auto;}
@media screen and (max-width:1000px){
  .inr {   width:100%; }
}

.trans{
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
       -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
         -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}    
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

.width80 {width:80px !important;}
.width90 {width:90px !important;}
.width100 {width:100px !important;}
.width120 {width:120px !important;}
.width150 {width:150px !important;}
.width180 {width:180px !important;}
.width200 {width:200px !important;}
.width50pc {width:50% !important;}
.width100pc {width:100% !important;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                       header
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
header{position:relative;  width:100%; min-width:980px; height:140px;  background:rgba(255, 255, 255, 1);box-shadow:2px 2px 5px rgba(0,0,0,0.08);z-index:333;}
/*header:after {content:''; display:block; width:100%; height:35px; background-color:#f5f5f5; border-bottom:1px solid #f0f0f0;}*/
header h1.logo{z-index:30; position:absolute; left:0; top:25px;  width:210px;}
header h1.logo>a{z-index:30; text-indent:-9999px; display:block; height:36px; background:url(../image/inc/logo.png) 50% 50% no-repeat; background-position:center ;background-size:cover;transition:300ms ease-out 0ms;}

header .link {position:absolute; top:0px; right:0; font-size:0;}
header .link li {display:inline-block;position:relative; vertical-align:middle; height:35px; line-height:35px; }
header .link li:nth-child(2) {padding-left:12px; margin-left:12px; margin-right:12px; }
header .link li:nth-child(2):before {content:''; position:absolute; left:0; top:11px; height:14px; width:1px; background-color:#ccc;}
header .link li a {display:block; font-size:13px; color:#666; font-weight:500; }
header .link li a.log {background-color:#666; color:#fff; padding:0 15px;}
header .link li a.mg {background-color:#3367d6; color:#fff; padding:0 15px;}
/*gnb */
header .gnb_wrap{ position:absolute; right:0;bottom:0px; width:100%; background-color:#fddd05}
header #gnb{z-index:29;position:relative; display:block; width:1000px;margin:0px auto 0;  font-size:0; text-align:center; border-right:1px solid rgba(255,255,255,0.1) }
header #gnb:after{content: ''; display: block; clear: both;}
header #gnb>li{position:relative;display:inline-block;width:13%; border-left:1px solid rgba(255,255,255,0.1)}
header #gnb>li:nth-child(2) {width:22%}
header #gnb>li:nth-child(3) {width:18%}
header #gnb>li:nth-child(4) {width:18%}
header #gnb>li>a{display:block;line-height:50px; padding:0;font-family:'NotoSans';font-size:19px; font-weight:600; text-align:center; color:#222; letter-spacing:-.04em; transition:300ms ease-out 0ms;}
header #gnb>li>a:hover,
header #gnb>li>a:focus,
header #gnb>li>a.on{color:#fa6400;}
header #gnb>li>div{opacity:0;z-index:100; overflow:hidden; position:absolute; top:97px;left:50%;margin-left:-100px;width:200px;height:auto;background:rgba(0,0,0,0.8);}
header #gnb>li>div:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:3px;background:#105cda;opacity: 0;transform:scale(1,1);-webkit-transform: scale(1,1);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
header #gnb>li.open>div{z-index:999;opacity:0;transform:translateY(10px); animation:come-in 0.6s ease forwards;}

header #gnb>li.open>div:before{ opacity:1; transform:scale(1,1); -webkit-transform: scale(1,1); }
header #gnb>li>div>ul{ position:relative; text-align:left;}
header #gnb>li>div>ul>li{ display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); }
header #gnb>li>div>ul>li:last-child{ margin-bottom:0;}
header #gnb>li>div>ul>li>a{ display:block;padding:18px 30px;font-size:16px !important;letter-spacing:-.02em; color:#fff;white-space:nowrap; transition:300ms ease-out 0ms}
header #gnb>li>div>ul>li>a:hover { background:#105cda; color:#fff; }

header .banner-call {position:absolute; right:200px; top:24px;letter-spacing:0;  }
header .banner-call img {display:inline-block; vertical-align:middle; }
header .banner-call h1 {display:inline-block; vertical-align:middle;margin-left:5px;  font-size:16px; line-height:20px; font-style:italic; font-weight:bold; color:#555; font-family: 'ScoreDream';}
header .banner-call h2 {display:inline-block; vertical-align:middle;margin-left:10px;  font-size:30px; line-height:30px; font-weight:bold; color:#f27201; font-family:'GmarketSans'; }
header .banner-call h2:after {content:''; display:block; width:100%; margin-top:3px; height:4px; border-radius:10px; background-color:#e7eaec}
header .btn-wrap {position:absolute; right:0; top:18px;}
header .btn-wrap a {display:inline-block; vertical-align:middle; margin-left:5px;width:53px; height:53px; border-radius:50%;  }
header .btn-blog { background-color:#26b41c; background-image:url(/image/inc/ico_blog.png); background-position:center center; background-repeat:no-repeat; background-size:32px 32px; }
header .btn-ch { background-color:#fdcb03; background-image:url(/image/inc/ico_ch.png); background-position:center center; background-repeat:no-repeat; background-size:35px 35px; }
header .btn-youtube { background-color:#f00; text-align:center;  }
header .btn-youtube i {display:inline-block ;font-size:32px; color:#fff; line-height:53px;font-family:'xeicon'; }




@media screen and (max-width:1000px){
 header #gnb{ width:100% }

}




/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                        footer
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {position:relative; clear:both; display:block; background-color:#444; padding:30px 0 50px; font-family:'GmarketSans'; letter-spacing:0 }
footer  address {font-size:13px; color:#fff; line-height:21px;  color:rgba(255,255,255,0.6)}
footer  address  span {display:inline-block; padding:0 10px; }
footer p {display:block; font-size:13px;color:rgba(255,255,255,0.4); margin-top:10px;}
footer  .link {position:absolute; top:0px; right:0; font-size:0;}
footer  .link li {display:inline-block;position:relative; vertical-align:middle; }
footer  .link li:nth-child(2) {padding-left:12px; margin-left:12px; margin-right:12px; }
footer  .link li:nth-child(2):before {content:''; position:absolute; left:0; top:0px; height:13px; width:1px; background-color:rgba(255,255,255,0.3);}
footer  .link li a {display:block; font-size:13px; color:#fff; font-weight:500; }

/* skip_top */
footer .skip_top {position:fixed;bottom:30px; right:50px; z-index:333; transition:300ms ease-out 0ms;}
footer .skip_top .skip_top_btn {width:60px; height:60px; line-height:16px; padding-top:12px;background: #f87d2e;   color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;}
footer .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block; font-family:'xeicon';font-size:20px; color:#fff;}
footer .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:14px; letter-spacing:0;font-family:'OpenSans-Semibold';}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                        quick  
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.rightquick_wrap	{ position:absolute; left:50%; top:265px; margin:0 0 0 492px; width:100px; z-index:1300; }
.rightquick_wrap .right_cart	{ width:98px; border:1px solid #e8e8e8; margin:0 0 0 0; background:#fff; }
.right_cart ul	{ padding:5px 0 0 0; }
.right_cart ul img	{ border:1px solid #e4e4e4; margin:0 0 6px 0; }
.right_cart ul li	{ text-align:center; padding:0 0 7px 0; }
.right_cart ul li div	{ font-size:11px; color:#656565; line-height:1.2; }
.right_cart .r_top	{ height:33px; text-align:center; padding:7px 0 0 0; }

.leftquick_wrap	{ position:absolute; left:50%; top:265px; margin:0 0 0 -695px; width:200px; z-index:1300; }
.leftquick_wrap .banner_consult {margin:0px 0px 10px 0px;padding:180px 10px 0px 20px;width:170px;height:205px;background:url(/image/inc/banner_consult.gif) left top no-repeat;}
.leftquick_wrap .banner_consult select {margin:2px 0px;border:1px solid #707070;padding:1px;vertical-align:middle;}
.leftquick_wrap .banner_consult input[type=text] {border:1px solid #707070;padding:2px;vertical-align:middle;}
.leftquick_wrap .banner_consult input.name {margin:26px 0px;width:154px;}
.leftquick_wrap .banner_consult input[type=submit] {margin:10px 0px 0px 0px;border:1px solid #e60012;padding:5px 0px;width:160px;text-align:center;font-weight:bold;color:#FFF;background:#e60012;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}

.rightquick_wrap .quickPhone {padding:60px 0px 0px 0px;width:85px;font-size:16px;letter-spacing:-2px;font-weight:bold;text-align:center;color:#333;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}
.rightquick_wrap .quickPhone img {display:block;margin:5px auto;}

/* ¿À¸¥ÂÊ Äü */
.rightBanner_Wrap {position:absolute;left:50%;top:160px;width:140px;margin-left:530px;z-index:50;}
.leftBanner_Wrap {position:absolute;left:50%;top:160px;width:140px;margin-left:-640px;z-index:50;}
.main .rightBanner_Wrap {top:160px;margin-left:530px;}
.main .leftBanner_Wrap {top:610px;margin-left:-640px;}
.rightBanner {border:1px solid #ddd; margin:0 auto;}
.rightBanner li{border-bottom:1px solid #ddd;padding:10px; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rightBanner li:last-child {margin-right:0;}
.rightBanner .title {font-size:20px; font-weight:bold; letter-spacing:-2px; color:#ff6600;}
.rightBanner .title span {display:block;padding-top: 7px;font-size:12px;line-height:1.4;font-weight:100;}
.rightBanner .text {font-size:16px; padding:10px 0; letter-spacing:-1px; line-height:1.2;font-weight:500;}
.rightBanner li button {background:#4c88ee; border:0; width:100%; line-height:30px; color:#fff; letter-spacing:-1px; cursor:pointer; margin-top: 3px;} 
.rightBanner .text.blue {padding:0;background:#ff6600; color:#fff; font-size:16px; font-weight:bold; height:38px;line-height:38px; border-radius: 25px;text-align: center;margin:3px -7px 0;}

.rightBanner_Wrap h2 {display:block; width:100%; text-align:center; height:33px;line-height:33px; font-size:14px; background-color:#333; color:#fff; z-index:1}
.rightBanner_Wrap .today-view {display:block; position:relative;padding-bottom:5px; margin-bottom:10px; }
.rightBanner_Wrap .today-view:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%;background:#fff;  border:1px solid #ddd; z-index:-1 }
.rightBanner_Wrap .today-view ul {display:block; padding:10px 10px 0; }
.rightBanner_Wrap .today-view li {display:block; margin-bottom:10px;  line-height:16px;  font-size:12px;text-align:center;}
.rightBanner_Wrap .today-view li.empty {padding:20px 0;}
.rightBanner_Wrap .today-view li a {display:block;color:#666}
.rightBanner_Wrap .today-view li span {color:#111}
.rightBanner_Wrap .today-view li img {width:100%;margin-bottom:5px;}
.rightBanner_Wrap .today-view .page { display:inline-block; width:70px; font-size:15px;  line-height:25px;  text-align:center;}
.rightBanner_Wrap .today-view a.prev { display:inline-block; float:left; width:25px; height:25px; border:1px solid #ddd;}
.rightBanner_Wrap .today-view a.prev:before {content:"\e93c";font-family:'xeicon'; display:inline-block; text-align:center;  line-height:23px; font-size:17px; color:#555;}
.rightBanner_Wrap .today-view a.next { display:inline-block; float:right; width:25px; height:25px; border:1px solid #ddd;}
.rightBanner_Wrap .today-view a.next:before {content:"\e93f"; font-family:'xeicon'; display:inline-block; text-align:center;  line-height:23px; font-size:17px; color:#555; }
.rightBanner_Wrap .fc_red {color: #f21919 !important;}

.leftBanner_Wrap.fixed, .rightBanner_Wrap.fixed {position:fixed;top:20px;}

@media screen and (max-width:1000px){
  .rightBanner_Wrap {display:none;}
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                        popup
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pop_bg	{ background:#FFF; }
.pop_title	{margin:0px;padding:20px;font-size:25px;color:#FFF;background:#414d61;}
.pop_cont	{ margin:0; padding:20px; }
.pop_cont .small	{ color:#777777; font-size:11px;  }
.pop_bottom {text-align:center; padding-bottom:20px}
.popInfor {border:1px solid #ccc; padding:15px; background-color:#f4f4f4; margin-top:10px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.popInfor02 {border:3px solid #f00; padding:15px; background-color:#f4f4f4; margin-top:10px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.popInfor02 .infoBox { border:1px solid #f00; padding:5px; display:inline-block; }
.pop_title .close {position:absolute;right:20px;top:25px;font-size:14px;}
.pop_title .close a {color:#FFF !important;}
.t_sms {margin:0px 0px 10px 0px;border:1px solid #d7dbdd;width:100%;background:#fff;}
.t_sms th {background:#fcfcfc;border-bottom:1px #efefef solid;border-right:1px #efefef solid;padding:5px;margin:0;text-align:center;color:#999999;vertical-align:top;font-weight:bold;}
.t_sms td {border-bottom:1px solid #e4e4e4 !important;margin:0;padding:5px;font-size:12px;}
.t_sms td.memo {border-left:1px solid #e4e4e4 !important;background:#f8f8f8;}
.pop_cont label, .pop_cont input[type=radio] {border:none !important;background:none !important;margin:0px;padding:0px; vertical-align:middle;}

.detail_sms {width:90px;height:190px;padding:60px 5px 0 5px;background:url(/image/sub/bg_quickSMS.gif) no-repeat #fff;}
.detail_sms h4 {display:none;}
.detail_sms div {border:1px solid #d6dade;background:#edeef0;padding:5px 0 0 5px;width:83px;margin:0 0 10px 0;}
.detail_sms div select {margin:0 0 4px 0;padding:2px;border:1px solid #999999;}
.detail_sms div img {vertical-align:middle;}
.detail_sms div input[type=text] {margin:0 0 8px 0;padding:2px;border:1px solid #999999;vertical-align:middle;}
.detail_sms input[type=button], .detail_sms input[type=submit] {display:block;margin:0px auto;border:1px solid #de7c85;padding:0px 10px;font-size:12px;color:#FFF;font-weight:bold;line-height:25px;font-family:³ª´®°íµñ, NanumGothic, ng, µ¸¿ò, dotum, sans-serif;background:#f18a9b;}