@charset "utf-8";
/* CSS Document */

/*language

.language {padding:5px 0;}
.language a.r_pd {padding-right:30px;}
.language a.c_pd {padding:0 85px;}
.language a.l_pd {padding-left:30px;}

*/

/*language*/
.language{width:100%;height:40px;box-sizing:border-box;padding-left:20px;}/* padding-left:50px; */
.language ul{}
.language ul li{float:left; margin-right: 7px;} /* margin-right: 30px; */



/*귀켈로이드*/
.arti  {padding-top:20px; padding-bottom:20px;}
.arti a {float:left; margin-left:23px;}
.arti a p {width:140px; text-align:center; background-color:#fcfcfc; padding:10px; margin:10px auto; font-weight:bold; font-size:16px; color:#333; border:1px solid #57a5dc;}

/*location*/
#loc {
	width:100%;
	height:45px;
	background:#eee;
	position:relative;
}
#loc .loc_text {
	float:left;
	padding-left:23px;	
}
#loc .loc_text span {
	font-size:18px;
	line-height:45px;
	letter-spacing:-1px;
}
#loc .loc_text .loc1 {
	color:#999;
}
#loc .loc_text .loc2 {
	color:#333;
}

#loc .loc_arrow {	
	position:absolute; left:0; top:0; z-index:2;
	width:100%; height:45px; cursor:pointer;
}
#loc .loc_arrow a {
	display:block; float:right;
	width:45px; height:0;
	padding-top:45px; border-left:1px solid #ccc;
	overflow:hidden;
	background:url(../images/arrow_down.gif) no-repeat center center;
}
#loc .submenu {
	display:none;
	position:absolute; left:0; top:0; z-index:20;
	width:100%;
}
#loc .submenu .close_submn {
	height:45px;
	text-align:right; cursor:pointer;
}
#loc .submenu .close_submn a {
	display:inline-block;
	width:45px; height:0;
	padding-top:45px;
	overflow:hidden;
	background:#eee url(../images/btn_close.gif) no-repeat center center;	
}

#loc .submenu li {
	height:45px;
	background:#4d4d4d;
	border-bottom:1px solid #666666;
}
#loc .submenu li a {
	display:block;
	padding-left:24px;
	height:100%;
	line-height:45px;
	font-size:18px;
	color:#fff;
}

/*visual*/
#sub_visual {
	clear:both;
	width:100%;
	font-size:0; line-height:0;
	background-repeat:no-repeat;
}
#sub_visual.sub_visual /*{padding-bottom:30px !important;}*/
.mn01 {	background-image:url(../mn01/images/visual.jpg); }
.mn07 { background-image:url(../mn07/images/visual.jpg); }
.member { background-image:url(../member/images/visual.jpg); }



/*contents*/
#contents {
	position:relative;
	clear:both; 
	min-height:300px;
	background:#fff;
}
#contents:after {
	clear:both;
	display:block;
	content:"";
}
#contents h2 {margin:20px auto; width:100%; font-size:24px; color:#333; font-weight:bold;}
#contents .cntbox {	width:100%; margin:0 auto; position:relative;}
#contents .cntbox img{width:100%;}
#contents .cntbox h3 {width:100%; margin:0 auto; /*margin-bottom:10px;*/}
#contents .cntbox p {/*padding-bottom:30px;*/ text-align:center; line-height:0;}
#contents .cntbox iframe {width:100% !important;}

#contents_wrap{width:100% !important;margin-top:75px;}

#sub_visual.pad50 {padding-bottom:50px;  text-align:center; line-height:0;}
div#contents .pad65 p {padding-bottom:20px;  text-align:center; line-height:0;}

#sub_visual img{width:100%;}

#contents .btnbox {padding-bottom:40px; text-align:center;}
#contents .btnbox a {display:inline-block; width:174px; height:50px; overflow:hidden; font-size:0; margin:0 5px; vertical-align:top;}
#contents .btnbox .btn_counsel {background:url(../images/btn_counsel.gif);}
#contents .btnbox .btn_press {background:url(../images/btn_press.gif);}
#contents .btnbox .btn_bna {background:url(../images/btn_bna.gif);}


/*board*/
#contents .board_box p {
	font-size:inherit; line-height:inherit;
	background:#fff;
}
.board_box {
	width:95%;
	margin:0 auto; padding-bottom:40px;
}
#bbs_wrap {
	padding-bottom:20px;
}

/*board_list*/
.bbs_list thead tr {
	height:50px;
	background:#737780;
}
.bbs_list {
	width:100%;
}
.bbs_list th {
	text-align:center;
	color:#fff;
}
.bbs_list tbody tr {
	border-bottom:1px solid #d9d9d9;
}
.bbs_list .num {
	text-align:center;
}
.bbs_list .title a {
	display:block;
	padding:5px;
	font-size:25px;
	background:#fff;
	overflow:hidden;
}
.bbs_list .title a span {	
	font-size:20px;
	color:#999;
}

