@charset "UTF-8";

*{ -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;}
input[type="text"].type1{display: block; width: 80px; height: 40px;  border: 0; border-radius: 3px; background: white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 14px; font-size:16px; color: #444444; letter-spacing: -0.025em; font-family:'NanumBarunGothic';}
select.type1{display: block; width: 80px; height: 40px; line-height: 34px; border: 0; border-radius: 3px; background: white; padding-left:14px; font-size:16px; color: #444444; letter-spacing: -0.025em; font-family:'NanumBarunGothic';}
.hideme{opacity: 0;}
input[type=submit] {-webkit-appearance:none;}


/*header*/
#header{background: white; }
#header .logo{float: left;  margin-top: 17px;}
#header  .right_area{float: right;}

/*gnb*/
#header #gnb{float: left;}
#header #gnb .m_menu{float: left; position: relative;}
#header #gnb .m_menu>a{-webkit-box-sizing: border-box;box-sizing: border-box; display: block; padding: 0 30px; height: 100%; text-align: center; font-size: 18px; font-weight: bold; letter-spacing: -0.025em; color: #666666;  padding-top: 37px; padding-bottom: 25px; line-height: 1; -webkit-transition:all 0.2s; transition:all 0.2s;}
#header #gnb .m_menu:hover>a{color: black; -webkit-transition:all 0.2s; transition:all 0.2s;}
#header #gnb .s_menu{width: 150px; position: absolute; top:80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; z-index: 999;}
#header #gnb .s_menu a{background: rgba(255,255,255,0.35); font-family:'NanumBarunGothic';text-align: center; color: white; font-size: 17px; letter-spacing: -0.025em; height: 46px; line-height: 46px; display: block; -webkit-transition:all 0.2s; transition:all 0.2s;}
#header #gnb .s_menu a:hover{background: #ff6666; -webkit-transition:all 0.2s; transition:all 0.2s;}
#header .m_open{display: block; width: 30px; height: 23px; background: url('/images/main/m_open.png') no-repeat center center; background-size: cover; text-indent: -9999px;}
#header .m_open{float: left; display: none;}
#header{height: 80px;}
#header .kakao{float: left; margin-top: 27px; margin-left: 30px;}
#header #gnb .on>a {color:#ff6666 !important;}
/*m_gnb*/
.m_gnb_wrap{display: none;}

/*quick*/
.quick{background: #f0f0f0; width: 100%; /*max-width: 1200px;*/ margin: 0 auto; padding: 20px 0;}
.quick .inner{width: 100%; max-width: 810px; margin: 0 auto;}
.quick .title{-webkit-box-sizing: border-box;box-sizing: border-box; padding-right: 27px;border-right: 1px solid #888; /*background: url('/images/main/quick_img1.png') no-repeat left top; */color: #222; float: left;}
.quick .title span{display: block; font-size: 12px; letter-spacing: 0.1em; margin-bottom: 3px; line-height: 1; font-family:'NanumBarunGothic';}
.quick .title strong{display: block; font-weight: bold; font-size: 36px;  font-family:'NanumBarunGothic'; font-weight: normal;}
.quick .content{-webkit-box-sizing: border-box;box-sizing: border-box; padding-left: 267px;}
.quick .content ul li{display: inline-block;}
.quick .content input.name{width: 120px; margin-right: 17px;}
.quick .content input, .quick .content select{display: inline-block;border: 1px solid #ccc;}
.quick .content select{width: 70px;}
.quick .content li span{color: #444;}
.quick .btn{display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #444; border: 1px solid #444; border-radius: 3px; text-align: center; color: white; font-size: 16px; letter-spacing: -0.05em; vertical-align: middle; margin-left: 18px; cursor: pointer; font-family:'NanumBarunGothic';}
.quick p{margin-top: 13px; color: #666; font-size: 16px; font-family:'NanumBarunGothic';}
.quick p a{color: #444; font-family:'NanumBarunGothic'; padding-bottom: 0px; text-decoration:underline;}

/*common_area*/
.common_area{background: url('/images/main/common_bg.png') no-repeat center center; background-size: cover;}
.common_area .wrap{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 80px 140px 80px 170px; overflow: hidden;}
.common_area .title{float: left; font-family: "NanumBarunGothic";}
.common_area .title span{font-size: 30px; display: block; margin-bottom: 18px; color: white; font-family: "NanumBarunGothic";}
.common_area .title img{display: block; margin-bottom: 20px;}
.common_area .title ul li{color: white; font-size: 16px; line-height: 20px; font-family: "NanumBarunGothic";}
.common_area .btns{float: right; margin-top: 10px;}
.common_area .btns li{height: 127px; float: left; padding: 0 25px; border-right: 1px solid rgba(255,255,255,0.3);}
.common_area .btns li a{display: block; width: auto; height: 100%; color: white; text-align: center;}
.common_area .btns li a:hover{text-decoration: underline;}
.common_area .btns li:last-of-type{border-right:0;}
.common_area .btns li a img{display: block; margin-bottom: 14px;}

/*footer*/
#footer{background: #222; text-align: center;}
#footer .wrap {background: url('/images/main/bottom_logo.png') no-repeat left center; padding: 50px 60px;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box; }
#footer ul li{display: inline-block; padding: 0 10px; font-family: "NanumBarunGothic"; font-size: 15px; color: #aaa;border-right: 1px solid #666;}
#footer ul li:last-child {border:0;}
#footer small{display: block; margin-top: 10px; font-family: "NanumBarunGothic"; color: #aaa;padding-left: 10px;}
#footer a.adm_btn {color:#aaa;}

/*m_btn*/
.m_btn {display:none;position: fixed; bottom: -5px;z-index: 999;}
.m_btn ul li{display:inline-block;width:25%;margin:0;padding:0;float: left;}
.m_btn ul li a {display:block;}
.m_btn ul li a img {width:100%;}

@media all and (max-width:550px) {
	.m_btn {display:block;}
	.m_btn_sub {bottom:0;}
	.main_footer, .sub_quick {margin-bottom:67px;}
}

/*반응형*/

@media all and (max-width:1200px) {
    .wrap{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 0 20px;}
    .common_area .title span{font-size: 25px;}
}

@media all and (max-width:1024px) {
.overflowhidden{overflow-y: hidden;}
.blind{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display: none;}
/*header*/
#header{height: 70px;}
#header .logo img{width: 200px;}
#header .m_open{display: block; margin-top: 23px;  margin-left: 20px;}
#header .kakao{margin-top: 18px;}
#gnb{display: none;}
.m_gnb_wrap{display: block; position: fixed; right: 0; width: 300px; background: black; height: 100%; z-index: 9999; overflow-y: auto; padding-top: 60px; right: -300px;}
.m_close{display: block; width: 30px; height: 30px; background: url('/images/main/m_close.png') no-repeat center center; text-indent: -9999px; position: absolute; right: 20px; top: 20px;}
#m_gnb a{display: block; width: 100%; height: 100%;}
#m_gnb .m_menu>a{font-size: 14px; color: white;border-bottom: 1px solid #202020; padding: 15px 0 15px 19px;}
#m_gnb .s_menu{background: #111; padding: 10px 0; display: none;}
#m_gnb .s_menu a{color: white; font-size: 13px; padding: 5px 0 5px 19px; color: #999;}

.common_area .wrap{padding: 40px 60px;}
#footer .wrap {background:none;}
}

@media all and (max-width:900px) {
    .quick .title strong{font-size: 28px;}
    .quick .content{padding-left: 200px;}
}

@media all and (max-width:768px) {
    .quick .title{float: none; width: 250px; margin: 0 auto; padding: 0; text-align: center;border-right:0;}
    .quick .content{padding-left: 0; text-align: center; padding-top: 20px;}
	.quick .title span {display:none;}
	.quick .title strong {font-size:28px;}

    .common_area .wrap{padding: 40px 20px;}
    .common_area .title{float: none; width: 100%; text-align: center;}
    .common_area .title img{margin: 0 auto; margin-bottom: 20px;}
    .common_area .btns{float: none; text-align: center; margin-top: 20px;}
    .common_area .btns ul{display: inline-block;}
	#footer .wrap {background:none;padding: 20px;}
    #footer ul li{font-size: 14px;border:0;}
    #footer small{font-size: 14px;}
}

@media all and (max-width:600px) {
    .quick .content ul li:last-of-type{display: block;}
    .quick .btn{width:80%;margin-left: 0; margin-top: 10px; display: block;}
}

@media all and (max-width:450px) {
    .quick .content input.name{width: 80px; margin-right: 10px;}
    input[type="text"].type1, .quick .content select{width: 60px; height: 30px; line-height: 30px; font-size: 14px;}
    .quick .content select{padding-left: 10px;}

    .common_area .title img{height: 30px;}
    .common_area .btns li{height: 82px;}
    .common_area .btns li a img{width: 50px; margin: 0 auto; margin-bottom: 10px;}
    .common_area .btns li:first-of-type{padding-right: 20px;}
    .common_area .btns li:last-of-type{padding-left: 20px;}
}

@media all and (max-width:400px) {
    #header .logo img{width: 170px;}
}


/* Padding */
.pb0{padding-bottom:0;}
.p05 {padding: 5px;}
.pd10{padding:10px;}
.pb05 {padding-bottom:5px;}
.pl05 {padding-left:5px;}
.pr05 {padding-right:5px;}
.pt05 {padding-top:5px;}
.p10 {padding:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt10 {padding-top:10px;}
.p20 {padding:20px;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px;}
.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}
.pt20 {padding-top:20px;}
.p30 {padding:30px;}
.pb30{padding-bottom:30px;}
.pl30 {padding-left:30px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pt30 {padding-top:30px;}
.pt50 {padding-top:50px;}
.p0{padding:0;}
/* Margin */
.mb05{margin-bottom:5px !important;}
.mt05{margin-top:5px;}
.m05 {margin:5px;}
.ml0 {margin-left:0px !important;}
.ml05 {margin-left:5px;}
.mr05 {margin-right:5px;}
.m10 {margin:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px !important;}
.mr10 {margin-right:10px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.mt15 {margin-top:15px;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}
.mt20 {margin-top: 20px;}
.m30 {margin:30px;}
.mb30 {margin-bottom:30px;}
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.ml40 {margin-left:40px;}
.mb40 {margin-bottom:40px;}
.mt45 {margin-top:45px;}
.ml45 {margin-left:45px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}
.mt60 {margin-top:60px;}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mb0{margin-bottom:0 !important;}
.mt25 {margin-top:25px !important;}
.mtb20 {margin-top: 20px; margin-bottom: 20px;}



















/**/