@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');

/* 한마음명조체 */
@font-face {
  font-family: 'hanmaumMj';
  font-style: normal;
  font-weight: 200;

  src: local('hanmaumMj'),
       url('/common/font/hanmaum_mj_L.eot'), /* IE9 Compat Modes */
       url('/common/font/hanmaum_mj_L.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/font/hanmaum_mj_L.woff') format('woff'), /* Modern Browsers */
       url('/common/font/hanmaum_mj_L.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'hanmaumMj';
  font-style: normal;
  font-weight: 400;
  src: local('hanmaumMj'),
       url('/common/font/hanmaum_mj_R.eot'),
       url('/common/font/hanmaum_mj_R.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/font/hanmaum_mj_R.woff') format('woff'), /* Modern Browsers */
       url('/common/font/hanmaum_mj_R.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'hanmaumMj';
  font-style: normal;
  font-weight: 500;
  src: local('hanmaumMj'),
       url('/common/font/hanmaum_mj_M.eot'), /* IE9 Compat Modes */
       url('/common/font/hanmaum_mj_M.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/font/hanmaum_mj_M.woff') format('woff'), /* Modern Browsers */
       url('/common/font/hanmaum_mj_M.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'hanmaumMj';
  font-style: normal;
  font-weight: 700;
  src: local('hanmaumMj'),
       url('/common/font/hanmaum_mj_B.eot'),
       url('/common/font/hanmaum_mj_B.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/font/hanmaum_mj_B.woff') format('woff'), /* Modern Browsers */
       url('/common/font/hanmaum_mj_B.ttf') format('truetype'); /* Safari, Android, iOS */
}



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a{;margin:0;  padding:0;  border:0; font-size:100%;
  vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box; font-family:'hanmaumMj', 'Noto Sans KR', sans-serif; font-style: normal;
}
html{ font-smoothing:antialiased; -ms-touch-action:auto;}
html,body, section{width:100%;}

img{}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav, section{}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
button{cursor:pointer; border:none; padding:0; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
li,dd{list-style:none;}
blockquote, q {quotes:none;}
address, caption, em, cite, i, a {font-weight:normal; font-style:normal; text-decoration: none; color: #333}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
iframe{width:100%;vertical-align:middle;}
caption{display:none;}
figcaption{display:block;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

strong {font-weight: bold !important; }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select{display:table-cell; vertical-align:middle; padding:  0 0 0 7px; height: 40px; line-height: 1; box-sizing: border-box; background:#fff; border:1px solid #cccccc; border-radius:0; color:#999; font-size:12px;}

input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9;  cursor:pointer;}

input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}

a, p, span, em, strong{transform: skew(-0.1deg)}
select::-ms-expand{display:none; }
select{ cursor: pointer; outline :none; overflow :hidden; color:#999; width:100%;;  }
textarea{width:100%;height:100px; resize:none; border:1px solid #cccccc;   padding:10px; color:#999;}

/*::-webkit-input-placeholder { /* WebKit, Blink, Edge */   color:#1a4d80 !important;}*/
/*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#1a4d80 !important;   opacity:  1;}*/
/*::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#1a4d80 !important;   opacity:  1;}*/
/*:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#1a4d80 !important;}*/


.clear{clear:both;}
.clearfix{overflow:hidden;}
.clearfix:after{clear:both; display:table; content:'';}
.center{text-align:center; display:block; float:none !important;}

/* 임시 */
body{ background-color: #fafafa; }

#wrap_login{position: absolute; z-index: 131; width: 100%; text-align: right;padding-right: 60px; }
#wrap_login ul{display: inline-block}
#wrap_login ul li{float: left}
#wrap_login ul li:first-child{margin-right: 30px;}
#wrap_login ul li a{display: block; line-height: 47px; font-size: 13px; letter-spacing: -0.5px; color: #666666}

/* LNB 메인 메뉴 */
#head_w .l_menu{ position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; height: 97px; text-align: center; box-shadow: 10px 10px 15px rgba(150,37,42,0.01); z-index: 9; top: 57px; z-index: 9999}
#head_w .l_menu{ position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; height: 97px; text-align: center; box-shadow: 10px 10px 15px rgba(150,37,42,0.01); z-index: 9; top: 57px; }
#head_w .l_menu.on{z-index: 9999}
#head_w .l_menu .logo{ position: absolute; left: 72px; top: 10px;  z-index: 999}
/*#head_w .l_menu .logo{ position: absolute; left: 0; top: 90px; right: 0; margin: 0 auto; }*/
#head_w .m_menu{ position: absolute;; width: 100%}
/*#head_w .m_menu{ display: table; height: 100vh; width: 100%; }*/
/*#head_w .m_menu > ul{ display: table-cell; vertical-align: middle; }*/
#head_w .m_menu > ul{  text-align: center; width: 100%}
/*#head_w .m_menu > ul > li{ padding: 20px 0; position: relative;display: inline-block}*/
#head_w .m_menu > ul > li{ line-height: 97px; position: relative;display: inline-block}
#head_w .m_menu > ul > li > a{ font-size: 16px; color: #231815; font-weight: 700; position: relative; display: inline-block; white-space: nowrap; padding: 0 50px; line-height: 97px;}
/*#head_w .m_menu > ul > li > a{ font-size: 16px; color: #231815; font-weight: 700; position: relative; display: inline-block; white-space: nowrap; }*/
#head_w .m_menu > ul > li > a:before{ position: absolute; top: -14px; left: -14px; content: attr(data-split); padding-left: 14px; padding-top: 14px; display: block; width: 23px; height: 23px;
  background: url('/img/common/hover_line.png') center center no-repeat; background-color: #96252a; color: #fff; overflow: hidden; border-radius: 50%; box-shadow: 5px 5px 7px rgba(150,37,42,0.2); opacity: 0;
}
#head_w .m_menu > ul > li:hover > a:before{  opacity: 1; transition: 0.8s; }
#head_w .m_menu > ul > li > a i{ width: 16px; height: 16px; background: url('/img/common/link_icon.gif') center center no-repeat; display: inline-block; position: relative; top: 1px; margin-left: 5px; }
#head_w .m_menu > ul > li:hover > a i{ background: url('/img/common/link_icon2.gif') center center no-repeat; }
#head_w .m_menu > ul > li:hover > a{ color: #96252a; }
#head_w .m_menu > ul > li .sub_m.on{ opacity: 1; left: 0%; z-index: 2; }
/*#head_w .m_menu > ul > li .sub_m.on{ opacity: 1; left: 100%; z-index: 2; }*/
/*#head_w .m_menu > ul > li:hover:after{ content: ""; display: block; width: 60px; height: 1px; background-color: #dfdfdf; position: absolute; left: 210px; top: 50%; z-index: -1; }*/
/*#head_w .m_menu > ul > li:hover:before{ content: ""; displaY: block; width: 5px; height: 5px; background-color: #dfdfdf; position: absolute; right: -2.5px; top: 48.5%; border-radius: 50%; z-index: 4; }*/
#head_w .m_menu > ul > li:nth-child(2):after{ display: none; }
#head_w .m_menu > ul > li:nth-child(2):before{ display: none; }
#head_w .m_menu > ul > li:nth-child(5):after{ display: none; }
#head_w .m_menu > ul > li:nth-child(5):before{ display: none; }
#head_w .m_menu > ul > li:nth-child(6):after{ display: none; }
#head_w .m_menu > ul > li:nth-child(6):before{ display: none; }


#head_w .m_menu .sub_m{ background-color: #96252a; width: 170px; padding: 15px 0; padding-left: 40px; position: absolute; left: 0%; top: 96px; transition: 1s; opacity: 0; display: none; box-shadow: 10px 10px 15px rgba(28,7,8,0.2); }
/*#head_w .m_menu .sub_m{ background-color: #96252a; width: 170px; padding: 15px 0; padding-left: 40px; position: absolute; left: 110%; top: 0; transition: 1s; opacity: 0; display: none; box-shadow: 10px 10px 15px rgba(28,7,8,0.2); }*/
#head_w .m_menu .sub_m li{ text-align: left; padding: 7px 0; line-height: 20px; }
#head_w .m_menu .sub_m li a{ font-size: 14px; color: #f8c3c5; }
#head_w .m_menu .sub_m li a:hover{ color: #ffffff; text-decoration: underline; }
#head_w .family{ position: absolute; left: 0; right: 0; bottom: 24px; padding: 0 26px; }
#head_w .family button{ width: 100%; background-color: transparent; text-align: left; padding: 11px; border-bottom: 1px solid #5d5552; font-size: 16px; color: #000000; font-family:'hanmaumMj', 'Noto Sans KR', sans-serif; letter-spacing: -1px; font-weight: 700; position: relative; display: none}
#head_w .family button:before{ content: ""; z-index: -1; width: 100%; height: 0; opacity: 0; box-sizing: border-box; position: absolute; bottom: 0; left: 0; background-color: #96252a; transition: 0.7s; }
#head_w .family button:hover:before{ height: 100%; opacity: 1; }
#head_w .family button:hover i{ background-position: right top; }
#head_w .family button:hover{ color: #fff; }
#head_w .family button i{ display: block; position: absolute; right: 10px; top: 13px; width: 13px; height: 13px; background: url('/img/common/family_plus.png') 0 top no-repeat; }
#head_w .family ul{ display: none; }

#head_w .m_menu > ul > li:nth-child(1) .sub_m{ background-color: #d19b9b; }
#head_w .m_menu > ul > li:nth-child(1) .sub_m li a{ color: rgba(255,255,255,0.8); }
#head_w .m_menu > ul > li:nth-child(1) .sub_m li a:hover{ color: rgba(255,255,255,1); }

#head_w .m_menu > ul > li:nth-child(3) .sub_m{ background-color: #d19b9b; }
#head_w .m_menu > ul > li:nth-child(3) .sub_m li a{ color: rgba(255,255,255,0.8); }
#head_w .m_menu > ul > li:nth-child(3) .sub_m li a:hover{ color: rgba(255,255,255,1); }

#head_w .m_menu > ul > li:nth-child(4) .sub_m{ background-color: #d19b9b; }
#head_w .m_menu > ul > li:nth-child(4) .sub_m li a{ color: rgba(255,255,255,0.8); }
#head_w .m_menu > ul > li:nth-child(4) .sub_m li a:hover{ color: rgba(255,255,255,1); }


#all_menu .menu_b{ width: 35px; height: 28px; display: block; background-color: transparent; position: absolute;; right: 90px; top: 90px; z-index: 9999; }
#all_menu .menu_b span{ height: 2px; background-color: #000000; display: block;  }
#all_menu .menu_b span.line01{ width: 100%; position:absolute; left: 0; top: 0; }
#all_menu .menu_b span.line02{ width: 80%; position:absolute; left: 0; top: 49%; transition: 0.5s; }
#all_menu .menu_b span.line03{ width: 80%; position:absolute; left: 0; bottom: 0; transition: 0.5s; }
#all_menu .menu_b:hover span.line02{ width: 100%; }
#all_menu .menu_b:hover span.line03{ width: 100%; }

#all_menu .all_dim{ position: fixed; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.3); z-index: 10; display: none; }
#all_menu .box_w{ position: fixed; right: -60%; top: 0; max-width: 892px; width: 50%; background-color: #fff; height: 100vh; transition: 1.0s; z-index: 9999; }
#all_menu .box_w.on{ right: 0; }
#all_menu .box_w .close{ display: block; position: absolute; right: 90px; top: 90px; width: 26px; height: 26px; background-color: transparent; }
#all_menu .box_w span{ height:2px; width: 100%; display: block; background-color: #000000; position: absolute; transition: 0.8s; }
#all_menu .box_w span.line01{ transform: rotate(45deg); }
#all_menu .box_w span.line02{ transform: rotate(-45deg); }
#all_menu .box_w .close:hover span.line01{ transform: rotate(0); }
#all_menu .box_w .close:hover span.line02{ transform: rotate(0); }

#all_menu .all_nav > ul{ height: 100vh; }
#all_menu .all_nav > ul:after{ content: ""; clear: both; display: table; }
#all_menu .all_nav > ul > li{ float: left; width: 33.3333333%; padding-top: 160px; border-right: 1px solid #ededed; height: 50%; padding-left: 55px; }
#all_menu .all_nav > ul > li:nth-child(4),
#all_menu .all_nav > ul > li:nth-child(5),
#all_menu .all_nav > ul > li:nth-child(6){ padding-top: 100px; }
#all_menu .all_nav > ul > li > a{ font-weight: 700; color: #ad0407; font-size: 20px;  }
#all_menu .all_nav .sub{ margin-top: 25px; padding-left: 16px; }
#all_menu .all_nav .sub li{ margin-bottom: 17px; }
#all_menu .all_nav .sub li a{ font-size: 17px; color: #666666; font-weight: 500; }
#all_menu .all_nav .sub li a:hover{ color: #383838; text-decoration: underline; }

#footer{float: right}
#footer{ position: relative; right: 0; bottom: 0; z-index: 1;padding-bottom: 60px; padding-right: 117px; }
#footer .f_nav { margin-bottom: 32px; }
#footer .f_nav ul:after{ content: ""; display: table; clear: both; }
#footer .f_nav ul li{ float: left; margin-right: 20px; }
#footer .f_nav ul li:last-child{ margin-right: 0; }
#footer .f_nav ul li a{ font-size: 15px; color: #666666; font-weight: 500; letter-spacing: -1px; }
#footer .f_nav ul li:last-child a{ color: #ad0407;  }
#footer address{ font-size: 14px; color: #acacac; line-height: 27px; letter-spacing: -1px; }
#footer address span{ display: block; margin-top: 15px; }


/* 서브 공통 */
.inner{width: 1416px; margin: 0 auto; }
.sub_visual{height: 416px; position: relative; margin-bottom: 92px; }
.sub_visual .sub_vis_txt{position: absolute; bottom: 0; width: 100%}
.sub_visual .sub_vis_txt .inner:after{content: ''; display: block; clear: both}
.sub_visual .sub_vis_txt .inner > *{float: left}
.sub_visual .sub_vis_txt .inner > .sub_pag_wrap{float: right; margin-top: 83px}
.sub_visual .sub_vis_txt .inner > .sub_pag_wrap ul:after{content: ''; display: block; clear: both}
.sub_visual .sub_vis_txt .inner > .sub_pag_wrap ul li{float: left}
.sub_visual .sub_vis_txt strong{display: block; color: #422d2e; font-size: 50px; letter-spacing: -0.5px; margin-bottom: 30px; }
.sub_visual .sub_vis_txt h2{display: block; color: #422d2e; font-size: 50px; letter-spacing: -0.5px; margin-bottom: 30px; }
.sub_visual .sub_vis_txt p{color: #422d2e; font-size: 16px; letter-spacing: -0.5px; }
.sub_visual .sub_vis_txt .sub_pag_wrap span{font-size: 16px; letter-spacing: -0.5px; color: #7a7a7a; font-weight: 300; line-height: 25px}
.sub_visual .sub_vis_txt .sub_pag_wrap ul li:after{content: ''; display: inline-block; width: 4px; height: 4px; background: #7a7a7a; border-radius: 50%; margin: 0 9px; vertical-align: top; margin-top: 11px; }
.sub_visual .sub_vis_txt .sub_pag_wrap ul li:last-child:after{display:none}
.sub_tit{margin-bottom: 60px; }
.sub_tit strong{font-size: 30px; letter-spacing: -0.5px; color: #422d2e; display: block; text-align: center; font-weight: 400}
.sub_tit strong span{font-weight: 600}
.sub_tit p{font-size: 18px; letter-spacing: -0.5px; color: #746364; display: block; text-align: center; font-weight: 400; margin-top: 34px; }

.sub_tit p span{font-weight: bold}
.sub_tit p i{display: inline-block; width: 23px; height: 1px; }
.sub_tit a{font-size: 15px; letter-spacing: -0.5px; color: #96252a;  }
.sub_tit .tution_but{font-size: 15px; letter-spacing: -0.5px; color: #96252a; display: block; text-align: center; font-weight: 400; margin-top: 34px; width: 190px; height: 46px; background: #fff url(/img/sub/bt_arrow.png) no-repeat 85% center; margin: 0 auto;  border-radius: 10px 0 10px 0 ; line-height: 46px;box-shadow: 10px 10px 15px rgba(81,57,58,0.2); box-sizing: border-box; text-align: left; padding-left: 22px; margin-top: 40px; }*/
.sub_con{padding-bottom: 158px;}