@font-face {
	font-family: Noto Sans KR;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans KR;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans KR;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans KR;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans KR;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans KR;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
	font-weight: 900;
	font-style: normal;
}
@font-face {
 font-family: 'NanumMyeongjo';
  font-style: normal; 
  font-weight: 300; 
 src: url('/font/NanumMyeongjoExtraBold.ttf') format('truetype'),
	url(/font/NanumMyeongjo.woff) format('woff');
}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumGothic.otf) format('opentype'),
		url(/font/NanumGothic.ttf) format('truetype')),
		url(/font/NanumGothic.woff) format('woff');
}

@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumGothic.otf) format('opentype'),
		url(/font/NanumGothic.ttf) format('truetype'),
		url(/font/NanumGothic-Bold.woff) format('woff');
}

/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:14px; line-height:1.5; font-family: 'Noto Sans KR'; color:#484848;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#484848; text-decoration:none; border:0px;}
a:hover,a:focus{color:#484848; text-decoration:none}

address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type3{border-left: 1px solid #ddd;}
.tbl_type3 th {background: #f5f5f5; padding:15px 0; border:1px solid #ddd; height:46px; font-size:16px; color:#484848; text-align:center; font-weight:bold; border-right:none; }
.tbl_type3 td.td_left{text-align: left;}
.tbl_type3 td.border-top{border-top:1px solid #ddd;}
.tbl_type3 td {background: #fff; border-bottom:1px solid #ddd;  border-right: 1px solid #ddd; font-size:16px; color:#484848; font-weight:400; padding: 10px 20px; text-align:center;}
.tbl_type3 .bg01{color: #fff; background:#AB0000;}
.tbl_type3 .bg02{background: #f5f5f5; color: #484848; font-weight: bold;}


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.inner {width:1300px; margin:0 auto;}

#wrap {position:relative; width:100%; min-width:1200px; overflow:hidden;}
#header {position:fixed; top:0; left:0; width:100%; height:100px; z-index:999999;}
#header.on {background:#000; opacity:85%;}
#header .inner {position:relative;}
#header.sub {background:#000; opacity:85%;}

.logo { left: 0px; top: 20px; position: absolute;}
.logo a {font-family:'NanumGothicBold'; font-size:28px; color:#EFFE00;}
.gnb {padding-top: 9px; font-family: "NanumGothic"; float: right;}
.gnb > li { font-family:'NanumGothic'; font-weight:bold; position:relative; float:left; height:91px; line-height:96px; margin-left:67px;}
.gnb > li > a {display:block; height:100%; font-size:20px; color:#FFBA00;}
.gnb_2depth { font-family:'NanumGothic';display:none; position:absolute; top:91px; left:50%; transform:translateX(-50%); width:150px; text-align:center; z-index:999;}
.gnb_2depth li {width:100%; height:52px; background:#414862; margin-top:5px;}
.gnb_2depth li:first-child {margin-top:0;}
.gnb_2depth li:hover {background:#1631A6; }
.gnb_2depth li a {display:block; width:100%; height:100%; font-size:16px; color:#fff; line-height:49px;}

#visual_wrap {	width: 100%; height: 100vh; overflow: hidden; position: relative; min-width: 1300px;}
.visual_text {	left: 50%; top: 50%; text-align: left; font-family: "NanumGothic"; margin-top: -89px; margin-left: -654px; position: absolute; z-index: 99;}
.visual_text h4 {	color: rgb(255, 255, 255); line-height: 55px; font-size: 40px; font-weight: normal; margin-bottom: 17px; display: block;}
.visual_text span {	color: rgb(255, 255, 255); line-height: 30px; padding-left: 3px; font-size: 20px; display: block;}
.visual_btn {	left: 50%; width: 140px; height: 82px; text-align: center; bottom: 50px; position: absolute; z-index: 99; transform: translateX(-50%);}
.visual_btn a {	width: 100%; height: 100%; display: block;}
.visual_btn a span {	color: rgb(255, 255, 255); line-height: 1; letter-spacing: 1px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; margin-top: 15px; display: block; text-shadow: 0px 0px 7px rgba(0,0,0,0.28);}

#contents {	}
#section1 {	background: url("/images/main/section01_bg.jpg") no-repeat top; width: 100%; height: 1126px; text-align: center; padding-top: 248px; font-family: "NanumGothic";}
#section1 .tit {	height: 370px; margin-bottom: 54px; position: relative;}
#section1 .tit::before {	background: rgb(86, 75, 68); left: 50%; top: 0px; width: 1px; height: 370px; position: absolute; content: "";}
#section1 .tit p {	color: rgb(86, 76, 68); line-height: 42px; letter-spacing: -1px; font-size: 25px; vertical-align: top; display: inline-block; -ms-writing-mode: tb-rl;}
#section1 .tit p:nth-child(2) {	text-indent: -1px;}
#section1 .tit h2 {	padding: 0px 10px 10px 24px; color: rgb(0, 0, 0); text-indent: -5px; letter-spacing: 22px; font-size: 50px; font-weight: normal; margin-left: 23px; vertical-align: top; display: inline-block; position: relative; -ms-writing-mode: tb-rl;}
#section1 .tit img {	left: 760px; top: 257px; position: absolute;}
#section1 .txt p {	color: rgb(58, 58, 58); line-height: 30px; font-size: 18px; font-weight: 600; margin-top: 15px;}
#section1 .txt p:first-child {	margin-top: 0px;}
#section1 .txt p span {	color: rgb(171, 0, 0);}
#section1 .tit p {	opacity: 0; transform: translateY(-60%); -webkit-transform: translatey(-60%);}
#section1 .tit h2 {	opacity: 0; transform: translateY(60%); -webkit-transform: translatey(60%);}
#section1 .tit img {	opacity: 0;}
#section1 .txt {	opacity: 0; transform: translateY(30%); -webkit-transform: translatey(30%);}
.on#section1 .tit p {	transition:0.8s ease-in-out; opacity: 1; transform: translateY(0px); -webkit-transform: translatey(0);}
.on#section1 .tit h2 {	transition:0.8s ease-in-out 0.1s; opacity: 1; transform: translateY(0px); -webkit-transform: translatey(0);}
.on#section1 .tit img {	transition:0.3s ease-in-out 0.9s; opacity: 1;}
.on#section1 .txt {	transition:0.8s ease-in-out 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translatey(0);}
#section2 {	background: url("/images/main/section02_bg.jpg") no-repeat top; width: 100%; height: 881px; padding-top: 80px;}
#section2 .m_tit {	width: 100%; height: 170px; text-align: center; padding-top: 92px; font-family: "NanumGothic"; margin-bottom: 69px; position: relative;}
#section2 .m_tit::before {	background: rgb(255, 255, 255); left: 50%; top: 0px; width: 1px; height: 55px; margin-left: -1px; position: absolute; content: "";}
#section2 .m_tit h2 {	color: rgb(255, 255, 255); line-height: 1; letter-spacing: -0.3px; font-size: 35px; font-weight: normal; margin-bottom: 19px;}
#section2 .m_tit strong {	color: rgb(255, 255, 255); font-size: 18px; font-weight: normal; display: block;}
#mlist_wrap {	width: 100%; height: 442px; position: relative;}
#menu_list li {	width: 310px; height: 442px; float: left;}
#menu_list li a {	width: 100%; height: 100%; display: block;}
#menu_list li .mimg {	width: 310px; height: 290px; text-align: center; overflow: hidden; vertical-align: middle; display: table-cell;}
#menu_list li .mimg img {	transition:0.4s; width: auto; height: auto; max-height: 290px; max-width: 310px; transform: scale(1);}
#menu_list li .mtxt {	background: url("/images/main/sec2_off.png") no-repeat top; padding: 38px 20px; border: 1px solid rgb(255, 255, 255); transition:0.4s; border-image: none; width: 100%; height: 152px; text-align: center;}
#menu_list li .mtxt h4 {	color: rgb(255, 255, 255); line-height: 1; overflow: hidden; font-family: "NanumGothic"; font-size: 20px; font-weight: normal; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;}
#menu_list li .mtxt span {	color: rgb(189, 189, 189); line-height: 20px; font-size: 14px; font-weight: 400; display: block;}
#menu_list li:hover .mimg img {	transition:0.4s; transform: scale(1.1);}
#menu_list li:hover .mtxt {	background: url("/images/main/sec2_hover.jpg") no-repeat top; transition:0.4s;}
#menu_list li:hover .mtxt h4 {	color: rgb(34, 34, 34);}
#menu_list li:hover .mtxt span {	color: rgb(108, 108, 108);}
#section3 {	width: 100%; height: 903px; position: relative;}
#section3 .m_tit {	left: 50%; top: 80px; width: 100%; height: 170px; text-align: center; font-family: "NanumMyeongjo"; position: absolute; z-index: 99; transform: translateX(-50%);}
#section3 .m_tit h2 {	color: rgb(255, 255, 255); line-height: 1; letter-spacing: -0.3px; padding-top: 92px; font-size: 35px; font-weight: normal; margin-bottom: 19px;}
#section3 .m_tit h2::before {	background: rgb(255, 255, 255); left: 50%; top: 0px; width: 1px; height: 55px; position: absolute; content: ""; transform: translateX(-50%);}
#section3 .m_tit strong {	color: rgb(255, 255, 255); font-size: 18px; font-weight: normal; display: block;}
#section3 .slider_txt {	background: rgba(0, 0, 0, 0.5); padding: 51px 42px; border: 1px solid rgba(255, 255, 255, 0.8); border-image: none; left: 50%; top: 430px; width: 383px; height: 353px; text-align: left; margin-left: 203px; position: absolute;}
#section3 .slider_txt span {	color: rgb(255, 255, 255); line-height: 1; font-family: "NanumMyeongjo"; font-size: 30px; margin-bottom: 11px; display: block;}
#section3 .slider_txt h4 {	color: rgb(255, 255, 255); line-height: 1; text-indent: 1px; overflow: hidden; font-family: "NanumMyeongjo"; font-size: 30px; font-weight: normal; margin-bottom: 19px; white-space: nowrap; -ms-text-overflow: ellipsis;}
#section3 .slider_txt .desc {	color: rgb(255, 255, 255); line-height: 25px; font-size: 15px; font-weight: 300;}
#section4 {	background: url("/images/main/section04_bg.jpg") no-repeat top; width: 100%; height: 563px; padding-top: 80px;}
#section4 > .inner > div {	width: 630px; margin-right: 40px; float: left;}
#section4 > .inner > div:nth-child(2) {	margin-right: 0px;}
.notice {	width: 580px; float: left;}
.sec4_tit {	width: 100%; height: 62px; font-family: "NanumMyeongjo"; position: relative;}
.sec4_tit h2 {	color: rgb(255, 255, 255); line-height: 39px; font-size: 35px; font-weight: normal;}
.sec4_tit span {	top: 4px; right: 0px; position: absolute;}
.sec4_tit span a {	color: rgb(255, 255, 255); font-size: 20px;}
.sec4_tit span a img {	margin-left: 5px; vertical-align: -3px;}
.sec4_tit span:hover a img {	transform: rotate(180deg); transition-duration: 0.5s;}
.sec4_box {	background: rgba(255, 255, 255, 0.7); padding: 50px; width: 100%; height: 252px;}
.blog_box ul {	padding-left: 10px;}
.blog_box ul li {	width: 100%; line-height: 40px; overflow: hidden;}
.blog_box ul li::after {	clear: both; display: block; content: "";}
.blog_box ul li a {	width: 380px; color: rgb(34, 34, 34); overflow: hidden; padding-left: 15px; font-size: 15px; font-weight: 400; float: left; display: block; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;}
.blog_box ul li a::before {	background: rgb(34, 34, 34); border-radius: 50%; left: 0px; top: 19px; width: 3px; height: 3px; position: absolute; content: "";}
.blog_box ul li span {	color: rgb(34, 34, 34); font-size: 15px; font-weight: 400; float: right; display: block;}
.insta_box ul {	width: 100%; padding-top: 12px;}
.insta_box ul li {	width: 127px; height: 127px; overflow: hidden; margin-right: 3px; float: left;}
.insta_box ul li:last-child {	margin-right: 0px;}

#inquire {	background: url("/images/main/inquire_bg.jpg") no-repeat top; transition:0.3s; left: 0px; width: 100%; height: 122px; bottom: 0px; padding-top: 38px; position: fixed; z-index: 9999;}
#inquire h2 {	width: 224px; text-align: left; color: rgb(255, 255, 255); line-height: 47px; font-family: "NanumMyeongjo"; font-size: 25px; font-weight: normal; float: left;}
#inquire .in_form {	font-size: 0px; float: right;}
#inquire .in_form input[type='text'] {	background: none; border-radius: 10px; border: 1px solid rgb(255, 255, 255); border-image: none; height: 47px; color: rgb(255, 255, 255); line-height: 45px; padding-left: 13px; margin-right: 20px;}
#inquire .in_form input[type='text']:-ms-input-placeholder {	color: rgb(255, 255, 255); font-size: 14px;}
#inquire .in_form input[type='submit'] {	background: rgb(71, 54, 40); border-radius: 10px; border: currentColor; border-image: none; width: 133px; height: 47px; text-align: center; color: rgb(255, 255, 255); line-height: 47px; font-size: 16px; font-weight: 400; cursor: pointer;}
.on#inquire {	transition:0.3s; position: static;}

#quick {	border-radius: 10px; border: 1px solid rgb(64, 64, 64); border-image: none; left: 50%; top: 312px; width: 145px; text-align: center; overflow: hidden; margin-left: 717px; position: absolute; z-index: 9999;}
.quick_tit {	background: rgb(141, 4, 4); width: 100%; height: 53px; font-family: "Montserrat", sans-serif;}
.quick_tit strong {	color: rgb(255, 255, 255); line-height: 53px; letter-spacing: -1px; font-size: 18px; font-weight: 500; display: block;}
.quick_con {	background: rgb(14, 14, 14);}
.quick_con li {	padding: 0px 27px; width: 100%;}
.quick_con li a {	padding: 15px 0px; width: 100%; text-align: center; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dashed; display: block;}
.quick_con li:last-child a {	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;}
.quick_con li .icon {	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 50%; transition:0.2s ease-in-out; width: 57px; height: 57px; text-align: center; line-height: 57px;}
.quick_con li .icon img {	vertical-align: middle;}
.quick_con p {	color: rgb(255, 255, 255); font-family: "NanumMyeongjo"; font-size: 16px; margin-top: 10px;}
.quick_con li:hover .icon {	transform: translateY(-3px);}

#footer {	background: rgb(0, 0, 0); width: 100%; height: 183px;}
#footer .inner {	position: relative;}
.footer_logo {	left: 0px; top: 56px; position: absolute;}
.f_icon {	top: 25px; right: 0px; font-size: 0px; position: absolute;}
.f_icon span {	background: rgb(51, 51, 54); margin: 0px 10px; border-radius: 50%; width: 42px; height: 42px; display: inline-block;}
.f_icon span:last-child {	margin-right: 0px;}
.f_icon span a {	width: 100%; height: 100%; text-align: center; line-height: 42px; display: block;}
.f_icon span a img {	vertical-align: middle;}
address {	text-align: right; color: rgb(126, 126, 126); line-height: 26px; padding-top: 80px; font-size: 14px; font-weight: 400;}
address span {	margin-right: 8px; display: inline-block;}
p.copyright {	text-align: right; color: rgb(126, 126, 126); line-height: 1; font-size: 14px; font-weight: 400; margin-top: 10px;}


#########/*  sub */########
#sub_visual_wrap {	width: 100%; height: 211px; overflow: hidden; position: relative;}
.sub_visual_txt {	left: 50%; top: 108px; width: 100%; text-align: left; font-family: "NanumGothic"; margin-left: -648px; position: absolute;}
.sub_visual_txt h2 {	color: rgb(255, 255, 255); line-height: 1; letter-spacing: -1px; font-size: 50px; font-weight: normal;}
.location {	width: 100%; font-size: 16px; margin-top: 73px; margin-left: 73px;}
.location span {	color: rgb(255, 255, 255); line-height: 25px; letter-spacing: -1px; font-size: 18px; font-weight: normal; display: inline-block;}
.location span img {	margin: 0px 21px; vertical-align: -4px;}

#sub_contents {	background: #02137B; width: 100%; overflow: hidden; padding-top: 0px; padding-bottom: 0px; min-height: 700px;}
.sub_menu_01 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_profile_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_02 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_author_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_03 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_poetry_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_04 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_gallery_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_05 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_press_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_06 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_review_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_07 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_book_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_08 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_vod_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_09 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_notice_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.sub_menu_10 {	width: 220px; height:550px; float: left; background: url("/images/flash_left_guestbook_bg.jpg") 0% 0% / cover; margin-top: 0px;}
.page_tit {	background: url("/images/sub/page_tit.jpg") no-repeat; width: 100%; height: 145px; text-align: center; margin-bottom: 30px;}
.page_tit h3 {	color: rgb(255, 255, 255); line-height: 145px; font-family: "NanumGothic"; font-size: 25px; font-weight: 400;}
.sub_menu .lnb {	border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden;}
.sub_menu .lnb h3 {	background: url("/images/sub/lnb_off.png") no-repeat 189px 19px rgb(255, 255, 255); transition:0.3s; width: 220px; height: 50px; line-height: 48px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;}
.sub_menu .lnb h3:first-child {	border-top-color: currentColor; border-top-width: medium; border-top-style: none;}
.sub_menu .lnb h3 a {	width: 100%; height: 100%; color: rgb(72, 72, 72); padding-left: 23px; font-size: 16px; font-weight: 400; display: block;}
.sub_menu .lnb h3.on {	background: url("/images/sub/lnb_on.png") no-repeat 189px 19px rgb(171, 0, 0);}
.sub_menu .lnb h3.on a {	color: rgb(255, 255, 255);}
.sub_menu .lnb h3:hover {	background: url("/images/sub/lnb_on.png") no-repeat 189px 19px rgb(171, 0, 0); transition:0.3s;}
.sub_menu .lnb h3:hover a {	color: rgb(255, 255, 255);}

.sub_con {	width: 1080px; float: right;}
.contop {	width: 100%; padding-bottom: 0px; margin-top: 30px;}
/*.contop {	width: 100%; padding-bottom: 36px; margin-bottom: 40px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;}*/
.contop h4 {	color: rgb(72, 72, 72); line-height: 40px; text-indent: -1px; font-family: "NanumGothic"; font-size: 35px;}
h4.h4_title {	margin: 30px 0px; color: rgb(72, 72, 72); padding-bottom: 20px; font-family: "NanumGothic"; font-size: 25px; font-weight: bold; position: relative;}
h4.h4_title::before {	background: rgb(72, 72, 72); left: 0px; width: 50px; height: 1px; bottom: 0px; position: absolute; content: "";}
.brand_info { margin-top: -77px; }
.brand_info dl dt {	color: rgb(72, 72, 72); line-height: 40px; font-family: "NanumGothic"; font-size: 25px; font-weight: 600; margin-bottom: 0px;}
.brand_info dl dt span {	color: rgb(0, 0, 0); font-weight: 900;}
.brand_info dl dd {	color: rgb(72, 72, 72); line-height: 24px; font-size: 16px; margin-bottom: 0px;}
.brand_info_01 {	width: 100%; overflow: hidden; margin-bottom: 0px; }
.brand_info_01 dl {	text-align: left; float: left;}
.brand_info_01 img {	float: center;}
.brand_info_01 span { color:#eeeeee; }
.brand_info_02 {	width: 100%; overflow: hidden; margin-bottom: 50px;}
.brand_info_02 {	background: url("/images/sub/brand_info_02_bg.png"); width: 100%; height: 136px;}
.brand_info_02 dl dt {	padding: 30px 0px 0px 40px; line-height: 35px; font-size: 20px; font-style: italic; font-weight: bold;}
.brand_info_02 dl dt span {	color: rgb(171, 0, 0);}
.brand_info_03 {	width: 100%; overflow: hidden;}
.brand_info_03 dl {	text-align: right; margin-top: 80px; float: right;}
.brand_info_03 img {	float: left;}
.brand_info_shop table{float: center; padding: 10px 10px;color: #484848; font-size: 18px; margin-left: 0px; margin-bottom: 0px;}
.brand_info_shop td {float: center; padding: 10px 10px;color: #484848; font-size: 18px;line-height: 22px; margin-left: 0px; margin-bottom: 0px;}

.brand_concept { }
.brand_concept div {	text-align: center; margin-bottom: 50px;}
.brand_concept span.number {	background: rgb(219, 182, 134); margin: 0px auto 30px; border-radius: 50%; width: 48px; height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-family: "NanumGothic"; font-size: 20px; font-weight: bold; display: inline-block; position: relative;}
.brand_concept span.number::before {	background: rgb(243, 231, 217); top: 26px; width: 467px; height: 1px; right: 66px; position: absolute; content: "";}
.brand_concept span.number::after {	background: rgb(243, 231, 217); left: 66px; top: 26px; width: 467px; height: 1px; position: absolute; content: "";}
.brand_concept div:nth-child(2n) span.number {	background: rgb(33, 33, 33);}
.brand_concept dl dt {	font-family: "NanumGothic";}
.brand_concept dl dt:nth-child(1) {	color: rgb(72, 72, 72); line-height: 40px; font-size: 25px; font-weight: 900; margin-bottom: 15px;}
.brand_concept dl dt:nth-child(2) {	color: rgb(72, 72, 72); font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.brand_concept dl dt span {	color: rgb(171, 0, 0);}
.brand_concept dl dd {	color: rgb(72, 72, 72); line-height: 24px; font-size: 16px; margin-bottom: 50px;}
.brand_power div {	margin-bottom: 50px; position: relative;}
.brand_power div:nth-child(1) {	background: url("/images/sub/sub0301_bg01.jpg"); width: 1020px; height: 289px;}
.brand_power div:nth-child(2) {	background: url("/images/sub/sub0301_bg02.jpg"); width: 1020px; height: 289px;}
.brand_power div:nth-child(3) {	background: url("/images/sub/sub0301_bg03.jpg"); width: 1020px; height: 289px;}
.brand_power div:nth-child(4) {	background: url("/images/sub/sub0301_bg04.jpg"); width: 1020px; height: 289px;}
.brand_power dl {	left: 50%; top: 50%; width: 100%; text-align: center; position: absolute; transform: translate(-50%, -50%);}
.brand_power dl dt {	font-family: "NanumGothic"; font-weight: 400;}
.brand_power dl dt.number {	color: rgb(217, 178, 128); font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.brand_power dl dt.title {	color: rgb(255, 255, 255); font-size: 25px; margin-bottom: 15px;}
.brand_power dl dd {	color: rgb(255, 255, 255); line-height: 24px; font-size: 16px;}
.faq {	width: 100%; overflow: hidden;}
.faq ul li {	padding: 30px 0px; width: 100%; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: relative;}
.faq .faq_txt dl dt {	color: rgb(72, 72, 72); font-family: "NanumGothic"; font-size: 20px; font-weight: 600;}
.faq .faq_txt dl dt span.question_iocn {	background: rgb(0, 0, 0); border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; margin-right: 20px; display: inline-block;}
.faq .faq_txt dl dt strong {	color: rgb(0, 0, 0); font-weight: 900;}
.faq .faq_detail {	width: 100%; overflow: hidden; margin-top: 30px;}
.faq .faq_detail dl span.answer_iocn {	background: rgb(217, 178, 128); border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-family: "NanumGothic"; font-size: 20px; font-weight: bold; margin-right: 20px; display: inline-block;}
.faq .faq_detail dl dt {	float: left;}
.faq .faq_detail dl dd {	width: 950px; float: right;}
.faq .faq_detail dl dd p {	color: rgb(72, 72, 72); line-height: 24px; font-size: 16px; margin-bottom: 15px;}
.faq .faq_icon {	top: 30px; width: 55px; right: 0px; position: absolute;}
.faq .faq_icon img {	transform: rotate(0deg); transition-duration: 0.5s;}
.faq .on.faq_icon img {	transform: rotate(90deg); transition-duration: 0.5s;}
.faq .faq_detail {	display: none;}
span.color {	color: rgb(171, 0, 0);}