/* /// 공통 /// */
.pc{display:inline-block}
.mo{display:none}
.sound_only{display:none;}
.cursor-hand{cursor:pointer}

body{}
.body_bg{height: 100vh; background:url("../images/main-bg.png")  no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


/* FLOAT */
.float-left{float:left;}
.float-right{float:right;}

/* TEXT-ALIGN */
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.text-align-right{text-align:right}

/* margin */
.mr-left10{margin-left:10px;}
.mr-left20{margin-left:20px;}
.mr-left25{margin-left:25px;}
.mr-left30{margin-left:30px;}
.mr-left40{margin-left:40px;}
.mr-left50{margin-left:50px;}
.mr-left80{margin-left:80px;}

.mr-top20{margin-top:20px;}
.mr-top30{margin-top:30px;}
.mr-top50{margin-top:50px;}
.mr-top80{margin-top:80px;}

.mr-bottom10{margin-bottom:10px;}
.mr-bottom20{margin-bottom:20px;}
.mr-bottom30{margin-bottom:30px;}
.mr-bottom50{margin-bottom:50px;}
.mr-bottom80{margin-bottom:80px;}

.mr-auto{margin:0 auto;}

/* padding */
.pd-top20{padding-top:20px}
.pd-top30{padding-top:30px}
.pd-top50{padding-top:50px}

.pd-bottom20{padding-bottom:20px}
.pd-bottom30{padding-bottom:30px}
.pd-bottom50{padding-bottom:50px}

.pd-left10{padding-left:10px}
.pd-left20{padding-left:20px}

/* FONT-COLOR */
.font-col-white{color:#FFF;}
.font-col-black{color:#000;}
.font-col-gray{color:#6f6f6f;}
.font-col-green{color:#3A9566;}

/* FONT-WEIGHT */
.font-weight-bold{}


/* layout */
.layout-50{display:inline-table;width:48%}


.on{color:#3A9566; font-weight:bold;}

/* width */
.col-width20{width:20px}

/* TEXT */
.vr-align-top{vertical-align:top}
.vr-align-middle{vertical-align:middle}
.vr-align-bottom{vertical-align:bottom}
.vr-align-Texttop{vertical-align:text-top}
.vr-align-Textbottom{vertical-align:text-bottom}

/* Border */
.hd-border {border-bottom:1px solid #DEDEDE;}
.side-border{border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;}
.left-border{border-left:1px solid #b9b9b9;}
.bottom-border{border-bottom:1px solid #b9b9b9;}


/* display */
.dp-block{ display:block; }
.dp-inBlock{ display:inline-block !important; }


/* border */
.bd-top{border-top:1px solid #707070}
.bd-bottom{border-bottom:1px solid #d1d1d1}
.bd-left{border-left:1px solid #d1d1d1}
.bd-right{border-right:1px solid #d1d1d1}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

.lineHeight1{line-height:1em;}
.lineHeight15{line-height:1.5em;}
.lineHeight2{line-height:2em;}
.lineHeight3{line-height:3em;}

/* /// header  /// */
header {top:0px;left:0;width:100%;height:70px;z-index:1000;transition:all .3s ease; }
header #gnb {width:100%;max-width:1200px;height:70px;margin:0 auto;overflow:hidden;transition:all .3s ease}
header #gnb h1 { display:inline-block; width:250px;height:auto; line-height:70px;}
header #gnb h1 a {display:block;width:250px;height:50px;}
header #gnb #menu {float:right; }
header #gnb #menu > li { line-height:70px;font-size:18px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; font-weight:500; cursor:pointer;box-sizing:border-box; padding-left:80px;}
header #gnb #menu > li:hover {color:#3A9566;}
header #gnb #menu > li:last-child {padding-right:0}
header #gnb #menu > li a{}
header #gnb #menu > li a:hover {color:#3A9566;}
header #gnb h1 a img{vertical-align: text-top;}
header #gnb_all{
	display:none;
    position: fixed;
    /* border: 1px solid #c5d6da; */
    width: 100%;
    left: 0px;
    background: #f1f1f1;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.required, textarea.required {
    background-image: url(../images/require.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

.bi-list{font-size:30px;}

.gnb_al{display:none; position:absolute; background-color:#FFF; -webkit-filter: drop-shadow(3px 3px 3px #dfdfdf); filter: drop-shadow(3px 3px 3px #dfdfdf); padding:5px 10px}
.gnb_al_li{line-height:24px; list-style-type:disc; list-style-position:inside; }
.gnb_al_li a{color:#000 !important; font-weight:400; font-size:14px; }
.gnb_al_li a:hover{color:#3A9566 !important;}

/* button */
.button-nomal{width:120px;height:30px;line-height:30px;background-color:#3A9566;color:#FFF;font-size:11px;font-weight:500;border-radius:10px; cursor:pointer;}
.button-nomal2{width:120px;height:30px;line-height:30px;background-color:#3A9566;color:#FFF;font-size:11px;font-weight:500;border-radius:15px; cursor:pointer;}
.btn_submit {border:0;background:#636363;font-family:'Noto Sans KR', 'AppleSDGothicNeo', sans-serif; color:#fff;cursor:pointer;}
.btn_submit:hover {background:#3A9566}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}


/* content */
.content-wrap{width:1200px; margin:0 auto;}
.content-wrap-full{width:100%; margin-left: auto;margin-right: auto; background-color:#F6F6F6;}
.main-cont01{ margin-top:5%; margin-left:60px;}
.main-cont02{ margin-top:60px; margin-left:60px;font-size:18px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; font-weight:500; color:#FFF; }
.main-cont03{ margin-top:30px; margin-left:60px;font-size:18px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; font-weight:500; color:#FFF; }
.contList{line-height:40px;}
.contList img{vertical-align: text-bottom;}
.contList span{font-size:18px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; font-weight:500;}

.contListWrap{display:inline-block;}
.contList-title{font-size:14px;font-weight:700;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; }

.sub-title{width:100%; margin:0 auto; text-align:center;vertical-align:text-bottom;}
.sub-title div{display:inline-block; color:#3A9566;font-size:40px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:800;vertical-align:bottom; }
.sub-cont01{margin:20px auto 0 auto; text-align:center;}
.sub-cont01 .sub-tilte-script{font-size:20px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:500;}
.sub-cont01 .sub-tilte-script2{width:800px; margin:0 auto; font-size:16px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:500; text-align:left;}
.sub-cont01 .sub-tilte-location{width:180px;height:30px;line-height:30px;margin: auto;font-size:11px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:600; border:1px solid #d9d9d9; border-radius:5px;}
.sub-cont02{ text-align:center;}
.sub-cont03{width:800px;margin-left: auto;margin-right: auto;}
.sub-contList{line-height:16px;font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; }
.sub-contList2{line-height:16px;font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; text-align:left; }

.cont-tilte{ font-size:20px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:800;color:#3A9566;text-align:center;}
.cont-wrap{ width:800px; margin:20px auto 20px auto}
.cont-box{ display:inline-table; width:30%;height:250px;background-color:#123563;border-radius:10px;color:#FFF;vertical-align:top;}
.cont-box img{margin-top:45px;}
.cont-box .box-title{font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:700;  }
.cont-box .boxSubScript{width:80%; margin-left:auto;margin-right:auto; line-height:13px; font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:500; text-align:left;}

.cont-box2{ width:740px;min-height:82px;padding:30px;background-color:#3A9566;border-radius:10px;color:#FFF;vertical-align:top;text-align:left;}
.cont-box2 .box-title{font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:700; }
.cont-box2 .boxSubScript{width:100%; line-height:20px; font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:400; text-align:left;}
.cont-box2 ul,.cont-box2 li{list-style:disc;list-style-position: inside;}

.cont-box3{ display:inline-table; width:30%;padding:20px 0; vertical-align:top;}
.cont-box3 .box-title{font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif; font-weight:700;}
.cont-box3 .boxSubScript{width:100%; line-height:20px; font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:400; text-align:center;}

.number-circle{display:inline-block;width:20px;height:20px;line-height:20px;color:#FFF;background:#3A9566; text-align:center;border-radius:10px; font-size:10px;}

.tb-head{width:100%;height:60px;line-height:60px;background:#D9D9D9;text-align:center;}
.tb-head .tb-title1{display:inline-table;width:30%;font-size:14px;font-weight:600;}
.tb-head .tb-title2{display:inline-table;width:68%;font-size:14px;font-weight:600;}
.tb-body{width:100%;text-align:center;}
.tb-body .tb-body1{display:inline-table;width:30%;font-size:14px;font-weight:600;}
.tb-body .tb-body2{display:inline-table;width:64%;font-size:14px;font-weight:300;padding:10px 2%; text-align:left;}
.tb-body .tb-body3{display:inline-table;width:10%;font-size:14px;font-weight:600;}
.tb-body .tb-body4{display:inline-table;width:84%;font-size:14px;font-weight:300;padding:10px 2%;text-align:left;}
.tb-body .tb-body5{display:inline-table;width:64%;font-size:14px;font-weight:300;padding:0px 2%; text-align:center;}

.col-25{display:inline-table;width:24%}
.col-height{vertical-align:middle; padding:5% 0px}

.tab-menu{font-size:18px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:400;}
.tab-menu .menu-on{font-weight:700;}
.tab-line{display:inline-table;width:1px;height:16px;color:#dedede;padding:0 30px;text-align:center;}
.menu1{display:inline-table;cursor:pointer;}
.menu2{display:inline-table;cursor:pointer;}
.menu3{display:inline-table;cursor:pointer;}
.menu4{display:inline-table;cursor:pointer;}

#tab2{display:none;}
#tab3{display:none;}
#tab4{display:none;}

.box-green{width:100%;height:82px;line-height:82px;background:#3A9566;font-size:24px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;font-weight:800;color:#FFF;border-radius:10px;text-align:center;}

/*글쓰기*/
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div { position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {display:inline-block;/* margin-bottom:1%*/ }
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {/*padding-right:120px*/}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}

.content-title {display:inline-block; vertical-align:top; }
.newForm{ display:inline-block; width:100%; }
.frm_input { height: 40px; }

.mail--{ font-family: Noto Sans KR;font-size: 18px;font-weight: bold;}
.wr_content { width:calc( 100% - 165px ); min-height:200px; margin:10px 0px 10px 20px; }
.frm_input_wrap{display:inline-block; }
.full_input{display:inline-block; width:100%; }
.full_input label{ display:inline-block; width:125px; height:58px; line-height:58px; text-align:center; font-family: Noto Sans KR;
  font-size: 18px; font-weight: bold;}
.full_input .form_w200{ width:150px; height:40px;line-height:58px;}
.full_input input{ width:calc( 100% - 165px ); height:40px; line-height:58px;}
.full_input textarea{ width:calc( 100% - 165px ); min-height:180px; margin:10px 0px 10px 20px; }
.full_input .txt-label{height:220px; line-height:220px;}

.half_input{float:left;display:inline-block; width:50%; }
.half_input label{ display:inline-block; width:125px; height:58px; line-height:58px; text-align:center; font-family: Noto Sans KR;
  font-size: 18px; font-weight: bold;}
.half_input input{ width:calc( 100% - 165px ); height:40px; line-height:58px;}

.select_wrap{display:inline-block; width:calc( 100% - 142px );text-align:left;}

.article-tier-title{ font-family: Noto Sans KR;   font-size: 18px;  font-weight: bold;}
.terms-block {
    height: 220px;
    padding: 30px 25px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #eee;
    -webkit-overflow-scrolling: touch;
	text-align:left;
}
.checkbox-text{ margin-left:10px; }


@media(max-width:1200px){
.newForm { width:100%; margin-top:30px; margin-left:0px; }
.frm_input { margin-left:0px; }
.half_input { width:100%; }
.half_input label { width:30%;  height:40px; line-height:40px; border:0px; text-align:left; }
.half_input input { width:100%; margin-bottom: 3%; }
.full_input label { width:30%; padding:10px 0px; height:auto; border:0px; text-align:left;}
.full_input .form_w200 { width: 32%; }
.full_input input { width:100%; margin-bottom: 3%; }
.select_wrap{ width:100% }
.select_wrap .select{ display:inline-block; width:25%; margin-bottom: 3%; }
.full_input .txt-label { height:auto; line-height:58px; padding:10px 0px;}
.full_input textarea { width:100%; margin:0 0 3% 0; }

.btn_confirm { text-align: center; margin:10% 0; }
.btn_submit { width: 100%; height: 50px; line-height: 50px; padding: 0 40px 0 40px; border-radius: 34px; background-color: #50af31; }

}


footer .footer-wrap{position:fixed;width:100%;line-height:60px;bottom:0px;color:#fff;font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;border-top:1px solid #404040; text-align:center;}
footer .footer-wrap-sub{position:relative;width:100%;line-height:60px;bottom:0px;color:#fff;font-size:14px;font-family:"Noto Sans",'Apple SD Gothic Neo',Sans-serif;background:#292929;text-align:center;}

/* /// tablet /// */

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

	/* /// 공통 /// */
	.pc{display:none}
	.mo{display:block}
	.layout-50{width:90%;margin:20px 5%;}
	.layout-50 img{width:100%;}
	.button-nomal2 {width:100%;height:2em;line-height:2em;font-size:14pt;border-radius:2em;}
	.button-nomal2 img{height:14pt;}
	.gnb_close_btn{position:absolute;right:5%;top:5%;}
	.cont-image100{width:100%;}
	
	header{ }
	header #gnb {position:fixed;width:90%;padding:0 5%;/*filter: drop-shadow(0 0 8px #000); background-color:#FFF;  border-bottom: 1px solid #DEDEDE;*/}
	header #gnb h1 {width:50%;}
	header #gnb_all .gnb_al_li { width: 90%;height:100vh;margin: 0 5%; padding: 8% 0px; }
    #gnb_all .gnb_al_li span { font-size: 1.8em; font-weight: 700;margin-top:30px; }	
	#gnb_all .gnb_al_li li {
		display: block;
		line-height: 2.4em;
		width: 100%;
		font-family: 'Noto Sans KR', 'AppleSDGothicNeo', dotum, sans-serif;
		vertical-align: top;
		
	}	
	
	.content-wrap {width:90%}
	.main-cont01 {width:100%;margin-left:0px;}
	.main-cont02 {width:100%;margin-left:0px;}
	.main-cont03 {width:100%;margin-left:0px;}	
	.main-cont01 img{width:100%;}
	
	.cont-wrap {width:100%; margin:50px auto 0 auto;}

	.cont-box {width:100%;margin-left:0px; margin-top:50px;}
	.cont-box .box-title {font-size:18pt}
	.cont-box .boxSubScript {font-size:14pt;line-height:16pt;overflow-wrap: break-word; word-break: normal;hyphens: manual;margin:20px auto;}
	.cont-tilte {font-size: 25pt;line-height:30pt;}
	.contList {margin-bottom:5%}
	.contList span {font-size:14pt;font-weight:700;}	
	
	.cont-box2 {width:90%;padding: 5%;}
	.cont-box3 {width:100%;margin-left:0px; border:0px}
	.sub-cont01 .sub-tilte-script2 { width:100%;font-size: 14pt;overflow-wrap: break-word; word-break: normal;hyphens: manual;}
	.sub-cont02 {width:100%;}
	.sub-cont03 {width:100%;}
	
	.sub-title div {display:block;font-size:2em;line-height:1.2em;margin-top:5%;margin-left:0px;}

	.sub-contList {font-size:11pt;line-height:14pt}
	.sub-contList2 {font-size:13pt;line-height:16pt}
	
	.tb-body .tb-body2 img{width:100%}
	.tb-body .tb-body3 {width:15%}
	.tb-body .tb-body4 {width:80%;padding:0px}
	.tb-body img{width:80%;}
	
	.col-25{ width:100%}
	.col-height{padding:5% 0}



}