.status {
	text-align:center;
}
.status span {
	display:inline-block;
	text-align:center;
	font-size:18px;
	width:86px; padding:5px 0;
	border-radius:.3em;
	background:#eee;
}
.status .answer {
	background:#F60;
	color:#fff;
}

/*board_btns*/
.board_btns {
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
}
.board_btns a {
	display:inline-block;
	height:40px; 
	padding:0 15px;
	font-size:14px; line-height:40px;
	border-radius:.3em;
	border:1px solid #ccc;
	background:-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));
}

/*board_page*/
.paging {
	text-align:center; padding-top:10px;
}
.paging a {
	display:inline-block;
	width:20px; height:20px;
	line-height:22px;
	text-align:center;
	border:1px solid #ccc;
	margin:0 3px;
}
.paging .page_btn {
	background:#999;
	border-color:#999;
	color:#fff;
}
.paging .selected {
	background:#4d4d4d;
	border-color:#4d4d4d;
	color:#fff;
}

/*board_search*/
.search {
	margin-top:20px;
	text-align:center;
}
.search .input_box {
	width:40%; height:42px;
	border:1px solid #ccc;
}
.search .btn_search {
	width:80px; height:44px;
	line-height:44px;
	border:1px solid #ccc;
	border-radius:.3em;
	background:-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));
}


/*board_view*/
.bbs_view {
	width:100%;
	border-top:6px solid #737780;
	table-layout:fixed;
	word-break:break-all;
	overflow:hidden;
}
.bbs_view thead th {
	height:50px;
	background:#fff;
	text-align:left;
	font-weight:bold;
	padding-left:20px;
}
.bbs_view tr  {
	border-bottom:1px solid #ccc;
}
.bbs_view tbody {
	width:100%;
}
.bbs_view tbody th {
	height:50px;
	border-right:1px solid #ccc;
	background:#f6f6f6;
}
.bbs_view tbody td {
	padding-left:10px;
	background:#fff;
}
.bbs_view .cnt {
	width:90%;
	padding:10px;
	min-height:100px; 
	vertical-align:top;
	background:#fff;	
	margin:0 auto;
}
.bbs_view .cnt2 {
	margin-top:20px;
	padding:16px;
	min-height:100px; 
	vertical-align:top;
	background:#eee;	
}
.bbs_view .board_btns {
	margin-bottom:0;
}

#view_tt img {width:100%; height:auto;}


/*board_write*/
.bbs_write {
	width:100%;
	border-top:6px solid #737780;
	margin-bottom:10px;
}
.bbs_write tr  {
	border-bottom:1px solid #ccc;
}
.bbs_write th {
	height:50px;
	border-right:1px solid #ccc;
	background:#f6f6f6;
}
.bbs_write td {
	padding:8px 0 8px 10px;
}
.inputbox {
	height:40px;
	border:1px solid #ccc;
}
.phone {
	width:100px;
}
.txtbox {
	border:1px solid #ccc;
	width:98%;
}
.submit {
	color:#fff;
	border-color:#333333;
	background: -webkit-gradient(linear,0 0,0 100%,from(#666666),to(#333333)) !important;
	background-color:#333;
}
.exp {
	font-size:18px;
}

/*board_case*/
.tabs li {
	float:left;
	width:50%; height:50px;	
}
.tabs li a {
	display:block;
	width:100%; height:100%;
	text-align:center; line-height:50px;
	background:#eee;
}
.tabs li a.tab_on {
	color:#fff;
	background:#666699;
}
.case_list {
	width:90%;
	margin:0 auto;
}
.case_list tbody tr {
	border-bottom:1px solid #ccc;
}
.case_list td {
	padding:20px 0;
}
.case_list .arrow {
	width:68px;
	background:url(../mn07/images/case_arrow.gif) no-repeat center center;
}

.case_view .cnt img {
	width:100%;
	margin:5px auto;
}

/*real story*/
.gallery {width:95%; margin:0 auto;}
.gallery td {text-align:center;}
.gallery td .subj {display:block; text-align:center; margin-top:5px; margin-bottom:20px;}

.list2 .board_tit {display:block; padding:10px 0 20px 0;}

#press .thumb {padding:10px 10px 10px 0; min-height:162px;}
#press .titles a {display:block; height:35px; color:#333; overflow:hidden;}
/*둘러보기*/
.tit {
	height:60px;
	margin-bottom:20px;
}
#bigPic {
	width:95%; height:394px;
	background-color:#FFF;
	margin:0 auto;
	margin-bottom:6px;
}
#bigPic img {
	position:absolute;
	display:none;
}
#thumbbox {
	width:90%;
	margin:0 auto;
	padding-bottom:30px;
}
ul#thumbs .active {
	border-bottom:4px solid #ff6694;	
	background:#fff;	
}
	
