@charset "utf-8";


@import url('../textstyle.css?val=1');
@import url('../board.css?val=1');
@import url('./contents.css?val=5');


/* SUB */

/* 서브 공통 */
.container {position:relative; width:1200px; margin:0 auto;}

/* 서브 비주얼 */
#sub-visual {position:relative; }

.visual_box {height:310px;}
.visual_box.bg1 {background:url('../../images/kr/sub/sub_visual01.png') no-repeat 50% 50% ; background-size:cover;}
.visual_box .sub_tit {padding:90px 15px 15px 15px; font-size:2.33em; color:#fff; font-weight:700; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.35); text-align:center;}
.visual_box .sub_txt {font-size:1.2em; color:#fff; line-height:1.3em; text-align:center;}

/* 서브 네비 드롭다운 메뉴 */
#con-navi {position:relative; margin-top:-70px;}
#con-navi .container:after {content:""; display:block; width:100%; height:70px; position:absolute; left:0px; top:0px; background: #282828; background-color:rgb(0 52 98 / 80%); /*opacity: 1.0;*/ z-index:1;}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	/*background-color: #fff;*/
	background-color:rgb(0 52 98 / 80%);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);*/
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.open>.dropdown-menu {
    display: block;
}

#con-navi ul {}
#con-navi ul li {position:relative; float:left; min-height:70px; border-right:1px solid #6b7f91; z-index:10;}
#con-navi ul li.home a {display:block; width:70px; height:70px; text-indent:-9999em; background:url('../../images/kr/sub/pic_home.png') no-repeat center center;}
#con-navi ul li .btn-group {position:relative; display:inline-block; vertical-align: middle;} /* 박스 늘어나지 않게 */
#con-navi ul li .dropdown-toggle {overflow:hidden; padding:0 0px 0 15px; height:70px; border:none; font-size:1.2em; color:#fff; }
#con-navi ul li .down_arrow {display:block; float:right; margin:10px 20px 0 50px; width:16px; height:9px; background: url('../../images/kr/sub/arrow_down.png') no-repeat center center; text-indent:-9999px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;  transition: all 0.4s ease; vertical-align:middle;}
#con-navi ul li .open .down_arrow {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#con-navi ul li .dropdown-menu {width:100%; margin:0; padding:10px 0; border-radius:0px;}
#con-navi ul li .dropdown-menu li {float:none; min-height:auto; border-right:none; padding:0 15px;}
#con-navi ul li .dropdown-menu li a {display:block; font-size:1.06em; line-height:35px; color:#fff;}

#con-navi .container .print_btn {overflow:hidden; position:absolute; right:0px; top:0px; width:70px; height:70px; border:none; background:url('../../images/kr/sub/pic_print.png') no-repeat 50% 50% ; background-size:31px auto; text-indent:-9999em; z-index:10; }

#sub-contents  {clear:both; position:relative; padding:50px 0 0 0; }

.conTit {clear:both; position:relative; padding-bottom:20px; /*margin-bottom:55px;*/ font-size:1.66em; font-weight:700; color:#000; border-bottom:1px solid #dbdbdb;}

.con-area {clear:both; position:relative; padding:55px 0px;}


#sub-newsletter-request {clear:both; overflow:hidden; position:relative;  padding:35px 0; background-color:#8CC63F;}
#sub-newsletter-request.content {clear:both; overflow:hidden; position:relative;  padding:35px 25px 35px 60px; background-color:#8CC63F;}
#sub-newsletter-request .tit {float:left; margin-right:20px; padding:11px 0 0 0; font-size:1.666em; color:#fff; font-weight:500; }
#sub-newsletter-request .exp_txt {float:left; padding:13px 0 0 0;  font-size:1.06em; color:#fff; line-height:1.4em; /*white-space:pre-line;*/}
#sub-newsletter-request fieldset {float:right; width:35%; position:relative;}
#sub-newsletter-request fieldset .email_txt {float:left; display:block; font-size:16px; width:70%; height:45px; padding:5px 15px; border:none; }
#sub-newsletter-request fieldset .ok_btn {position:absolute; right:0px; top:0px; width:30%; height:45px; font-size:16px; color:#fff; border:none; background-color:#222; }
#sub-newsletter-request.content .container {height: 100px;}

#sub-newsletter-request .section-text {float:left; width: 40%;}
#sub-newsletter-request .section-image {float:left; width: 20%; height: 100%; padding-top: 5px; overflow: hidden; position: relative;}
#sub-newsletter-request .section-image img {position:absolute; width: 100%; height: auto; clip-path: inset(0 0 50% 0);}
#sub-newsletter-request .section-form {float:right; width: 40%; height: 100%; display: flex; justify-content: center; align-items: center;}
#sub-newsletter-request .section-form form{width:80%;}
#sub-newsletter-request .section-form fieldset {width: 100%;}


.gni_inquiry_box {border:1px solid #EBEBEB; border-top:2px solid #000; margin-bottom:50px;}
.gni_inquiry_box .inquiry_top {border-bottom:1px solid #EBEBEB; padding:0px 50px;}
.gni_inquiry_box .inquiry_top ul {display: flex; align-items: center; height:75px;}
.gni_inquiry_box .inquiry_top li {margin-right:30px; line-height: 24px;}
.gni_inquiry_box .inquiry_bottom {padding:20px 50px; background-color: #FAFAFA;}
.gni_inquiry_box .inquiry_bottom li{margin-right: 50px;}
.gni_inquiry_box label {display: inline-block}
.gni_inquiry_box p {line-height: 40px;}

.gni_radio_label1 {padding-left:30px;line-height:40px;background:url('../../images/kr/sub/gni_radio_img1.png') left center no-repeat;cursor: pointer;}
input:checked + .gni_radio_label1 {background-image:url('../../images/kr/sub/gni_radio_img1_active.png');}
.gni_radio_label1.size1 {text-align: right;}

.inquiry_search_text {width:calc(100% - 160px); background: #fff; border:1px solid #EBEBEB; line-height:60px; padding:0 25px;}
.inquiry_search_btn {width:100px; line-height:40px; background:#0a82c1; color:#fff; text-align: center; border-radius: 4px;}

.gni_inquiry_btn_box {display: flex; justify-content: end;}

.gni_inquiry_btn1 {display: flex; align-items: center; justify-content: center; height:70px; width:180px; border-radius:100px; text-align: center;}
.gni_inquiry_btn1.type1 {background-color: #0a82c1; color:#fff;}
.gni_inquiry_btn1.type2 {background-color: #444444; color:#fff;}

.d-none {display: none;}
.d-flex {display: flex;}
.mr_10 {margin-right: 10px;}
.mr_50 {margin-right: 50px;}

/* 서브 공통 반응형 */
	/* tablet */
	@media only screen and (max-width : 1230px){ 
		
		.container {width:100%;}

		#sub-contents {padding:50px 15px 0 15px;}

		#sub-newsletter-request {padding:35px 15px;}

		#sub-newsletter-request.content{padding:35px 40px;}

		.gni_inquiry_box .inquiry_bottom > div {
			flex-wrap: wrap;
		}
		
		
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 
		
		/* 서브 비주얼 */
		.visual_box {height:250px;}
		.visual_box .sub_tit {padding:50px 15px 15px 15px;}

		/* 서브 네비게이션 */
		#con-navi {margin-top:-55px;}
		#con-navi .container:after {height:55px;}
		#con-navi ul li {min-height:55px;}
		#con-navi ul li.home a {width:55px; height:55px;}
		#con-navi ul li .dropdown-toggle {height:55px; font-size:1.13em;}
		#con-navi ul li .down_arrow {margin:10px 20px 0 30px;}
		#con-navi .container .print_btn  {width:55px; height:55px;}
		
		/* 뉴스레터 */
		#sub-newsletter-request .tit {float:none; padding:0px; font-size:1.3em;}
		#sub-newsletter-request .exp_txt {float:none; margin-bottom:20px; font-size:0.93em;}
		#sub-newsletter-request fieldset {float:none; width:100%;}
		#sub-newsletter-request fieldset .email_txt {font-size:15px;}
		#sub-newsletter-request fieldset .ok_btn {font-size:15px;}

		.gni_inquiry_box .inquiry_top ul {height: auto; flex-wrap: wrap; padding: 10px 0 0;}
		.gni_inquiry_box .inquiry_top li {width: 100%; margin-bottom: 10px;}

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

		.gni_inquiry_box .inquiry_bottom ul {
			flex-wrap: wrap;
		}

		/* 서브 비주얼 */
		.visual_box {height:160px;}
		.visual_box .sub_tit {padding:30px 15px 15px 15px; font-size:1.8em;}
		.visual_box .sub_txt {font-size:0.93em;}
		
		
		/* 서브 네비게이션 */
		#con-navi {margin-top:-40px;}
		#con-navi .container:after {height:40px;}
		#con-navi ul li {min-height:40px;}
		#con-navi ul li.home a {width:40px; height:40px; background:url('../../images/kr/sub/pic_home.png') no-repeat center center; background-size:15px auto;}
		#con-navi ul li .dropdown-toggle {height:40px; font-size:0.93em;}
		#con-navi ul li .down_arrow {margin:6px 10px 0 15px; background: url('../../images/kr/sub/arrow_down.png') no-repeat center center; background-size:10px auto;}
		#con-navi .container .print_btn {display:none;}
		
		/* 서브 */
		#sub-contents {padding:30px 15px 0 15px;}
		.conTit {font-size:1.4em;}
		.con-area {padding:30px 0;}

		/* 뉴스레터 */
		#sub-newsletter-request {padding:25px 15px;}
		#sub-newsletter-request .tit {font-size:1.13em;}
		#sub-newsletter-request .exp_txt {font-size:0.83em;}

		#sub-newsletter-request.content .container{height: 80px;}
		#sub-newsletter-request .section-text {width: 75%; height: 100%;}
		#sub-newsletter-request .section-image {width: 25%; height: 100%; padding-top: 0; }
		#sub-newsletter-request .section-image img {clip-path: none; width: 100%;}
		#sub-newsletter-request .section-form {width: 100%; height: 50%; display: flex; justify-content: center; align-items: flex-end;}
		#sub-newsletter-request .section-form form {width: 100%;}

	}
	@media only screen and (max-width : 486px){ 
		
		#con-navi ul li .dropdown-toggle {font-size:0.83em; padding:0 0 0 5px;}
		#con-navi ul li .down_arrow {margin:6px 5px 0 10px;}
		#con-navi ul li:nth-child(4) {display:none;}

		#sub-newsletter-request .section-form {margin-top:10px;}
		
	}

.video-js {margin-bottom: 20px;}