@charset "UTF-8";
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 400; src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-regular.woff2" ) format( "woff2" ), url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-regular.woff" ) format( "woff" ); }

@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*
font-family: 'NanumSquareRoundLight';
font-family: 'NanumSquareRound';
font-family: 'NanumSquareRoundBold';
font-family: 'NanumSquareRoundExtraBold';
*/


html, body {font-family: 'NanumSquareRound';; height:100%;position: relative; }
body {font-size:15px; color:#333; line-height:170%; margin:0; padding:0; width:100%; min-width:320px; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, header, footer, input, figure {margin:0; padding:0;}
ul, ol, li {list-style:none;}
li{-webkit-tap-highlight-color: rgba(0,0,0,.1);}
img, fieldset {border:0 none;}
img, input, select, textarea{vertical-align:middle;}
address, em {font-style:normal; font-weight:normal;}
a {text-decoration:none; text-overflow:ellipsis;-webkit-tap-highlight-color: rgba(0,0,0,.1); color: #666;}
a:link, a:hover, a:active {text-decoration:none;}
a:focus {outline:none;}
figure{margin:0;}
input:focus {outline:medium none;}
input, textarea, select {border-radius:0 0 0 0;font-family:'Nanum Barun Gothic',Arial,Arial; font-size:14px; color:#6e6e6e; }
table {border-collapse:collapse; border-spacing:0; empty-cells:show; vertical-align:middle;}
caption {position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;}
header, footer, section, article {display:block;}
button {border:medium none; cursor:pointer; overflow:hidden; text-align:center;}
input[type=text]::-ms-clear {display: none;}
input[type=password]::-ms-reveal{display:none;}
input[type=submit] {-webkit-appearance:none;}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent;}

/*지난호목록*/
.archive-wrap{ position:absolute; z-index: 10;right:4%;top:4%;z-index: 1000}
.archive-wrap .h_archive {
  display: block;
  padding: 0.55rem 1.0rem;
  border: 3px solid #19b7ae;
  background-color: #fff;
  color: #444; border-radius: 1.875rem;
  font-family: 'S-CoreDream-7ExtraBold';
  font-size: 1rem;
  cursor: pointer;
}
.archive-wrap .listPage-area {
	display: none;
	z-index: 8000
}
.archive-wrap .listPage-area .listPageitem{text-align:center;}
.archive-wrap .listPage-list {
	position: relative;
  z-index: 8000;
  margin-top: 15px;
  min-width: 1rem;
  padding: 0.9375rem 0.625rem;
  background-color: #fff;
  border: 3px solid #19b7ae;
	text-align:left;
}
.archive-wrap .listPage-list li:hover a {
  color: #f7951d;
  border-bottom: 1px solid #f7951d;
}
.archive-wrap .listPage-area.is-active {
  visibility: visible;
  display: block;
	z-index: 9999
}
.archive-wrap .listPage-list:before,
.archive-wrap .listPage-list:after {
  content: '';
  position: absolute;
  left: 30%;
  top: -10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.3125rem 0.625rem 0.3125rem;
  border-color: transparent transparent #19b7ae transparent;
}


.sub_body {height:auto;}
/* common */
.Ftr {float:right;}
.Ftl {float:left;}
.Ftn {float:none !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.dsI {display:inline;}
.dsIB {display:inline-block!important;}
.dsB {display:block !important;}
.dsN {display:none;}
.dsT {display:table;}
.c_bt {clear:both;}
.ofH {overflow:hidden;}
.ti {text-indent:-9999px!important;}
.fwb {font-weight:bold;}
.m0A {margin:0 auto;}
.pTr {position:relative;}
.fWn {font-weight:normal;}
.tdu {text-decoration:underline;}
.fontA{font-family: 'NanumSquare';}
.fontS{font-family: "bmw cond";}
strong.fontS{font-family: "bmw cond";font-weight:500;}
span.fontS{font-family: "bmw cond";font-weight:300;}
em.fontS{font-family: "bmw cond";font-weight:300;}
img.turn{
    transform: translateX(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
  }


/* contents 유형별 */
.sub_contents{padding-top: 100px}
.sub_contents h1 {font-size:1.6em; display:block; line-height:1.5; color:#222;}
.sub_contents h2 {font-size:1.4em; display:block; line-height:1.5; margin-bottom:14px; color:#222;}
.sub_contents h3 {font-size:1.2em; display:block; line-height:1.5; margin-bottom:10px; color:#222;}
.sub_contents h4 {font-size:1.1em; display:block; line-height:1.5; margin-bottom:7px; color:#222;}
.sub_contents p {display:block; line-height:1.7; color:#221E1F;text-align: justify;font-size:1.1em;}

.imgtxt {background:rgba(0, 0, 0, .6); color:#fff; padding:6px 3%; display:block; width:94%; position:absolute; bottom:0; left:0; font-size:0.9em; line-height:1.4; text-align:left; *background:#000; *filter:alpha(opacity=70);}
.imgW{overflow:hidden;position:relative;clear:both;}
.imgW img{width:100%;}
.imgL{position:relative;float:left;overflow:hidden;}
.imgL img{width:100%;}
.imgR{position:relative;float:right;overflow:hidden;}
.imgR img{width:100%;}
.txtBox{overflow:hidden;clear:both;}
.txtBoxL{float:left;}
.txtBoxR{float:right;}
.txtBoxC{clear:left;}
.txtBoxM{width:100%;overflow:hidden;}
.min {font-size:0.85em; color:#888; margin-top:5px; line-height:1.5;}
/*.layer {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, .3); z-index:10;}*/
.imgLeft{float:left;}
.imgLeft img{width:100%;}
.imgRight{float:right;}
.imgRight img{width:100%;}
.hidePc {display: block;}

@media screen and (max-width:480px) {
	.imgLeft{float:none; width:100%!important; margin-bottom:20px;}
	.imgRight{float:none; width:100%!important;}
	.hidePc {display: none;}
}

.par0{margin-bottom:5px !important;}
.par1{margin-bottom:10px !important;}
.par2{margin-bottom:20px !important;}
.par3{margin-bottom:30px !important;}
.par4{margin-bottom:40px !important;}
.par5{margin-bottom:50px !important;}
.par6{margin-bottom:60px !important;}
.par7{margin-bottom:70px !important;}
.par8{margin-bottom:80px !important;}
.description {font-size: 16px; font-weight: bold; color: #222; line-height: 28px; margin-bottom: 15px;}


/* add */
.sub_contents .titTy1{font-size:2.2em;font-weight:bold;color:#85A0C6; line-height:1.3;letter-spacing:-0.03em;text-align:center;}
.sub_contents .titTy1 .d{color:#B4AE9B;display:inline-block;}
.sub_contents .titTy1 span{color:#B4AE9B;}
.sub_contents .titTy1 .tit1{font-size:0.5em;font-weight:normal;color:#85A0C6;}
.sub_contents .titTy1 .tit2{font-size:0.53em;font-weight:normal;color:#818285;}
.sub_contents .titTy1 .tit3{font-size:0.53em;font-weight:normal;color:#B4AE9B;}
.sub_contents .titTy1 .tit4{font-size:0.53em;font-weight:normal;color:#E0BC82;}
.sub_contents .titTy1 .tit5{font-size:0.53em;font-weight:normal;color:#B5B389;}
.sub_contents .titTy1 .tit6{font-size:0.8em;font-weight:normal;color:#85A0C6;margin-top:20px;display:block;}
.sub_contents .titTy1 .tit7{font-size:0.8em;font-weight:normal;color:#85A0C6;display:block;}
.sub_contents .titTy1 .tit8{font-size:0.7em;font-weight:normal;color:#85A0C6;}
.sub_contents .titTy1 .tit9{font-size:0.7em;font-weight:normal;color:#B4AE9B;}
.sub_contents .titTy1 .tit10{font-size:0.7em;font-weight:normal;color:#9CAC26;}
.sub_contents .titTy1.st2{color:#B4AE9B}
.sub_contents .titTy1.st3{color:#ADA96A}
.sub_contents .titTy1.st4{color:#B5B389}
.sub_contents .titTy1.st5{color:#9CAC26}
.sub_contents .titTy2{font-size:1.73em;font-weight:bold;color:#85A0C6; line-height:1.3;letter-spacing:-0.03em;border-bottom:1px solid #85A0C6;padding:0 0 0;margin:50px 0 10px;}
.sub_contents .titTy2.st2{position:relative;z-index:2;border:0;}
.sub_contents .titTy2.st4{color:#C0BAAA;border-bottom:1px solid #B4AE9B;}
.sub_contents .titTy2.st5{color:#E5C593;border-bottom:1px solid #818285;}
.sub_contents .titTy2.st6{color:#B5B389;border-bottom:1px solid #818285;}
.sub_contents .titTy2.st7{color:#C0BAAA;border-bottom:1px solid #B4AE9B;padding:20px 0 0;background:url('../images/sub/img_5_tit.jpg') no-repeat 100% 100%;background-size:49px;}
.sub_contents .titTy2.st8{color:#A6A473;border-bottom:0;}
.sub_contents .titTy2.st9{color:#A6A473;border-bottom:1px solid #A6A473;}
.sub_contents .titTy2.st10{color:#A6A473;border-bottom:0;margin:20px 0 10px;font-size:1.3em;}
.sub_contents .titTy2.st11{color:#E0BC82;border-bottom:1px solid #E0BC82;}
.sub_contents .titTy2.st12{color:#85A0C6;border-bottom:0;}
.sub_contents .titTy3{font-size:1.6em;font-weight:bold;color:#85A0C6;letter-spacing:-0.03em;border-bottom:1px solid #85A0C6;}
.sub_contents .titTy3 span{display:inline-block;padding:9px 15px;background:#85A0C6;color:#fff;border-radius:10px 10px 0 0;}
.sub_contents .titTy4{font-size:1.73em;font-weight:bold;color:#E0BC82; line-height:1.3;letter-spacing:-0.03em;border-bottom:1px solid #E0BC82;padding:0 0 0;margin:50px 0 10px;}
.sub_contents .titTy4.st2{border:0;}
.sub_contents .titTy4.st3{padding:20px 0 0;background:url('../images/sub/img_3_tit.jpg') no-repeat 100% 100%;background-size:49px;}
.sub_contents .titTy5{font-size:1.73em;font-weight:bold;color:#85A0C6; line-height:1.3;letter-spacing:-0.03em;border-bottom:1px solid #85A0C6;padding:0 0 0;margin:50px 0 10px;}
.sub_contents .titTy5.st2{margin-top:30px;padding:40px 0 0;background:url('../images/sub/img_7_tit.jpg') no-repeat 0 0;background-size:49px;}
.sub_contents .titTy6{
	font-size:1.73em;
	font-weight:bold;
	color:#B4AE9B;
	line-height:1.3;
	letter-spacing:-0.03em;
	border-bottom:1px solid #B4AE9B;
	padding:0 0 0;
	margin:50px 0 10px;
}
.sub_contents .titTy6-2{
	font-size:1.33em;
	font-weight:bold;
	color:#B4AE9B;
	line-height:1.3;
	letter-spacing:-0.03em;
}
.sub_contents .titTy7{font-size:1.73em;font-weight:bold;color:#9CAC26; line-height:1.3;letter-spacing:-0.03em;border-bottom:1px solid #9CAC26;padding:0 0 0;margin:50px 0 10px;}
.sub_contents .titTy8{font-size:1.6em;font-weight:bold;color:#aca96a;letter-spacing:-0.03em;border-bottom:1px solid #aca96a;}
.sub_contents .titTy8 span{display:inline-block;padding:9px 15px;background:#dfbb86;color:#fff;border-radius:10px 10px 0 0;}
.sub_contents .titTy10 { font-size:2.2em;font-weight:bold;color:#b3ad9b; line-height:1.3;letter-spacing:-0.03em;text-align:center; }
.sub_contents .titTy10 .tit7{font-size:0.8em;font-weight:normal;color:#b3ad9b;display:block;}

.color1{color:#85A0C6 !important;}
.color2{color:#fff !important;}

.sub_contents .txtTy1{color:#85A0C6;line-height: 1.5;font-size:1em;letter-spacing:-0.02em;margin-top:5px;text-align:center;margin:20px 0 0;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt70{margin-top:70px !important;}

.mCSB_inside > div.mCSB_container{margin-right:10px;}

@media screen and (max-width:500px) {
	.sub_contents .titTy1{font-size:2em;}
	.sub_contents .titTy2{font-size:1.6em;}
	.sub_contents .titTy3{font-size:1.45em;}
	.sub_contents .titTy4{font-size:1.6em;}
}




/* layout */
.wrap { width: 100%; position: relative; max-width: 1920px; min-width: 320px;height:100%; overflow: hidden; -webkit-overflow-scrolling:touch;}
.wrap .container {position: relative; top: 0; left: 0; height: 100%;}
.wrap .container .left {position: relative; top:0; left: 0; width:50%; height: 100%; background: #19b7ae;}
.wrap .container .left .btn_menu {display: none; position: absolute; top: 40px; left: 40px; z-index: 2; width: 40px; height: 43px; background: url("../images/btn_menu.png") 0 0 no-repeat; text-indent: -9999px;}
.wrap .container .left .logo a {display: block; position: absolute; top: 40px; right: 40px; z-index: 2; width: 142px; height: 28px; background: url("../images/logo.png") 0 0 no-repeat; background-size: 100%; text-indent: -9999px;}
.wrap .container .left .main_wrap {padding:170px 0 0; box-sizing: border-box; position: relative; height: 100%;background: url("../images/cover.jpg") no-repeat 0 0;background-size:cover; background-position: center}
.wrap .container .left .main_wrap .txt1_box {color:#fff; margin-left: 20px;text-align:center;}
.wrap .container .left .main_wrap .txt1_box .txt2 {display: inline-block;font-size: 27px;line-height: 1.5; vertical-align: top;margin-top:10px;color:#fff;font-weight: bold;font-weight: bold; background: #19b7ae; padding:5px 30px; border-radius: 30px;margin-top: 20px}
.wrap .container .left .main_wrap .txt2_box {font-size:50px; color: #b8ddd4; line-height: 1.2; margin-top: 50px;text-indent: 15px;}
.wrap .container .left .main_wrap .txt2_box span {font-size: 110px;}
.wrap .container .left .main_wrap .txt3_box {font-size:20px; color:#fff; line-height: 1.3; margin-left: 20px;margin-top: 20px;}
.wrap .container .left .main_wrap .bot_txt {width: 100%; font-size:20px; color:#4C4D4F; text-align:center; font-weight:bold;overflow:hidden;position:absolute;bottom:0;left:0;background:#fff;padding:10px 0;border-bottom: 1px solid #ddd;}
.wrap .container .left .main_wrap .bot_txt strong{float:left;width:50%;padding:12px 0 0 15px;text-align:left;box-sizing:border-box;}
.wrap .container .left .main_wrap .bot_txt span{float:right;width:50%;text-align:right;padding-right:15px;box-sizing:border-box;}
.wrap .container .left .main_wrap .bot_txt span img{width:150px}
.wrap .container .left .main_wrap .img_gif {padding: 15px 0;}
.wrap .container .left .main_wrap .img_gif img {width:100%;}

.wrap .container .right {position: absolute; overflow: hidden; top: 0; left: 50%; width: 50%; height: 100%; background: #fff;}
.wrap .container .right .article_tab {z-index: 100; color:#666;  font-size: 16px; margin-top: 20px; margin-left: 30px;margin-bottom:20px;}
.wrap .container .right .article_tab a {color:#666; letter-spacing: 0; font-size: 16px;font-family:Arial;}
.wrap .container .right .article_tab a:hover {color:#333;}
.wrap .container .right .article_wrap {position: relative; overflow-y: auto; height: 100%;background:#c0e5ec}
.wrap .container .right .article_wrap .sec {position: relative; z-index: 100; width: 76%; padding-bottom: 0; margin: 0 auto;}
.wrap .container .right .article_wrap .sec {margin-top: 2%;}
.wrap .container .right .article_wrap .sec ul {overflow: hidden; }
.wrap .container .right .article_wrap .sec ul li {width: 48%; margin-bottom: 4.5%; min-height: 400px; border-radius: 10px;text-align:center;}
.wrap .container .right .article_wrap .sec ul li.c1{background: #19b7ae}
.wrap .container .right .article_wrap .sec ul li.c2{background: #4ac78b}
.wrap .container .right .article_wrap .sec ul li.c3{background: #319acb}
.wrap .container .right .article_wrap .sec ul li.c4{background: #668ce1}
.wrap .container .right .article_wrap .sec ul li:first-child {width:48%;text-align:right;}
.wrap .container .right .article_wrap .sec ul li:first-child a{text-align:center;}
.wrap .container .right .article_wrap .sec ul li:last-child {margin-bottom: 0; }
.wrap .container .right .article_wrap .sec ul li:hover .txt_box dl {border-color: #19b7ae; transition: .1s linear;}
.wrap .container .right .article_wrap .sec ul li.odd {float: left; margin-right:4%}
.wrap .container .right .article_wrap .sec ul li.even {float: left;}
.wrap .container .right .article_wrap .sec ul li.pdt {/*padding-top: 28%;*/}
.wrap .container .right .article_wrap .sec ul li a {display: block; padding:20px}
.wrap .container .right .article_wrap .sec ul li .txt_box {position: relative; z-index: 10; padding: 2px 2.5% 10px; margin-top: 30px; text-align: center;  border-bottom: 1px solid #fff;min-height: 145px}
.wrap .container .right .article_wrap .sec ul li dl{display: flex; justify-content: space-between;align-items: center}
.wrap .container .right .article_wrap .sec ul li dl img{height: fit-content; }
.wrap .container .right .article_wrap .sec ul li .txt_box dl dd{ font-size: 26px; color: #101010; line-height: 1.4; font-weight:
bold;word-break: keep-all;text-align:left; color:#fff;}
.wrap .container .right .article_wrap .sec ul li .txt_box .list_bg {display: block; position: absolute; left: 0; right: 0px; top: 0; z-index: -1; height: 100%;transition: .1s linear;border-radius: 25px 25px 0 0;}
.wrap .container .right .article_wrap .sec ul li .txt_box .list_bg img {height:100%;}
/*.wrap .container .right .article_wrap .sec ul li:hover .txt_box .list_bg {display: block;}*/
.wrap .container .right .article_wrap .sec .ctg {font-size:30px; color:#19b7ae; border-top:8px solid #19b7ae;padding-top:20px; line-height:1.4; width:100%; position:absolute; top:0;font-weight: bold;font-family: 'Cafe24Ssurround';}

/*left open*/
.left_open {display:block;z-index:8889;width:300px; position:fixed;top:0; left:-300px; background:#fff; height:100%; overflow:hidden; transition:.3s ease;}
.left_open .lo_wrap {width:100%; height:100%; padding:  30px 0 0 20px; box-sizing: border-box; }
.left_open .lo_wrap .closebox {width:25px; height:25px; position: absolute; right: 30px;top:38px}
.left_open .lo_wrap .closebox img {width:25px; padding:0px; cursor: pointer;}
.left_open .lo_wrap .menu_scroll {overflow: auto; height: calc(100% - 90px);}
.left_open .lo_wrap .menu_scroll ul {padding: 0 5px 0 0;}
.left_open .lo_wrap .menu_scroll ul li {padding: 2px 0 2px;}
.left_open .lo_wrap .menu_scroll ul li a {display:block; font-size: 15px; color: #231F20; font-weight: bold; line-height: 1.5;padding: 5px 0 5px;letter-spacing:-0.03em;}
.left_open .lo_wrap .menu_scroll ul li a span{color:#939598;margin-right:3px;}
.left_open .lo_wrap .menu_scroll ul li.on a{background:#eff2f8;}
.left_open .lo_wrap .menu_scroll ul li.on a .color2{color:#eff2f8 !important;}
.left_open .lo_wrap .menu_scroll ul li.txt a{padding:2px;}
.left_open .lo_wrap .menu_scroll ul li a strong {display: block; color: #999; font-size: 12px; margin-bottom:3px;}
.left_open .lo_wrap .menu_scroll ul .mtit {font-size: 21px; color: #19b7ae; margin-bottom: 5px; margin-top: 30px;font-weight: bold;}
.left_open .lo_wrap .menu_scroll ul .mtit span{font-size: 19px;}
.left_open .lo_wrap .mlang {display:none;margin-top:0; font-size:15px; border: 2px solid #dcdcdc;width: 100%; overflow: hidden; margin-top: 40px;text-align:center;}
.left_open .lo_wrap .mlang a{color:#333; display:inline-block; width: calc(50% - 1px); text-align: center;padding: 11px 0;}
.left_open .lo_wrap .mlang a:hover{text-decoration: underline;}
.left_open .lo_wrap .mlang .line {width: 2px; height:20px; background: #dcdcdc; float: left; margin: 13px 0;}
.logo_txt {margin-top: 10px;margin-bottom:10px;}
.logo_txt strong{font-size:30px;color: #19b7ae;}
.logo_txt span {display: block; color: #222; font-size: 16px;margin-top: 0;}
.left_open .lo_wrap .back_month {position: relative;}
.left_open .lo_wrap .back_month .month_list {display: none; position: absolute; right: -3px; bottom: 50px; width:50%; border: 1px solid #9d9d9d; background:#fff;}
.left_open .lo_wrap .back_month .month_list ul {}
.left_open .lo_wrap .back_month .month_list ul li {}
.left_open .lo_wrap .back_month .month_list ul li a {font-size: 14px; color: #888; display:block; padding: 5px 20px; transition:.1s linear;}
.left_open .lo_wrap .back_month .month_list ul li a:hover {color:#333;}
/*right close*/
.right_close {display:none; position:fixed; z-index:999;width:100%; height:100%; top:0; right:0; background:rgba(0,0,0,0.4);}


/*footer*/
/*.footer {overflow: hidden; position: absolute; right: 40px; bottom: 60px; width: 16px; height: 221px; background: url(../images/footer.png) 0 0 no-repeat;}*/
.sub_footer {width: 100%; padding: 16px 0 ;background:#f5f5f5; text-align: center;position: absolute; bottom: 0}
.sub_footer img{padding: 20px 0}
.sub_footer p {color: #666; font-size: 14px; font-family: "Nanum Gothic";}



/* go-top */
.go-top { position:fixed; right:70px; bottom:100px; cursor:pointer; z-index:8889;}
.go-top img {width:81px;}

/*######### sub page ###############*/
.header {/*overflow: hidden; */width:100%; background:#fff; padding: 24px 0 23px; box-sizing: border-box; position: fixed; top: 0; z-index: 777; border-bottom:1px solid #ccc;}
.header .sub_logo {float: left; padding: 10px 0 8px 30px; }
.header .sub_logo a{font-family: 'Cafe24Ssurround';font-size: 30px; color:#19b7ae}
/*.header .list {float:right; border:1px solid #ddd; border-radius: 50px; padding:5px 20px}
.header .list a {width:auto;  display: inline-block;margin-top: 2px}
.header .list a img {width:100%;}*/
.header .btn_menu{float: left;padding: 8px 0 8px 30px;display: none}

.top_img {width:100%; position: relative; margin-top:90px;}
.top_img .sub_txt_box {width:800px;  text-align: center; padding: 30px; /* position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); */margin:0 auto ;box-sizing: border-box; z-index: 20;}
.top_img .sub_txt_box .tit{font-size: 32px; line-height: 1.4; font-weight: bold;color:#1d6f6a;margin-top: 30px}
.top_img .sub_txt_box .sub_tit{font-size: 18px; color:#333;margin-top: 10px;font-weight: bold;}
.top_img .sub_txt_box .category{font-size: 18px; color: #19b7ae; font-weight: bold;}
.top_img .sub_txt_box .category::after{content:'';display: block;width:80px; height: 3px; background: #19b7ae;margin:0 auto}
.top_img .sub_txt_box .sub_img_box{margin-top:20px}





/*sub*/

.back01 {background:#f0f9f8}
.back02 {background:url("../images/sub/sub_img_02.jpg") no-repeat center center; background-size:cover;}
.back03 {background:url("../images/sub/sub_img_03.jpg") no-repeat center center; background-size:cover;}
.back04 {background:url("../images/sub/sub_img_04.jpg") no-repeat center center; background-size:cover;}
.back05 {background:url("../images/sub/sub_img_05.jpg") no-repeat center center; background-size:cover;}


.arrow_L {width: 70px; position: fixed; z-index: 100; left: 20px; top: 50%; margin-top: -35px;}
.arrow_R {width: 70px; position: fixed; z-index: 100; right: 20px; top: 50%; margin-top: -35px;}
.arr img {width:100%;}

/*sub_common*/
.sub_container{max-width: 900px; margin:0 auto 100px;padding-bottom: 100px}
.sub_container .part {	margin-bottom: 60px;}
.sub_container .part:last-child {	margin-bottom: 0;}

/* img_wrap */
.img_wrap {margin: 0 0 20px 0;text-align: center;}
.img_wrap:after {content: '';display: block;clear: both;}
.img_wrap.two figure {
  float: left;
  width: 48.75%;
  margin-right: 2.5%;
}
.img_wrap.two figure:last-of-type{margin-right: 0}
.img_wrap.three figure {
  float: left;
  width: 31.6666%;
  margin-right: 2.5%;
}
.img_wrap.three figure:last-of-type{margin-right: 0}
.caption{font-size: 14px; text-align: center; color:#666;margin-top:5px}


/* text */
.txt_wrap {margin: 20px 0;}
.txt_wrap .point:before{content: '';width:3px; height:30px; background-color: #19b7ae; display: block; float: left; margin-right: 10px}
.txt_wrap .stitle {margin-bottom: 10px;	font-size: 18px;	text-align: left; font-weight: 700; color:#333}
.txt_wrap h4 {	margin-bottom: 20px;	font-size: 22px; font-weight: 700;}
.txt_wrap p {	font-size: 16px;	color: #666;	text-align: justify;	line-height: 30px; }
.wbk{word-break: keep-all;}


@media screen and (max-width:1600px){
  .header .btn_menu{display: block !important}
  .h_nav.sub .gnb{display: none}
}
@media screen and (max-width:1200px) {
	.wrap .container .right .article_wrap .sec .ctg {font-size:31px; color:#19b7ae; border-top:6px solid #19b7ae;padding-top:20px; line-height:1.4; width:100%; position:absolute; top:0;}
	.wrap .container .right .article_wrap .sec ul li .txt_box dl dd{min-height: 30px; font-size: 22px; color: #101010; line-height: 1.2;}

}

@media screen and (max-width:1024px) {
	.wrap .container .left {position: relative; top:0; left: 0; width:100%; height: auto; background: #19b7ae;}
    .wrap .container .right {position: relative; overflow: hidden; top: 0; left: 0; width: 100%; height: auto; background: #fff;}
    .wrap .container .left .btn_menu {display: block; position: absolute; top: 30px; left: 30px; z-index: 2; width: 40px; height: 32px; background: url("../images/btn_menu.png") 0 0 no-repeat; text-indent: -9999px;}
    .wrap .container .left .logo a {display: block; position: absolute; top: 30px; right: 30px; z-index: 2; width: 120px; height: 30px; background: url("../images/logo.png") 0 0 no-repeat; background-size: 100%; text-indent: -9999px;}
    .wrap .container .left .main_wrap {padding:170px 30px ; box-sizing: border-box; position: relative; height: 100%;}
    .wrap .container .left .main_wrap .txt1_box {color:#fff; margin-left: 20px;}
    .wrap .container .left .main_wrap .txt1_box .txt1 { font-size:45px; font-weight: bold; line-height: 1; margin-right: 3px}
    .wrap .container .left .main_wrap .txt1_box .txt2 {font-size: 13px;line-height: 1.5; vertical-align: top;}
    .wrap .container .left .main_wrap .txt2_box {font-size:40px; color: #b8ddd4; line-height: 1.2; margin-top: 50px;text-indent: 10px;}
    .wrap .container .left .main_wrap .txt2_box span {font-size: 70px;}
    .wrap .container .left .main_wrap .txt3_box {font-size:20px; color:#fff; line-height: 1.3; margin: 20px 10px 40px;}
    .footer {overflow: hidden; position: fixed; right: 10px; bottom: 60px; width: 16px; height: 221px; background: url(../images/footer.png) 0 0 no-repeat;}
    .wrap .container .right .article_wrap {position: relative; overflow: hidden; height: 100%; padding-top: 0;padding-bottom: 100px}
    .wrap .container .left .main_wrap .img_gif {padding: 15px 50px;}
    .wrap .container .left .main_wrap .img_gif img {width:60%;}
    .h_nav{display: none}
    .h_nav.sub{display: block}
}

@media screen and (max-width:768px) {



.wrap .container .right .article_wrap .sec ul li .txt_box{min-height: auto}
.wrap .container .right .article_wrap .sec ul li{min-height: 330px}

  .img_wrap.two figure{width:100%}
  .img_wrap.two figure:last-of-type{margin-top: 20px}
  .wrap .container .left .main_wrap .bot_txt strong{width: auto;}
  .wrap .container .left .main_wrap .bot_txt span{width: auto;}
  .wrap .container .left .main_wrap .txt1_box .txt1 img{width:100%}
  .wrap .container .right .article_wrap .sec {position: relative; z-index: 100; width: 100%; padding:0 50px 40px;box-sizing: border-box; margin: 0 auto;}
	.wrap { width: 100%; position: relative; max-width: 1920px; min-width: 320px;height:auto; overflow-x: hidden; -webkit-overflow-scrolling:touch;}
	.wrap .container .left .main_wrap .bot_txt{font-size:18px;}

}

@media screen and (max-width:640px) {
	.top_img .sub_txt_box {width:80%;  text-align: center; padding:5px 20px 25px; position: absolute; top:60%; left:50%; transform:translate(-50%, -50%); box-sizing: border-box;}
    .top_img .sub_txt_box .tit {font-size: 15px; background: #fff; display: inline-block; min-width: 200px; position: relative; top: -23px;padding: 5px 0;}
    .top_img .sub_txt_box .txt {color:#fff; font-size: 28px; line-height: 1.2;}
    .top_img {width:100%; height:200px; position: relative;}
	.top_img .sub_txt_box .tit{font-size:13px;letter-spacing:-0.03em;padding-left:10px;padding-right:10px;}
  .slide{width:78%; margin:0 auto}
}

@media screen and (max-width:480px) {
	.wrap .container .right .article_wrap .sec ul li:first-child {width:100%;text-align:left;}
    .h_nav{height:auto !important}
    .header {overflow: hidden; width:100%; background:#fff; padding: 10px 10px; box-sizing: border-box;}
    .header .sub_logo {float: left; padding: 6px 0 6px 15px;}
    .header .sub_logo img {width:100%;}
  .header .list {float:right;/* padding: 6px 0;*/}
    .header .list a {width:165px; margin-right: 3px;}
	.sub_contents {max-width:1024px; width: 100%; margin:10px auto 0; padding:20px; box-sizing: border-box;}
    .arrow_L {width: 50px; position: fixed; z-index: 100; left: 0px; top: 50%; margin-top: -25px;}
    .arrow_R {width: 50px; position: fixed; z-index: 100; right: 0px; top: 50%; margin-top: -25px;}

    .wrap .container .right .article_wrap .sec ul {margin-top: 0;padding-top:50px;}
    .wrap .container .right .article_wrap .sec ul li {width: 100%; margin-bottom: 30px; }
    .wrap .container .right .article_wrap .sec ul li:hover .txt_box dl {border-color: #19b7ae; transition: .1s linear;}
    .wrap .container .right .article_wrap .sec ul li.odd {float: none;}
    .wrap .container .right .article_wrap .sec ul li.even {float: none;}
    .wrap .container .right .article_wrap .sec ul li.pdt {padding-top: 0;}
    .wrap .container .right .article_wrap .sec ul li a {display: block;}
    .wrap .container .right .article_wrap .sec ul li .txt_box {position: relative; z-index: 10; padding: 0 2.5% 5px; margin-top: 30px; text-align: center; }
    /* .wrap .container .right .article_wrap .sec ul li .txt_box dl {padding: 22px 0 89px; background: url("../images/article_plus.gif") center 84% no-repeat #fff; border-bottom: 5px solid #fff;} */
    .wrap .container .right .article_wrap .sec ul li .txt_box dl dt{margin-bottom: 20px; font-size: 16px; letter-spacing: 1px;}
    .wrap .container .right .article_wrap .sec ul li .txt_box dl dd{/*min-height: 60px;*/ font-size: 18px; color: #fff; line-height: 1.3;}
    .wrap .container .right .article_wrap .sec ul li .txt_box .list_bg {display: block; position: absolute; left: 0; top: 0; z-index: -1; height: 100%;transition: .1s linear;}
    .wrap .container .right .article_wrap .sec ul li .txt_box .list_bg img {height:100%;}
    /* .wrap .container .right .article_wrap .sec ul li:hover .txt_box .list_bg {display: block;} */
    .wrap .container .left .main_wrap .img_gif {padding: 15px 0;}
    .wrap .container .left .main_wrap .img_gif img {width:100%;}

    .wrap .container .right .article_wrap .sec {position: relative; z-index: 100; width: 100%; padding:50px 30px 40px;box-sizing: border-box; margin: 0 auto;}
    .header .btn_menu {display: block; float: left; z-index: 2; width: 30px; height: 24px; background: url("../images/menu.png") center no-repeat;  text-indent: -9999px; }
    .url_print_box {position: absolute; top: -45px; right: 50%; margin-right: -135px;}
    .sub_footer span {color: #666; font-size: 13px; display: inline-block; margin-right: 10px;}
    /* go-top */
    .go-top { position:fixed; right:21px; bottom:70px; cursor:pointer; z-index:8889;}
    .go-top img {width:40px;}
     .top_img {width:100%;  position: relative; margin-top: 55px;}
     .top_img .sub_txt_box .sub_img_box img{width:50%}

	.sub { overflow-y: hidden;}
	.wrap .container .right .article_wrap .sec .ctg {font-size:2em; text-align:center; color:#19b7ae; border-top:8px solid #19b7ae;padding-top:10px; line-height:1.4; width:100%; position:relative; top:0;}
	.wrap .container .right .article_tab {z-index: 100; color:#666;  font-size: 16px; margin-top: 20px; margin-left: 0; margin-bottom:30px; text-align: center;}

	.wrap .container .right .article_tab a {color:#666; letter-spacing: 0; font-size: 13px;}
}

.per1{width:1%;}
.per2{width:2%;}
.per3{width:3%;}
.per4{width:4%;}
.per5{width:5%;}
.per6{width:6%;}
.per7{width:7%;}
.per8{width:8%;}
.per9{width:9%;}
.per10{width:10%;}
.per11{width:11%;}
.per12{width:12%;}
.per13{width:13%;}
.per14{width:14%;}
.per15{width:15%;}
.per16{width:16%;}
.per17{width:17%;}
.per18{width:18%;}
.per19{width:19%;}
.per20{width:20%;}
.per21{width:21%;}
.per22{width:22%;}
.per23{width:23%;}
.per24{width:24%;}
.per25{width:25%;}
.per26{width:26%;}
.per27{width:27%;}
.per28{width:28%;}
.per29{width:29%;}
.per30{width:30%;}
.per31{width:31%;}
.per32{width:32%;}
.per33{width:33%;}
.per34{width:34%;}
.per35{width:35%;}
.per36{width:36%;}
.per37{width:37%;}
.per38{width:38%;}
.per39{width:39%;}
.per40{width:40%;}
.per41{width:41%;}
.per42{width:42%;}
.per43{width:43%;}
.per44{width:44%;}
.per45{width:45%;}
.per46{width:46%;}
.per47{width:47%;}
.per48{width:48%;}
.per49{width:49%;}
.per50{width:50%;}
.per51{width:51%;}
.per52{width:52%;}
.per53{width:53%;}
.per54{width:54%;}
.per55{width:55%;}
.per56{width:56%;}
.per57{width:57%;}
.per58{width:58%;}
.per59{width:59%;}
.per60{width:60%;}
.per61{width:61%;}
.per62{width:62%;}
.per63{width:63%;}
.per64{width:64%;}
.per65{width:65%;}
.per66{width:66%;}
.per67{width:67%;}
.per68{width:68%;}
.per69{width:69%;}
.per70{width:70%;}
.per71{width:71%;}
.per72{width:72%;}
.per73{width:73%;}
.per74{width:74%;}
.per75{width:75%;}
.per76{width:76%;}
.per77{width:77%;}
.per78{width:78%;}
.per79{width:79%;}
.per80{width:80%;}
.per81{width:81%;}
.per82{width:82%;}
.per83{width:83%;}
.per84{width:84%;}
.per85{width:85%;}
.per86{width:86%;}
.per87{width:87%;}
.per88{width:88%;}
.per89{width:89%;}
.per90{width:90%;}
.per91{width:91%;}
.per92{width:92%;}
.per93{width:93%;}
.per94{width:94%;}
.per95{width:95%}
.per96{width:96%;}
.per97{width:97%;}
.per98{width:98%;}
.per99{width:99%;}
.per100{width:100%;}


/*margin*/
.mb0{margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}


.mt0{margin-top:0px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}

/* dep */
.dep1 {padding-left: 1em; text-indent: -1em; }
.dep2 {padding-left: 1.4em; text-indent: -1.4em; }/* ※ */
.dep3 {padding-left: 0.8em; text-indent: -0.8em; }/*  * */
.dep4 {display: block; padding-left: 1.2em; text-indent: -1.2em; }/*  ① */
.dep5 {padding-left: 4.2em; text-indent: -4.2em; }/*  네글자 */
.dep6 {padding-left: 5.1em; text-indent: -5.1em; }/*  6글자 */
.dep7 {padding-left: 4.8em; text-indent: -4.8em; }/*  5글자 */
.dep8 {padding-left: 2.4em; text-indent: -2.4em; }/*  2글자 */
.dep9 {padding-left: 3.5em; text-indent: -3.5em; }/*  2글자 */
.dep10 {padding-left: 0.6em; text-indent: -0.6em; }/*  # */
.dep11 {padding-left: 5.3em; text-indent: -5.3em; }/*  7글자 */
.dep12 {padding-left: 6.2em; text-indent: -6.2em; }/*  8글자 */
.dep13 {padding-left: 2em; text-indent: -2em; }/*   */
.dep14 {padding-left: 2.9em; text-indent: -2.9em; }/*  이름 3글자 */


/*sub_css*/
.s1_1 .box_wrap{margin-top:20px}
.s1_1 .box{background: #fbf7ed;padding:10px;margin-bottom: 20px; border-radius: 10px}
.s1_1 .box .box_tit{color:#c17421;font-weight: bold; font-size: 16px}
.s1_1 .box2{padding:40px; border:1px solid #19b7ae; border-radius: 50px; position: relative;}
.s1_1 .box2_tit{position:absolute;font-size: 22px; font-weight: bold;color:#fff; background: #19b7ae; display: inline-block;border-radius: 30px; width:370px; height: 50px;top:-25px;text-align: center;line-height: 50px; left:calc(50% - 185px)}
.s1_1 .square{color:#fff; background: #19b7ae; padding:5px 15px; display: inline-block}

.s2_1 .profile{display: -webkit-box;display: -ms-flexbox;display: flex; background: #f4f4f4;border-radius: 30px; padding: 20px;align-items: center}
.s2_1 .profile .name{font-size: 24px; font-weight: bold;margin-bottom: 20px}
.s2_1 .profile .info span{background: #fff; padding:5px 10px; border-radius: 10px}
.s2_1 .profile .info p{margin-top: 10px}
.s2_1 .box{background: #f0f9f8; padding:20px; border-radius: 20px; margin-top:30px}
.s2_1 .ccolor{color:#297e79}


.s3_1 .flex{display: flex; justify-content: space-between;}
.s3_1 .flex .column{width:50%}
.s5 .button a{background: #d5ead1; display: inline-block; padding:5px 80px; border-radius: 30px}
.s3_1 .box{background-color: #f4f4f4;padding:20px; border-radius: 20px;}
.s3_1 .ccolor{color:#297e79}


.s4_1 .tit{background: #19b7ae; padding: 5px 30px; border-radius: 50px; color:#fff;display: inline-block;font-size: 18px; font-weight: bold;margin-bottom: 20px}
.s4_1 .flex{display: flex; justify-content: space-between;}
.s4_1 .ccolor{color:#fe7171}
.s4_1 .ccolor2{color:#297e79}
.s4_1 .box{background-color: #e8f7f5;padding:20px; border-radius: 20px; font}

.fix_height1{min-height:60px}
.fix_height2{min-height:75px}.



@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
  .per48{width:100%;margin:10px 0}
  .per49{width:100%;margin:10px 0}
  .per50{width:100%; margin:10px 0}
  .s4_1 .flex{display: block}
  .s3_1 .flex{display: block;}
  .s3_1 .flex .column{width:100%}
  .wrap .container .right .article_wrap .sec ul li .txt_box dl dd{min-height: auto}
  .fix_height1{min-height:auto}
  .fix_height2{min-height:auto}

  .top_img .sub_txt_box .sub_img_box{margin-top:0}
  .s2_1 .profile{display: block}
  .s2_1 .profile .per70,
  .s2_1 .profile .per30{width:100%}
  .img_wrap img{max-width: 100%;}
  .sub_contents{padding:40px 15px }
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}



/* header */
#header {position: relative;}
.header {
  position: fixed;
  width: 100%;
  z-index: 100;
  background: #fff;
}

.h_top {
  height: 2.813rem;
  background-color: #f36a70;
  font-family: 'S-CoreDream-4Regular';
}
.h_top:after {
  content: "";
  clear: both;
  display: block;
}
.h_top .utilMenu_right {
  float: right;
  padding-top: 0.625rem;
  line-height: 100%;
}
.h_top .utilMenu_right li {
  display: inline-block;
}

.h_top .utilMenu_right li a {
  position: relative;
  display: block;
  padding: 0.3125rem 0.9375rem;
  margin-right: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
}
.h_top .utilMenu_right li.homepage a:before {
  content: "";
  display: inline-block;
  width: 0.9375rem;
  height: 0.875rem;
  margin-right: 0.3125rem;
  background: url(../images/common/top_icon1.png) no-repeat;
  background-size: 100% auto;
  vertical-align: -1px;
}
.h_top .utilMenu_right li.subscription a:before {
  content: "";
  display: inline-block;
  width: 0.9375rem;
  height: 0.85rem;
  margin-right: 0.3125rem;
  background: url(../images/common/top_icon2.png) no-repeat;
  background-size: 100% auto;
  vertical-align: 0;
}
.h_top .utilMenu_right li.list a:before {
  content: "";
  display: inline-block;
  width: 0.9375rem;
  height: 0.95rem;
  margin-right: 0.3125rem;
  background: url(../images/common/top_icon3.png) no-repeat;
  background-size: 100% auto;
  vertical-align: 0;
}
.h_top .utilMenu_right li.mo_list {
  display: none;
}

.h_top .utilMenu_left {
  float: left;
  /*padding-top: 0.625rem;*/
}
.h_top .utilMenu_left .archive {
  display: inline-block;
  margin-right: 2.5rem;
  vertical-align: middle;
}
.h_top .utilMenu_left .archive a {
  display: block;
  padding: 0.3125rem 0.9375rem;
  background-color: #fff;
  font-weight: 400;
  font-size: 0.875rem;
  color: #c63c41;
  line-height: 100%;
  border-radius: 1.25rem;
}
/*search*/
 .search {
  display: inline-block;
  vertical-align: middle;
  background: #eeeeee;
  padding:10px;
  border-radius: 30px;
  margin-right: 150px
}
 .search .input {
  height: 1.5rem;
  /* padding: 0.3125rem; */
  font-size: 0.875rem;
  color: #999;
  font-family: 'S-CoreDream-4Regular';
  background: #eee;
  padding-left: 10px
}
 .search .input::placeholder {
  font-size: 0.875rem;
  color: #999;
}
 .search .input:active,
 .search .input:focus {
  outline: 0;
  background-color: #eee;
}
 .search .searchBtn {
  display: inline-block;
  width: 20px;
  height: 20px;
}
 .search .searchBtn:after {
  content: "\e97a";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: #ec4f30;
  font-family: xeicon;
  vertical-align: -2px;
}
/*search*/
.h_nav.sub{width:100%}
.h_nav.sub .gnb{width:50%; left:50%; z-index: 999; }
.h_nav.sub .gnb>ul{margin-left:-500px;width:1000px}
.h_nav.sub .gnb .sub_menu{z-index: 999}
.h_nav {
  position: fixed;
top: 0;
right: 0;
background: #fff;
width: 50%;
z-index: 999;
height: 100px
}

}
.h_nav h1 {
  padding: 1.5rem 0;
  margin-left:-150px
}
.h_nav h1 .logo {
  display: inline-block;
  width: 178px;
  height: 51px;
  background: url(../images/common/logo.png) no-repeat center center;
  background-size: 100% auto;
  vertical-align: middle;
}
.h_top .date {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color:#fff;
  padding-top: 0.8rem



}
.h_nav .gnb {
  position: absolute;
  width:100%;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.h_nav .gnb > ul {font-size: 0;    margin:0 auto; width:90%
}
.h_nav .gnb > ul:after {
  content: "";
  display: block;
  clear: both;
}
.h_nav .gnb li.menu {
  display: inline-block;
  position: relative;
}
.h_nav .gnb li.menu > a {
  display: block;
  position: relative;
  height: 100%;
  padding: 2.25rem 2.175rem;
  font-size: 1.125rem;
  text-align: center;
  transition: all .1s;
  font-weight: 900;
}
.h_nav .gnb li.menu:first-child > a:before {display: none;}
/*.h_nav .gnb li.menu:after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background-color: #f46b6f;
  border-radius: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: all .1s;
  z-index: 15;
}*/
.h_nav .gnb .sub_menu {
  display: none;
  position: absolute;
  top: 80px;
  left: 50%;
  width: 160px;
  padding: 10px 0;
  z-index: 10;
  background-color: #eff5db;
  transform: translateX(-50%);
  border-radius: 10px;
}
.h_nav .gnb .sub_menu a {
  display: block;
  position: relative;
  padding: 12px 20px;
  /* line-height: 100%; */
  color: #333;
  text-align: center;
  transition: all .3s;
  font-size: 1rem;
  font-weight: bold;
}
.h_nav .gnb li.menu:hover:after {opacity: 1;}
.h_nav .gnb li.menu:hover > a {color: #19b7ae;}
.h_nav .gnb li.menu:hover .sub_menu {
  display: block;
}
.h_nav .gnb li.menu .sub_menu li a .b1 {
  position: relative;
  padding-bottom: 3px;
}
.h_nav .gnb li.menu .sub_menu li:hover a .b1:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #19b7ae;
  width: 100%;
  height: 3px;
}
.h_nav .gnb li.menu .sub_menu li:hover a .b1{color:#19b7ae}

.h_nav .mo_btn {display: none;}
.h_nav .mo_btn:after {
  content: "\e91c";
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 3.125rem;
  font-family: xeicon;
  color: #c63c41;
}
.h_nav .mo_srch {display: none;}
.h_nav .mo_srch:after {
  content: "\e97a";
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 3.125rem;
  font-family: xeicon;
  color: #c63c41;
}

.header.mobile .search {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110px;
  background-color: #c63c41;
  z-index: 999;
  text-align: center;
}
.header.mobile .search .input {
  position: absolute;
  width: 95%;
  left: 50%;
  top: 35px;
  height: 50px;
  border: 0;
  border-bottom: 1px solid #fff;
  text-align: left;
  color: #fff;
  font-size: 1.143rem;
  background-color: #c63c41;
  transform: translateX(-50%);
  border-radius: 0;

}
.header.mobile .search .input::placeholder {
  text-align: center;
  color: #fff;
}
.header.mobile .search .input:focus {outline: 0;}
.header.mobile .search .searchBtn {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.header.mobile .search .searchBtn:after {
  content: "\e97a";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #fff;
  font-family: xeicon;
  vertical-align: -2px;
  bottom: 35px;
  position: absolute;
  right: 10px;
}
.header.mobile .search .mo_srch_close:after {
  content: "\e921";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: #fff;
  font-family: xeicon;
  vertical-align: -2px;
  position: absolute;
  top: 10px;
  right: 10px;
}


/*2312*/
.txt_wrap p .b{font-size: 18px}
.s4_1 .bb{border-bottom: 2px solid #dedede;padding-bottom: 40px}
.s4_1 .mark{background:#f7edd4 }