ul#thumbs li {
	float:left;
	width:116px; height:88px;
	margin:0 1px;
	margin-top:6px;
	cursor:pointer;
	border-bottom:4px solid #fff;
}
ul#thumbs img {
	float:left;
	width:116px; height:88px;
	line-height:88px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}


/*login*/
#loginbox {
	width:88%; height:190px;
	padding:30px; margin:0 auto;
	border:5px solid #eee; overflow:hidden;
}
.login {
	float:left;
	margin-top:3px;
	width:80%;
}
.login dt {
	float:left;
	clear:both;
	width:32%;
	line-height:40px;
	margin:5px 0;	
	font-size:14px;
}
.login dd {
	width:65%;
	float:left;
	margin:5px 0;
}
.login dd .inputbox {
	width:100%;
}
.login_btn {
	float:right;
	width:18%;
}
.login_btn a {
	display:block;
	width:100%; height:100%;
	line-height:100px;
	text-align:center;
	color:#fff !important;
	background:#666699;
}

.login_x {}
.login_x ul button {border:none; background-color:#fff;overflow:hidden;}
.login_x ul .le {float:left; margin-top:23px;}
.login_x ul .ri {float:right; margin-top:20px;}

/*join*/
.join td, .point05 {font-size:15px;}
.il {width:100%;height:40px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.noj {margin:0;}
.j2 {margin-bottom:15px;}
.j3 {width:68%;}
.il label {display:block;font:normal 12px/40px 'NanumGothicWEB';color:#999;}
.il span {display: block;height:40px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il input {position:absolute;width:99%;padding-left:1%;height:40px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}
.il textarea {position:absolute;width:99%;padding-left:1%;height:120px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.il2 {width:100%;height:120px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.il2 label {display:block;font:normal 20px/40px 'NanumGothicWEB';color:#999;}
.il2 span {display: block;height:120px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il2 textarea {position:absolute;width:98%;padding:10px 1%;height:100px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.select_wrap {width:100%; display:block; position:relative; height:40px; border:1px solid #aaaaaa; border-radius:5px; background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%);}
.select_wrap select {font-size:25px; width:100% ;height:40px; padding:0 0 0 10px; border:0; background:transparent url(../images/img_arrow.png) no-repeat 100% 0; background-size:32px 40px; -webkit-background-size:32px 40px; -webkit-appearance:none}

.ic {width:100%;margin:10px 0;overflow:hidden;}
.ic li {width:31.5%;float:left;}
.ic li.ic_num {margin-left:1%;}
.ic li.ic_mail {width:47% !important;margin-right:2%;}
.ic li.ic_mail2 {width:45% !important;}
.ic li.ic_mail3 {width:5% !important;}
.ic .select_wrap {width:100%;}

#mail_dir {display:none;}

.bbs_btns {padding-top:10px; padding-bottom:50px; text-align:right;}
.bl_btn {font-size:14px; color:#666; padding:7px 10px 5px 10px; text-align:center; border:1px solid #ccc; border-radius:.3em; background:-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));}

/*내용 마진*/
.con_01{padding-top:30px; padding-bottom:30px;}
.con_02{padding-bottom:50px;}
.first_tit {margin-top:30px;}

/*PC에서는 양옆 여백이 줄어들다가 모바일에서는 가로로 꽉차는 플레이어*/
.video_wrap{width:1001px;margin:0 auto;padding-bottom:80px;}/*영상뒤에 bg-color 들어가면 여기에 적용*/
.video{position:relative;padding-bottom:56.25%;width:100%;}
.video iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
@media screen and (max-width: 1300px){
.video_wrap{width:94%;margin:0 auto;padding-bottom:10%;}
}


/* 장비소개 페이지 */

.equip_btn {
    background-color: #3F608C !important;
    color: #000000 !important;
    padding: 20px 10px 15px 10px;;
}

.equip_btn ul {
    display: flex    ;
        flex-wrap: wrap;
    align-items: stretch;
}

.equip_btn ul li {    
	background-color: white;
    font-weight: 900;
    line-height: 15px;
    padding: 10px 11px !important;
    border-radius: 35px;
    text-align: center;
    width: 24%;
    margin-right: 10px;
    margin-bottom: 10px;
    align-content: center;
}


.equip_btn ul li.mob_logo {
    background-color: unset !important
}

.mob_logo img {
    width: 50% !important;
}

.equip_btn ul li a {
	font-size: 13px;
	font-weight: 600;
	font-family: 'Pretendard';
}

.equip_btn ul li span {
    font-size: 10px;
	font-weight: 600;
}

@media screen and (max-width: 330px){
	.equip_btn ul li {width: 22%;}
	.equip_btn ul li a {
		font-size: 12px;
	}
	
	.equip_btn ul li span {
		font-size: 8px;
	}
	}