@charset "utf-8";
/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
/*font-family: 'Lobster', cursive;*/
/* font-family: 'Noto Serif KR', serif; */
/* font-family: 'Noto Sans KR', serif; */
/* font-family: 'Montserrat', sans-serif; */
/*font-family: 'Libre Baskerville', serif;*/
*{margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -0.025em; word-break: keep-all;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}
::-moz-selection {
   background: #4c7a93;
   color: #fff;
}
::selection {
   background: #4c7a93;
   color: #fff;
}
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/
p {font-size: 14px;}
a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
img {vertical-align: top; width: 100%;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; background: url(../../img/bg.jpg) no-repeat center / cover fixed; font-family: 'Pretendard', sans-serif; color: #333;}
table {border-collapse: collapse;}
.wrap {width: 90%; margin: 0 auto;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mont {font-family: 'Montserrat', sans-serif;}
.bas {font-family: 'Libre Baskerville', serif;}
.tac {text-align: center;}
.serif, strong.serif, b.serif {font-family: 'ChosunGs', serif; line-height: 1.3em;}
.wave {font-family: 'TTHakgyoansimMulgyeolB', serif;}
.title, strong.title, b.title {font-family: 'JalnanGothic', sans-serif; font-weight: 100;}
.ink {font-family: 'InkLipquid', serif;}
.gs {font-family: 'GmarketSans', sans-serif;}
.red {color: #b8201c;}
.yellow {color: #f5da0b;}
.cream {color: #fff4ba;}
/*********common end***********/

/*********header***********/

header {height: 60px; background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; transition:.3s; overflow: hidden;}
/*header.on {background: #000;}*/
header .wrap {width: 100%;}
header .logo_top {float: left; transition: .2s; margin-top: 6px; margin-left: 6px;}
header .logo_top:hover {opacity: .8;}
header .logo_top img {width: 140px;}
header .menubtn {position: absolute; right: 10px; top: 18px; width: 30px; height: 23px;}
header .menubtn div {width: 30px; height: 3px; background: #fe3519; position: absolute; transition:.5s;}
header .menubtn div:first-child {top: 0;}
header .menubtn div:nth-child(2) {top: 10px; opacity: 1;}
header .menubtn div:last-child {bottom: 0;}

header .menu {position: fixed; right: -100%; top: 0; height: 100%; width: 65%; background: #fff; padding: 90px 10px 0 10px; border-left: 1px solid #000; transition:.3s; z-index: 9999;}
header .menu.on {right: 0;}
header .menu div.sidemenu {position: relative; margin-bottom: 15px; border-bottom: 1px solid  #000;}
header .menu div.sidemenu p,
header .menu div.sidemenu > a {display: block; font-size: 15px; color: #000; padding-bottom: 15px; position: relative; font-weight: 500;}
header .menu div.sidemenu p:before {position: absolute; content: ''; top: 30%; right: 10px; transform: translateY(-50%) rotate(-45deg); border-left: 2px solid #000; border-bottom: 2px solid #000; width: 7px; height: 7px; transition:.3s;}
header .menu div.sidemenu p.on:before {transform: rotate(135deg);}
header .menu div.sidemenu ul {padding-bottom: 10px; display: none;}
header .menu div.sidemenu ul li {position: relative;}
header .menu div.sidemenu ul li:before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 5px; height: 1px; border-radius: 50%; background: #000; left: 5px;}
header .menu div.sidemenu ul li a {display: block; color: #666; font-size: 16px; padding: 5px 0; transition: .3s; padding-left: 15px;}

header .closebtn {position: absolute; right: 10px; top:18px; width: 30px; height: 30px;}
header .closebtn div {position: absolute; width: 30px; height: 3px; top: 50%; left: 0; background: #fe3519; transition: .3s; transform-origin: center;}
header .closebtn div:nth-child(1) {transform: translateY(-50%) rotate(45deg);}
header .closebtn div:nth-child(2) {transform: translateY(-50%) rotate(-45deg);}

/*********header end***********/

/***************footer***************/
.sub_click {width: 100%; padding: 30px 0; display: flex; align-items: center; justify-content: space-between;}
.sub_click a {display: flex; justify-content: center; align-items: center; width: 19%; height: 30px; text-align: center; border: 1px solid #ddd; transition: .3s;}
.sub_click a:hover {border-color: #000;}
.sub_click a img {width: 90%;}

footer {text-align: center; background: #333; padding: 20px 0;}
footer .wrap div {}
footer .wrap .footer_logo img {width: 60%;}
footer .wrap .footer_content {}
footer .wrap .footer_content p {font-size: 11px; line-height: 2em; color: #fff;}
footer .wrap .footer_content p small {display: block;}
/*.main*/
main {margin-top: 60px;}
.main_visual .main_visual_img {background: url(../../img/main_visual.jpg) no-repeat center / cover; height: 200px;}
.main_visual .main_visual_txt {text-align: center; color: #000; padding: 25px 0;}
.main_visual .main_visual_txt h1 {font-size: 28px; font-weight: 500; font-family: "Abril Fatface", serif;}
.main_visual .main_visual_txt h3 {font-size: 18px; font-weight: 500;}
.main_visual .main_visual_txt span {color: #fe3519; font-size: 14px;}

.main_map {background: #eaeaea; padding: 30px 15px; text-align: center;}
.main_map h2 {text-align: left; font-weight: 400; font-size: 18px; padding-left: 5px; border-left: 3px solid #000; line-height: 1em; color: #000;}
.main_map img {width: 100%; margin-bottom: 40px; border: 1px solid  #000;}
.main_map iframe {margin: 15px 0; width: 100%;}
.main_map a {display: inline-block; color: #fff; background: #fe3519; text-align: center; font-size: 12px; border-radius: 100px; padding: 6px 40px 6px 20px; transition: .4s; border: 1px solid transparent; position: relative;}
.main_map a span.arrow {display: inline-block; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 20px; }
.main_map a:hover {background: #fff; color: #fe3519; border-color: #fe3519;}

/**************sub ******************/
.sub {margin-top: 60px;}
.subtop {background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 60px; height: 120px; text-align: center; color: #fff; position: relative;}
.subtop01 {background-image: url(../../img/subtop01.jpg);}
.subtop02 {background-image: url(../../img/subtop02.jpg);}
.subtop03 {background-image: url(../../img/subtop03.jpg);}
.subtop04 {background-image: url(../../img/subtop04.jpg);}
.subtop05 {background-image: url(../../img/subtop05.jpg);}
.subtop06 {background-image: url(../../img/subtop06.jpg);}
.subtop07 {background-image: url(../../img/subtop07.jpg);}

.sub_cont {padding: 50px 10px;}
.sub_cont > h2 {font-size: 20px; padding-left: 6px; position: relative; line-height: 1.3em;}
.sub_cont > h2 span {font-size: 17px; font-weight: 500;}
.sub_cont > h2 small {font-size: 15px; font-weight: 500;}
.sub_cont > h2:before {position: absolute; content: ''; background: #173f85; width: 4px; height: 20px; left: -2px; top: 3px;}
.sub_cont > p {line-height: 1.5em; margin-top: 15px; font-size: 13px;}
.sub_cont .tabbtns {margin-bottom: 30px;}
.sub_cont .tabbtns a {padding: 10px 0; margin-bottom: 10px; display: block; text-align: center; border-radius: 8px; font-size: 14px; background: #f3f3f3; color: #000; transition: .3s;}
.sub_cont .tabbtns a:last-of-type {background: #3e9b0d; color: #fff;}
.sub_cont .tabbtns a:hover {opacity: .8;}

.sub_cont ul {margin-top: 20px;}
.sub_cont ul li {margin-bottom: 30px;}
.sub_cont ul li h2 {color: #fff; background: #666; font-weight: 500; border-radius: 10px; padding: 6px; margin-bottom: 6px; font-size: 15px;}
.sub_cont ul li p {font-size: 14px; margin-bottom: 4px; line-height: 1.5em;}
.sub_cont ul li p strong { padding-left:7px; font-size: 19px; display: block; font-weight: 500; margin-bottom: 5px;}
.sub_cont ul li p small {display: block; font-size: 14px; padding-bottom: 5px; margin-bottom: 5px; padding-left: 5px;}
.sub_cont ul li table {width: 100%;}
.sub_cont ul li table tr td {padding: 10px; font-size: 12px;}
.sub_cont .sub_cont_bottom {text-align: center;}
.sub_cont .sub_cont_bottom img {width: 200px;}
.sub_cont .sub_cont_bottom h2 {font-size: 20px; color: #000;}
.sub_cont .sub_cont_bottom h2 span {font-weight: 500;}
.sub_cont .gobtn {text-align: center; margin: 10px 0;}
.sub_cont .gobtn a {display: inline-block; background: #173f85; padding: 5px 15px; border-radius: 10px; color: #fff; font-size: 13px;}

.sub_crit .sub_cont > h2 {font-size: 20px;}
.sub_crit .sub_cont ul li h2 {text-align: center;}
.sub_crit .sub_cont .sub_crit_box {border: 1px solid #666; padding: 15px;}
.sub_crit .sub_cont .sub_crit_box p {font-weight: 700;}
.sub_crit .blue {color: #173f85;}
.sub_crit .blue strong {padding-left: 0;}
.sub_crit ul li h2.bluebg {background: none; color: #000; text-align: left; padding-left: 0;}


.sub05 .sub_cont ul li:last-of-type p {margin: 15px 0;}
.sub02, .sub03, .sub04 {min-height: 100vh;}

.sub .sub_cont .sub_form_cont {overflow: hidden;}
.sub .sub_cont .consult_cont th {font-size: 13px;}
.sub .sub_cont .sub_form_cont input[type="text"] {width: 65%;}
.sub .sub_cont .sub_form_cont select.phone_0,
.sub .sub_cont .sub_form_cont input.phone_1,
.sub .sub_cont .sub_form_cont input.phone_2,
.sub .sub_cont .sub_form_cont input.email_1,
.sub .sub_cont .sub_form_cont input.email_2,
.sub .sub_cont .sub_form_cont select.email_3 {width: 30%;}
.sub05 .sub_cont .mapbox {text-align: center;}
.sub05 .sub_cont .root_daum_roughmap {width: 80%; display: inline-block;}
.sub05 .sub_cont .root_daum_roughmap .wrap_map {height: 200px;}

.sub_for .sub_for_map {margin-top: 20px;}
/* .sub_for .sub_cont > h2 {font-size: 24px; border: none; text-align: center;}
.sub_for .sub_cont > h2 small {font-size: 13px; font-weight: 400;} */

.sub .sub_cont .sub_cont_legal {text-align: center;}
.sub .sub_cont .sub_cont_legal h2 {font-size: 20px;}
.sub .sub_cont .sub_cont_legal h3 {font-weight: 500; margin: 10px 0; font-size: 16px;}
.sub .sub_cont .sub_cont_legal h3 small {font-weight: 400; display: block;}
.sub .sub_cont .sub_cont_legal p {font-size: 13px; line-height: 1.7em; margin-bottom: 8px;}
.sub .sub_cont .sub_cont_legal p strong {display: block; font-size: 16px;}

.sub02 .mCategory {display: flex; justify-content: center; margin: 20px 0;}
.sub02 .category_pd i.cat_bar {display: none;}
.sub02 .mCategory a {display: inline-block; font-size: 13px; margin: 0 10px; width: 25%; height: 35px; line-height: 35px; border: 1px solid #ddd; text-align: center; border-radius: 8px; overflow: hidden; position: relative;}
.sub02 .mCategory a:first-of-type {display: none;}
.sub02 .mCategory a b {color: #fff; position: absolute; left: 0; top: 0; line-height: 35px; background: #173f85; width: 100%; height: 100%; text-align: center;}

/**************sub end******************/

/*******모바일 폼메일 스타일**********/