@charset "utf-8";


@import url("board.css");
@import url("common.css");
@import url("contents.css");

/* Nanum  */
@font-face {
 font-family: 'NanumBarunGothic';
 src: url('./font/NanumBarunGothic.eot');
 src: url('./font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
        url('./font/NanumBarunGothic.woff') format('woff'),
        url('./font/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumGothic';
 src: url('./font/NanumGothic.eot');
 src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
        url('./font/NanumGothic.woff') format('woff'),
        url('./font/NanumGothic.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url('./font/NanumBarunGothicBold.eot');
 src: url('./font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
        url('./font/NanumBarunGothicBold.woff') format('woff'),
        url('./font/NanumBarunGothicBold.ttf') format('truetype');
}


@font-face {
 font-family: 'NanumSquare';
 src: url('./font/NanumSquareR.eot');
 src: url('./font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
        url('./font/NanumSquareR.woff') format('woff'),
        url('./font/NanumSquareR.ttf') format('truetype');
}


@font-face {
 font-family: 'NanumSquareB';
 src: url('./font/NanumSquareB.eot');
 src: url('./font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
        url('./font/NanumSquareB.woff') format('woff'),
        url('./font/NanumSquareB.ttf') format('truetype');
}

@font-face {
 font-family: 'NotoSans-Regular';
 src: url('./font/NotoSans-Regular.eot');
 src: url('./font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./font/NotoSans-Regular.woff') format('woff'),
        url('./font/NotoSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("./font/fa-regular-400.eot");
    src: url("./font/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
	url("./font/fa-regular-400.woff2") format("woff2"), 
	url("./font/fa-regular-400.woff") format("woff"), 
	url("./font/fa-regular-400.ttf") format("truetype"), 
	url("./font/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

body { line-height:1.5em; font-family:'NanumBarunGothic','NanumGothic',  "Dotum", "Gulim", sans-serif;font-size:14px; color:#555;}
body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } 

/* Layout */
#wrap { position:relative; width:100%; height:100%;overflow:hidden;}
#header {position:absolute;width:100%;padding:0 0;z-index:999999; height:100px; background:rgba(0,0,0,0.4);}

#sc01 {background:url('/inc/img/main/mian_visual.jpg'); background-size:cover; width:100%; height:100vh;}
#sc02 {background:url('/inc/img/main/con_bg.jpg'); background-size:cover; height:auto; padding:150px 0;}
#sc03 {background:url('/inc/img/main/con_bg.jpg'); width:100%; height:auto; padding:150px 0;}
#sc04 {background:url('/inc/img/main/con_bg01.jpg'); background-size:cover; width:100%; height:auto; padding:150px 0;}

#footer {width:96%; padding:40px 2%; background:#000;}



/* skipNavi */
#skipNavi dt {position:absolute; top:0; left:-1000px;}
#skipNavi dd a {display:block; font-family:'Malgun Gothic'; font-weight:bold; position:absolute; top:0; left:-1000px; font-size:1em; text-align:center; background-color:#000; z-index:1000;} 
#skipNavi dd a:hover, 
#skipNavi dd a:active, 
#skipNavi dd a:focus{left:0; height:40px; width:100%; line-height:40px; color:#fff !important;}


/* TOP */

#header h1 {position: absolute; left: 4%; top: 32px; }

.h_right {float:right;}
.ht_btn {position: absolute; right: 1%; top: 30px; padding:8px 20px; background:#ee2b7a;}
.ht_btn a {font-size:14px; color:#fff;}
.ht_btn02 {position: absolute; right: 12%; top: 30px; padding:8px 20px; background:#171c65;}
.ht_btn02 a {font-size:14px; color:#fff;}

.h_gnb {position:absolute; left:30%; top:36px;}
.h_gnb ul li {float:left; margin:0 60px;}
.h_gnb ul li a {color:#fff; font-size:16px; line-height:26px;}

.gnb_right {position:relative; top:28px; right:25%;}
.gnb_right .gnb_menu {padding:10px 20px; border-radius:30px; border:1px solid #fff;}
.gnb_right .gnb_menu>li {float:left; position:relative;}
.gnb_right .gnb_menu>li>a {display:block; color:#fff;}
.gnb_right .gnb_menu li.f_site ul {display:none; position:absolute; width:100%; background:#fff; border:1px solid #d8d8d8; z-index:500;}
.gnb_right .gnb_menu li.f_site ul li {border-top:1px dotted #d8d8d8;}
.gnb_right .gnb_menu li.f_site ul li:first-child {border-top:0px;}
.gnb_right .gnb_menu li.f_site ul li a {display:block; padding:5px 0px 5px 15px; font-size:13px;}

.gnb_right .gnb_menu>li:after {display:block; content:''; position:absolute; left:0px; top:19px; height:12px; width:1px; background:#fff;}
.gnb_right li:first-child:after {display:none !Important;}
.gnb_menu>li a {display:block; padding:0 15px; color:#fff;}
.gnb_right .lang>a {position:relative; padding-right:20px;}
.gnb_right .lang>a:after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0; height:0; border-top:7px solid #fff; border-right:5px solid transparent; border-left:5px solid transparent;}
.gnb_right .gnb_menu {float:right;}
.gnb_right .gnb_menu>li {float:left; position:relative;}
.gnb_right .gnb_menu>li>a {display:block;}
.gnb_right .gnb_menu li.f_site ul {display:none; position:absolute; width:100%; background:#fff; border:1px solid #d8d8d8; z-index:500;}
.gnb_right .gnb_menu li.f_site ul li {border-top:1px dotted #d8d8d8;}
.gnb_right .gnb_menu li.f_site ul li:first-child {border-top:0px;}
.gnb_right .gnb_menu li.f_site ul li a {display:block; padding:5px 0px 5px 15px; font-size:13px;}
.gnb_right .gnb_sub {display:none; position:absolute; padding:10px 28px; background:#fff; box-shadow:0 7px 30px rgba(0,0,0,.2); border-radius:5px; z-index:500;}
.gnb_right .lang .gnb_sub {right:0; top:28px;}
.gnb_right .gnb_sub li {border-top:1px solid #e5e7ee;}
.gnb_right .gnb_sub li:first-child {border-top:0px;}
.gnb_right .gnb_sub li a {display:block; padding:0 10px; line-height:32px; color:#000;}


/*  GNB  */

.gnb_btn {position: absolute; right: 14%; top: 30px;z-index: 10; float:left;}
.gnb_btn button{background: rgba(255,255,255,0.2); width: 38px; height: 38px; border: 1px solid #fff; position: relative;}
.gnb_btn_active button{background: rgba(0,0,0,0.4); width: 38px; height: 38px; border: 1px solid #fff; position: relative;}

.gnb_btn button span{display: block; height: 2px; width: 22px; background: #fff; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -11px; transition: all 0.5s;}
.gnb_btn button span:before{content:'';display: block;height: 100%;width: 100%;background: #fff;position: absolute;top: -7px;transform: rotate(0deg);transition: all 0.5s;}
.gnb_btn button span:after{content:'';display: block;height: 100%;width: 100%;background: #fff;position: absolute;top: 7px;transform: rotate(0deg);transition: all 0.5s;}

.gnb_btn.gnb_btn_active button span{background: transparent;}
.gnb_btn.gnb_btn_active button span:before{transform: rotate(135deg); top: 0;}
.gnb_btn.gnb_btn_active button span:after{transform: rotate(-135deg);top: 0;}

.gnb_all {position: absolute; top: 0; left: 0; width: 100%;background: rgba(255,255,255,0.9); z-index: 1; padding-top: 135px;display: none;}
.gnb_all .hd_wrap{border-top: 1px solid #cecece; overflow: hidden;}
.gnb_all_ul {margin: 0 auto; width: 1200px; font-size: 0;}

.gnb_all_li {display: inline-block;vertical-align: top; height: 590px; width: 19.9%; text-align: center; padding-top: 50px; position: relative;}
.gnb_all_li:not(:last-child){border-right:1px solid #cecece}

.gnb_all_li:first-child:before{content:'';position: absolute;width: 1px;height: 100%;left: 0;top: 0;background: #cecece;}
.gnb_all_li:last-child:after{content:'';position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #cecece;}

.gnb_all_li_txt {font-size: 18px; font-weight: 500;}
.gnb_all_li_txt a {color:#171c65; padding-bottom:10px; border-bottom:2px solid #171c65; margin-bottom:20px; display:inline-block;  font-family: 'NanumSquare';letter-spacing:-2px;}
.gnb_all_ulul {}
.gnb_all_lili {margin-top: 15px;}
.gnb_all_lili_txt {font-size: 16px; font-weight: 400;  font-family: 'NanumSquare'; letter-spacing:-1px;}
.gnb_all_lili_txt a {}
.gnb_all_lili_txt a:hover{border-bottom:1px solid #1a1b1d}
.gnb_bg {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0; top: 0;}


/* LNB */

.main_lnb {position: absolute; top:28%; left:3.5%;}
.main_lnb ul li {clear:both; padding:14px 0;}
.main_lnb ul li a {font-size:20px; font-weight:normal; line-height:30px; color:#f2f2f2; padding:10px 10px; font-family: 'NanumBarunGothic';}
.main_lnb ul li a:hover {color:#fff; font-weight:bold; border:1px solid #fff; font-size:20px;}


/* MAIN */

.main_txt01 {position: absolute; top:48%; left:28%;}
.main_txt02 {display:none;}

.main_tit {font-size:40px; font-weight:bold; margin:30px 0 50px; color:#000; line-height:50px; display:inline-block; padding-bottom:20px; border-bottom:3px solid #000; font-family: 'NanumSquare'; letter-spacing:-1px;}
.main_tit02 {font-size:40px; font-weight:bold; margin:30px 0 50px; color:#000; line-height:50px; display:inline-block; padding-bottom:20px; border-bottom:3px solid #000; font-family: 'NanumSquare'; letter-spacing:-1px;}


.sc02_con {margin:0 auto; width:1198px; text-align:center; background:rgba(255,255,255,0.8); padding:40px 0;}
.sc02_con .sc02_txt {font-size:18px; line-height:30px; color:#333;}

.sc03_con {margin:0 auto; width:1200px; text-align:center;}
.sc04_con ul {display:inline-block; width:100%; margin-top:40px;}
.sc04_con ul li {background-color:#fff; width:23%; margin:10px 1%; float:left; border-radius:20px;}
.sc04_con ul li .icon1 {background:url('/inc/img/main/main_ic01.jpg')center 24px no-repeat;}
.sc04_con ul li .icon2 {background:url('/inc/img/main/main_ic02.jpg')center 24px no-repeat;}
.sc04_con ul li .icon3 {background:url('/inc/img/main/main_ic03.jpg')center 24px no-repeat;}
.sc04_con ul li .icon4 {background:url('/inc/img/main/main_ic05.jpg')center 24px no-repeat;}
.sc04_con ul li .icon5 {background:url('/inc/img/main/main_ic04.jpg')center 24px no-repeat;}
.sc04_con ul li .icon6 {background:url('/inc/img/main/main_ic09.jpg')center 24px no-repeat;}
.sc04_con ul li .icon7 {background:url('/inc/img/main/main_ic05.jpg')center 24px no-repeat;}
.sc04_con ul li .icon8 {background:url('/inc/img/main/main_ic07.jpg')center 24px no-repeat;}
.sc04_con ul li .icon9 {background:url('/inc/img/main/main_ic06.jpg')center 24px no-repeat;}
.sc04_con ul li .icon10 {background:url('/inc/img/main/main_ic08.jpg')center 24px no-repeat;}
.sc04_con ul li .icon11 {background:url('/inc/img/main/main_ic11.jpg')center 24px no-repeat;}
.sc04_con ul li .icon12 {background:url('/inc/img/main/main_ic12.jpg')center 24px no-repeat;}
.sc04_con ul li .icon13 {background:url('/inc/img/main/main_ic01.jpg')center 24px no-repeat;}
.sc04_con ul li a {padding:110px 0 20px; font-size:18px; color:#000; display:inline-block; font-family: 'NanumSquare'; letter-spacing:-1px;}


.sc04_con {margin:0 auto; width:1200px; text-align:center;}
.sc03_con ul {display:inline-block; width:100%;}
.sc03_con ul li {clear:both; margin:30px 0; width:100%;}
.sc03_con ul li.video {width:100%; display:inline-block; text-align:center;}
.sc03_con ul li.sc03_txt .sc03_img {padding:40px 0;} 
.sc03_con ul li.sc03_txt {font-size:16px; line-height:26px; width:913px; color:#000; text-align:left; padding:80px 140px; background:#fff;}
.sc03_con ul li.sc03_txt strong {font-size:18px;}

.quick_menu.on {display:none; position:fixed; bottom:20px; z-index:10;}
.quick_menu {display:block; position:absolute; right:3%; bottom:160px;}


/* SUB */


.sub_bg {background:url('/inc/img/main/con_bg.jpg'); height:auto; padding:160px 0 100px; background-size:cover;}

.sub_btn01 {padding:10px 20px; border:1px solid #fff; display:inline-block; margin-bottom:20px; position:relative; left:71%;}
.sub_btn01 a {font-size:16px; color:#fff; line-height:26px;}

.sub_con {width:1160px; background:#fff; margin:0 auto; padding:30px 20px 100px; font-size:16px; line-height:30px;}

.sub_top  {width:1200px; margin:0 auto; }
.sub_top .sub_tit {font-size:40px; font-weight:bold; padding:30px 0; line-height:50px; color:#000; text-align:center;}

.sub_video {width:100%; /*68%*/ padding-bottom:30px; float:left; height:510px;}
.sub_poster {width:31%; margin-left:1%; padding-bottom:30px; float:left;}

.sub_list {margin:30px 0; width:100%; display:inline-block; text-align:center; padding-top:20px; border-top:2px dotted #b6b6b6;}
.sub_list li {float:left; width:30.2%; margin:20px 18px;}
.sub_list li:nth-child(1) {float:none; display:inline-block;}
.sub_list li a p {border:1px solid #e5e5e5; height:293px; overflow:hidden;}
.sub_list li a p img {height:100%;}
.sub_list li  .list_tit {font-size:18px; font-weight:normal; padding:10px 0 0; color:#000; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:95%;overflow:hidden;}
.sub_list li  .list_txt {font-size:14px; color:#6f6f6f;}

.view_tit {font-size:26px; line-height:36px; padding:20px 0; text-align:center; width:100%; color:#000;}
.view_box {padding:10px 0; background:#f7f7f7; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; text-align:center;}
.view_box ul {display:inline-block;}
.view_box ul li {font-size:16px; float:left; padding:0 10px;}


.view_tit02 {font-size:18px; color:#000; line-height:28px; width:100%; padding:20px 0;}
.view_txt {font-size:16px; line-height:30px; padding-bottom:30px; border-bottom:2px dotted #b6b6b6;}

.view_con {padding:30px 10px; border-bottom:1px solid #b6b6b6; text-align:center;}
.view_con p {text-align:left;}
.view_con img {width:100%;}

.view_con .photo_img {text-align:left;}

.list_btn {padding:8px 10px; border:1px solid #000; display:inline-block; float:right; margin-top:20px;}
.list_btn a {font-size:16px; color:#000;}

/* layer_popup */
.layer_popup{position:absolute; top:0; left:0;width:auto; height:auto; z-index:10000000000;border:#444444 solid 1px;background:#fff;}
.layer_popup .layer_popup_closed{position:absolute; bottom:0; left:0;width:100%;overflow:hidden;padding:0 0;height:30px;line-height:30px;background:#444444;}
.layer_popup .layer_popup_closed .fl{float:left;color:#fff;padding-left:10px;}
.layer_popup .layer_popup_closed .fr{float:right;width:20%;text-align:right;color:#fff;padding-right:10px;}
.layer_popup .layer_popup_closed .fr a{color:#fff;}
.layer_popup select, .layer_popup input, .layer_popup img { vertical-align:middle;}
.layer_popup .layer_popup_in img{width:100%;}

/* footer */

.fot_tit {color:#fff; font-weight:bold; font-size:16px;}
.add {font-size:14px; line-height:20px; color:#b2b2b2; margin:10px 0;}

.family-wr{margin-bottom:30px; width:100%; text-align:center;}
.family-tit{color: rgba(0, 0, 0, 0.9);text-transform: uppercase; font-size:18px; font-weight: bold; border: 1px solid #000; padding: 10px 20px; position: Relative; cursor: pointer; display:inline-block;}
.family-wr{width:100%; border-bottom:0;}
.family-tit:before {content: ""; display: block; width: 22px; height: 15px; background: url(/img/btn-arrow.png) no-repeat top center; position: Absolute; right: 0; top: 50%; margin-top: -13.5px;}
.family-wr{position:relative;}
.fam-ul{position: absolute;top:115%;left: 0;width:96.4%;z-index: 10;background:rgba(255,255,255,0.9);border: 2px solid #fff !important;padding: 20px;display: none;}
.fam-ul li a{font-size:16px;line-height:32px;font-weight:400;letter-spacing:0;display: block;cursor: pointer; color:#000;}

.go-top {position:fixed; bottom:40px; z-index:1; right:2%;}



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

  .gnb_all .hd_wrap{padding: 0; }
  .gnb_all_ul {width: 100%;}
  .gnb_all_li{width: 19.9%;}

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




}


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

	.h_gnb {display:none;}
	.gnb_right {display:none;}

	#header h1 {top:34px; width:65%;}

	#sc01 {background-position:-400px;}

	.sub_list li a p {height:152px;}

	.quick_menu {display:none;}

	.main_txt01 {display:none;}
	.main_txt02 {position: absolute; top:45%; left:8%; display:block;}
	.main_txt02 img {width:90%;}

	.main_lnb {display:none;}
	.ht_btn,.ht_btn02 {display:none;}
	.sub_btn01 {left:2%; padding:6px 14px;}
	.sub_btn01 a {font-size:12px;}

	#sc02 {padding:20px 0;}
	.sc02_con {width:96%; margin:0 1%; padding:20px 1%;}
	.sc04_con ul li {width:47%; margin:6px 1%;}
	.sc04_con ul li:nth-child(10) {width:47%; margin:6px 1%;}
	.sc04_con ul li:nth-child(11) {width:47%; margin:6px 1%;}

	#sc03 {padding:20px 0;}
	.sc03_con {width:100%;}
	.sc04_con ul {margin-top:10px;}
	.sc04_con ul li a {font-size:12px;}

	#sc04 {padding:20px 0;}
	.sc04_con {width:100%;}
	.sc03_con ul li.sc03_txt {width:96%; margin:0 1%; padding:20px 1%;}
	.sc03_con ul li.video {width:96%; margin:0 2%;}
	.sc03_con ul li.sc03_txt {font-size:12px; line-height:20px; letter-spacing:-1px;}
	.sc03_con ul li.sc03_txt strong {font-size:12px; padding:0;}


	.main_tit {font-size:18px; padding-bottom:0; border-bottom:1px solid #000; margin:10px 0 30px;}
	.main_tit02 {font-size:18px; padding-bottom:0; border-bottom:1px solid #fff; margin:10px 0 30px;}
	.sc02_con .sc02_txt {font-size:12px; line-height:24px;}

	.fot_tit {text-align:center; font-size:14px;}
	.add {font-size:11px; text-align:center;}


	/*gnb_all*/
	.gnb_all {
		/* height: 0; */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 1;
		padding-top: 80px;
		display: none;
		min-width: unset;
	}
	.gnb_all .hd_wrap{
		border-top: 0;
		overflow: hidden;
		padding-left: 30px;
	}
	.gnb_all_ul {
		margin: 0 auto;
		width: 100%;
		font-size: 0;
		border-top: 1px solid #ADADAD;
	}

	.gnb_all_li {
		display: inline-block;
		vertical-align: top;
		height: auto;
		width: 100%;
		text-align: left;
		padding: 17px 0;
		position: relative;
		border-bottom: 1px solid #CECECE;
	}
	.gnb_all_li:not(:last-child){border-right: 0;}

	.gnb_all_li:first-child:before{content:'';display: none;}
	.gnb_all_li:last-child:after{content:'';display: none;}


	.gnb_all_li_txt {
		font-size: 18px;
		font-weight: 500;
		display: inline-block;
		width: 124px;
		vertical-align: top;
	}

	.gnb_all_li_txt a {}

	.gnb_all_ulul {display: inline-block;}

	.gnb_all_lili {
		margin-top: 0;
		
	}
	.gnb_all_lili:not(:last-child){margin-bottom: 10px;}
	.gnb_all_lili_txt {
		font-size: 16px;
		font-weight: 400;
	}

	.gnb_all_lili_txt a {}
	.gnb_all_lili_txt a:hover{border-bottom:1px solid #1A1B1D}


	.gnb_bg {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 0;
		top: 0;
	}

	.gnb_all_li_txt a {font-size:14px;}
	.gnb_all_lili_txt {font-size:12px;}

	
	.sub_top {width:100%;}
	.sub_top .sub_tit {font-size:20px; line-height:28px;}
	.sub_con {width:96%; padding:20px 2% 100px;}

	.sub_list li {width:46%; margin:10px 2%;}
	.sub_list li a p img {width:100%;}
	.sub_list li .list_tit {font-size:12px; padding:10px 0 0; line-height:18px;}
	.sub_list li .list_txt {font-size:11px; line-height:12px;}
	
	.sub_bg {padding:160px 0 0;}

	.view_con img {width:100%;}
	.sub_con {font-size:12px;}
	.view_tit02 {font-size:14px; padding:10px 0;}
	.view_txt {font-size:12px; line-height:18px;}

	.view_box ul li {font-size:12px;}

	.fam-ul {width:89.4%;}
	.gnb_btn {right:6%;}

	.sub_video {height:auto; width:100%; padding:0; margin:10px 0;}
	.sub_video img {width:100%;}
	.sub_poster {width:100%; margin:0; padding-bottom:20px;} 
	.sub_poster img {width:100%;}


}