@charset "utf-8";

/* CSS Document */
.clearfix { clear:both;}
/* header image */
.page_intro #header{background-image:url(/assets/image/Sub/header_intro.png)}
.page_industry #header{background-image:url(/assets/image/Sub/header_industry.png)}
.page_media #header{background-image:url(/assets/image/Sub/header_media.png)}
.page_data #header{background-image:url(/assets/image/Sub/header_data.png)}
.page_notice #header{background-image:url(/assets/image/Sub/header_notice.jpg)}
.page_cs #header{background-image:url(/assets/image/Sub/header_cs.png)}
.page_search #header{background-image:url(/assets/image/Sub/header_search.png)}


#top{display:none;width:61px;height:61px;position:fixed;right:2%;bottom:15px;z-index:999;background:url(/assets/image/Sub/btn_top.png) 0 0 no-repeat;overflow:hidden;text-indent:9999px;opacity:0.8}
#header .head_top{height:110px;background:rgba(0, 0, 0, 0.3)}
.head_top .head_top_a{height:25px;padding-top:17px}
.head_top .head_top_a ul{float:right; margin: 0 50px 0 0;}
.head_top_a ul li{float:left;font-size:0.8em;padding-right:10px;}
.head_top_a li a{color:#fff;}
.head_top_a li span{color:#fff;opacity:0.4;display:inline-block;width:1px;height:12px;background:#fff;margin:0 3px -2px 5px}
.head_top_a li span.dday {color: #333; width: 250px; display: block; background: rgba(255,255,255,0.6); opacity: 1; border-radius: 1em; height: 2em; padding: 1px 0 0 1.5em; margin: -6px 0 0 0; line-height: 2em; box-sizing:border-box; position: relative;}
.head_top_a li span.dday .counter {width: 5em; background: #fff; border-radius: 1em; height: 2em; opacity: 1; color: #01afc1; text-align: center; line-height: 2em; float: right; padding: 1px 0; margin: -1px 0 0 1em; box-sizing:border-box; font-weight: 700; position: absolute; top: 0; right: 0}
.head_top_a input{width:133px;height:15px;margin-top:-14px;margin-left:15px;padding:6px 0;border:none;border-bottom:1px solid #fff;background:none;color:#fff;font-size:1.0em}
.head_top_a input:focus {outline: none;}
.head_top_a ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
.head_top_a :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
.head_top_a ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.head_top_a .top_search{background:url(/assets/image/Sub/icon_top_search.png) 2px 0 no-repeat;display:inline-block;width:20px;height:20px;opacity:1}
.head_top .head_top_b{height:60px;position:relative}
.head_top_b .head_logo{width:280px;height:50px;float:left;}
.head_top_b .head_logo a{display:block;width:280px;height:50px}
.head_top_b .head_logo img{margin-left:15px}
.head_top_b .dday {padding: 0.75em 1.25em 0.5em 1.25em; height: 2.5em; width: 14em; float: left; background: rgba(255,255,255,0.8); border-radius: 2em;}
.head_top_b .dday a {color: #555; font-size: 0.8em; line-height: 1.2em;}
.head_top_b .dday .counter {float: left; font-size: 2.25em; padding: 0 0.25em 0 0; line-height: 1.2em; color: #01afc1; font-weight: 700}
.head_top_b .head_lnb{width:800px;height:40px;line-height:50px;float:right;text-align:center;position:absolute;right:0;top:0;padding-right:50px}

.head_lnb .menu{width:20%;height:65px;float:left;webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;position:relative;}
.head_lnb .menu a{color:#fff;font-weight:400;word-break:normal}
.head_lnb .menu .menu_tt{display:block;width:100%;height:65px;font-size:1.1em;font-weight:600}
.head_lnb .menu:hover .open_menu{display: block;}
.head_lnb .open_menu:before{content:"";display:block;width:63px;height:3px;background:#37fff8;margin:0 auto}

/* .head_lnb .open_menu{width:220px;clear:both; *zoom:1;display:none;background:rgba(0, 30, 81, 0.8);position:absolute;left:-30px;z-index:2;font-size:16px;text-align:left} */
/* 사이즈 수정으로인한 변경 210611*/
.head_lnb .open_menu{width:240px;clear:both; *zoom:1;display:none;background:rgba(0, 30, 81, 0.8);position:absolute;left:-40px;z-index:2;font-size:16px;text-align:left}
.head_lnb .open_menu ul{padding:23px 0}

/* .head_lnb .open_menu li{padding:10px 25px 10px 35px;line-height:25px} */
/* 사이즈 수정으로인한 변경 210611*/
.head_lnb .open_menu li{padding:10px 15px 10px 25px;line-height:25px}
.head_lnb .open_menu li a {width: 100%; height:100%; display:inline-block;}
.head_lnb .open_menu li a:hover {color: #37fff8;}

/*****************new header***************************/
/*****************20200128 수정*************************/
.new_header.head_top {
	color: #3c3c3c;
}
.new_header.head_top .head_top_a {
	background-color: #fff;
	height: 28px;
    padding-top: 19px;
}
.new_header .head_top_a ul li {
	padding: 0;
}
.new_header .head_top_a li a {
	color: #3c3c3c;
}
.new_header .head_top_a li span {
	background-color: #e1e1e1;
	opacity: 1;
	margin: 0px 15px -2px 15px;
}
.new_header .head_top_a input {
    background-color: #f0f0f0;
    color: #3c3c3c;
    margin-top: -7px;
    padding: 4px 6px;
    width: 150px;
    padding-right: 20px;
    margin-right: 20px;
}
.new_header .head_top_a input::placeholder {
    color: #787878;
}
.new_header .head_top_a .top_search {
    background-image: url(/assets/image/Sub/icon_top_search_new.png);
    background-color: #f0f0f0;
    background-position: center;
    position: absolute;
    margin-top: -6px;
    margin-left: -40px;
}
.new_header .head_top_a li a span.sns_icon {
    background-color: transparent;
    background-image: url(/assets/image/Sub/snsicon-set.png);
    height: 30px;
    margin-top: -10px;
    margin-right: 0;
}
.new_header .head_top_a li a span.sns_icon.youtube {
    width: 30px;
    background-position: 0px 0px;
}
.new_header .head_top_a li a span.sns_icon.blog {
    width: 31px;
    background-position: -30px 0px;
}
.new_header .head_top_a li a span.sns_icon.instagram {
    width: 22px;
    background-position: -69px 0px;
}
.new_header .head_top_a li a span.sns_icon.newsletter {
    width: 48px;
    background-position: -98px 0px;
}
.new_header.head_top .head_top_b {
    height: 44px;
    margin-top: 10px;
}

.new_header.head_top .head_top_b .head_lnb .menu a.menu_tt {
    transform: rotate(0.03deg);
    font-weight: 400;
    height: 50px;
}
@media(max-width:991px) {
	.new_header.head_top .head_top_b { margin-top: 0px;}
}
/*****************new header***************************/


.head_mid{height:240px;margin:0 auto;text-align:center;color:#fff;}
.head_mid h3{padding-top:70px;text-shadow:#666 1px 1px 1px;}
.head_mid p{padding-top:10px;text-shadow:#666 1px 1px 2px;font-size:1.3em; display: none;}

.head_bottom{width:100%;height:50px;background:#344781;}
.path_nav{position:relative; width: 1200px; height:50px;margin:0 auto;line-height:50px;}
.path_nav .menu{min-width:230px;height:50px;float:left; border-right:1px solid #4c5c8e; webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;background:url(/assets/image/Sub/pathnav_arrow.png) right 10px top 50% no-repeat}
.path_nav .menu a{display:block;color:#fff;padding:0 40px 0 20px}
.path_nav .open_menu {width:100%;clear:both; *zoom:1;display:none;background:#fff;position:relative;z-index:2}
.path_nav .open_menu li a{color:#111;line-height:24px;padding:11px 30px}
.path_nav .open_menu li{background:#fff;border:1px solid #ccc;border-top:none}
.head_bottom .path_nav .btn_icon{min-width:inherit;width:50px;text-align:center;border-left:1px solid #4c5c8e;background:url(/assets/image/Sub/icon_home.png) center 50% no-repeat;overflow:hidden;text-indent:-9999px}
.path_nav .btn_icon a{padding:0;}
.path_nav span{float:right;display:block;width:35px;height:35px;margin-top:8px;background:url(/assets/image/Sub/icon_print.png) right 50% no-repeat;text-indent:-9999px}
.path_nav span a{display:block;width:100%;height:100%}

/* container */
.con_top{height:85px;text-align:center;padding:50px 0 0}
.con_top h4{color:#111}
.con_top h4:after{content:"";display:block;width:40px;height:4px;background:#333;margin:15px auto 0 auto}
.con_body{font-size:1.2em;font-weight:400;color:#333;padding:30px 0 20px 0;min-height:500px}
.con_body:after{display:block;content:"";clear:both; *zoom:1;}

.con_body .tb_head{width:100%;height:100%;padding:0 0 20px;position:relative}
.con_body .tb_head:after{display:block;content:"";clear:both; *zoom:1;}
.con_body .tb_head.cal {padding: 20px 0;}
.tb_head .tb_head_cnt{width:300px;line-height:40px;float:left; text-align: left;}
.tb_head .tb_head_srch{height:50px;position:absolute;right:0}
.tb_head_cnt .present_page{color:#f05653}
.tb_head_srch select{width:104px;height:40px;padding:0 3px}
.tb_head_srch input{width:220px;height:37px;line-height:41px;padding:0 3px 1px}
.tb_head_srch a{display:inline-block;width:70px;height:40px;line-height:32px;float:right;background:url(/assets/image/Sub/icon_top_search.png) center 50% no-repeat #494a4e;text-indent:9999px;overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tb_head_srch a{height:40px}
	.tb_head_srch input{height:35px}
}

/* bbs */
.bbs_table{height:100%}
.bbs_table:after{display:block;content:"";clear:both; *zoom:1;}
.bbs_table ul{width:100%;height:100%}
.bbs_table ul:after{display:block;content:"";clear:both; *zoom:1;}
.bbs_table ul li{display:block;width:100%;height:50px}
.bbs_table ul li>div{float:left;height:50px;line-height:50px}
.bbs_table ul li span{display:inline-block;float:left}
.bbs_table .tb_Subject{width:60%}
.bbs_table .tb_Subject .sbj_no{width:15%}
.bbs_table .tb_Subject .sbj_tt{width:84%;padding:0 2px;}
.bbs_table .table_th{font-weight:600;border-top:2px solid #555;border-bottom:1px solid #555}
.bbs_table .table_th span{text-align:center}
.bbs_table .table_tr{border-bottom:1px solid #d9d9d9}
.bbs_table .table_tr span{text-align:center}
.bbs_table .table_tr .sbj_tt{text-align:left;}
.bbs_table .table_tr .sbj_tt a{display:block;width:100%;height:100%;color:#333;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.bbs_table .tb_info{width:28%}
.bbs_table .tb_info span.info_file {width:30%;}
.bbs_table .tb_info span.info_writer {width:70%;}
.tb_info .info_file a{display:block;width:60%;height:100%;margin:0 auto;}
.tb_info .info_file img{vertical-align:middle}
.bbs_table .tb_date{width:12%}
.bbs_table .tb_date span{width:100%} 

.bbs_page .hide {display:block;height:0;width:0;font-size:0;line-height:0;margin:0;padding:0;overflow:hidden;}
.bbs_page{height:41px;padding:0;margin:30px 0 80px;text-align:center;position:relative;overflow:hidden;}
.bbs_page .page_cnt{overflow:hidden}
.bbs_page .page_first{}
.bbs_page a{display:inline-block;width:38px;height:38px;vertical-align:middle;line-height:38px;border:1px solid #ccc;color:#000; font-size: 0.8em;}
.bbs_page .btn_arr, .paging .on{padding-top:0; border:1px solid #ccc}
.bbs_page .on{color:#fff;background:#005fca;border-color:#005fca}
.bbs_page .first{background:url(/assets/image/Sub/icon_page_first.png) center 50% no-repeat}
.bbs_page .prev{background:url(/assets/image/Sub/icon_page_prev.png) center 50% no-repeat}
.bbs_page .next{background:url(/assets/image/Sub/icon_page_next.png) center 50% no-repeat}
.bbs_page .last{background:url(/assets/image/Sub/icon_page_last.png) center 50% no-repeat}

.bbs_write{}
.bbs_write fieldset{border:none;border-top:2px solid #555;}
.bbs_write dl{line-height:65px;border-bottom:1px solid #d9d9d9}
.bbs_write dt{display:block;clear:left;float:left;width:12%;padding:0 26px;background:#f4f5f8;letter-spacing:-0.5px;}
.bbs_write dd{clear:left;display:inline-block;padding:0 0 0 20px;width:80%}
.bbs_write .tb_file dd{width:80%;height:25px;line-height:32px}
.bbs_write input{height:36px;background:#f8f8f8;border:1px solid #ccc;padding:0 5px}
.bbs_write .input_short{width:100px}
.bbs_write .input_long{width:96%;background:#fff}
.bbs_write select{width:200px;height:38px}
.bbs_write .sel_short{width:100px;height:37px}
.bbs_write dl.tb_con{height:100%}
.bbs_write dl.tb_con dt{line-height:208px}
.bbs_write dl.tb_con dd{width:70%;}
.bbs_write dl.tb_con textarea{width:110%;margin:10px 0 -21px;overflow-y:scroll;padding:5px}
.required{color:#ed2114}


/* 파일첨부영역 디자인 */
input.upload_text {/*읽기전용 인풋텍스트*/
	float:left;
	width:87%;/* 버튼 포함 전체 가로 길이*/
	padding:0 3px;
	border:1px solid #ccc;
}
div.upload-btn_wrap input.input_file {/*파일찾기 폼*/
	position:absolute;
	width:80px;
	top:0;
	right:0;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-khtml-opacity:0;
	-moz-opacity:0;
}
div.upload-btn_wrap {/*버튼테두리 감싼 div*/
	overflow:hidden;
	position:relative;
	float:left;
	width:80px;/*width, height 값은 button(찾아보기)값과 같아야함 */
	height:38px;
	padding-left:3px;
}
div.upload-btn_wrap button {
	width:80px;
	height:38px;
	background:#f0f0f0;
	border:1px solid #ccc;
	color:#333;	
}

.bbs_view_wrap{border-top:2px solid #555}
.bbs_view_wrap .bbs_view_tt{width:100%;height:50px;line-height:50px;border-bottom:1px solid #555;text-align:center;font-size:1.4em;font-weight:400;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.bbs_view_wrap dl{width:100%;height:50px;line-height:50px}
.bbs_view_wrap dt{float:left;width:8em;padding:0 15px;text-align:center;font-weight:700;border-right:1px solid #d9d9d9}
.bbs_view_wrap dd{float:left;padding-left:20px;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.bbs_view_info dl{border-bottom:1px solid #d9d9d9}
.bbs_view_info{overflow:hidden}
.bbs_view_info .view_info_half{display:inline-block;width:50%;float:left;}
.bbs_view_info .view_info_file:before{display:block;content:"";clear:both}
.bbs_view_info .left_border{border-left:1px solid #d9d9d9}
.bbs_view_info:after{display:block;content:"";clear:both; *zoom:1;}
.bbs_view_con{padding:40px 30px;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.bbs_view_con table td{border:1px solid #d9d9d9;padding:5px 20px}
.bbs_view_foot:after{display:block;content:"";clear:both; *zoom:1;}
.bbs_view_foot dl{border-bottom:1px solid #d9d9d9}
.bbs_view_foot dt{width:10%}
.bbs_view_foot dt a{display:block;margin:0 auto;color:#333}
.bbs_view_foot dd{width:78%;}

.sub_tab{padding:30px 0 20px}
.sub_tab li{display:inline-block;background:#f8f8f8;border:1px solid #dbdbdb;color:#111;font-size:1.3em}
.sub_tab li a{display:block;padding:10px 48px; box-sizing: border-box;}
.sub_tab li.on{background:#fff;border-top:2px solid #2763ba}

.state_wrap{width:100%;height:100%;/*border-top:2px solid #555;border-bottom:1px solid #d9d9d9;*/padding-top:19px; position: relative;}
.state_wrap:after{display:block;content:"";clear:both; *zoom:1;}
.state_wrap .state_list{width:100%;height:100%;text-align:center}
.state_wrap .state_list:after{display:block;content:"";clear:both /* 영역인식 */}
.state_wrap .state_box{display:inline-block; vertical-align: top;}
.state_wrap .state_con{height:100%;padding:0 10px}
.state_con .state_img{width: 252px; height: 178px; display:block;border:1px solid #d9d9d9;overflow:hidden;position:relative;cursor:pointer; background: #fff; padding: 18px 35px; text-align: center; box-sizing: border-box;}
.state_con .state_img img{width: 100%; height: 100%;object-fit: contain;}
.state_con a{display:inline-block;padding:8px 7px;border:1px solid #000; font-size: 14px;}
.state_wrap .state_btn{margin-top:20px}
.state_wrap .state_btn:after{display:block;content:"";clear:both /* 영역인식 */}
.state_wrap .btn_detail{float:left;background:#fff;color:#333; margin: 0 3px 0 0; padding: 8px;}
.state_wrap .btn_page{float:right;background:#494a4e;color:#fff;border-color:#494a4e}
.state_con .state_img:hover .state_detail {opacity: 0.9;}
.state_detail{width:100%;height:100%;background:#163185;opacity:0.0;position:absolute;top:0;left:0;transition: all 0.5s ease;}
.state_detail ul{padding:40px 24px;color:#fff}
.state_detail ul li{text-align:left;padding-bottom:10px; font-size: 0.8em;}
.state_detail ul li:before{content:"";display:inline-block;width:2px;height:2px;background:#fff;margin-bottom:5px;margin-right:6px}
.state_name{padding:15px 0 40px;font-size:16px;font-weight:700; width: 250px;}
/*
.eng .state_wrap .btn_detail {display: none;}
.eng .state_wrap .btn_page {width: 180px;}
*/
.table_part {margin: 0 0 42px 0; padding: 0 30px;}
.state_write {width: 100%; border-collapse: collapse; border-top: 2px solid #2763ba; color: #333;}
.state_write th {background: #f4f7fb; padding: 0 0 0 20px; font-size: 16px; font-weight: 700; text-align: left; border-bottom: 1px solid #d9d9d9;}
.state_write td {padding: 5px 0 5px 20px; margin: 0; font-size: 16px; font-weight: 400; text-align: left; border-bottom: 1px solid #d9d9d9; vertical-align: top;}
.state_write td input {border: 1px solid #d9d9d9; height: 22px; padding: 5px; margin: 0; width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -o-calc(100% - 32px); width: calc(100% - 32px);}
.state_write td input.addr {margin: 0 5px 0 0; width: calc(100% - 128px);}
.state_write td input.zipcode {width: 75px;}
.state_write td textarea {border: 1px solid #d9d9d9; padding: 5px; margin: 0; height: 50px; width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -o-calc(100% - 32px); width: calc(100% - 32px);}
.state_write td select {border: 1px solid #d9d9d9; height: 34px; padding: 5px; margin: 0;}
.state_write td span {display: inline-block; padding: 5px 0; font-size: 1em; color: #666;}
.state_write td span a {margin: 0 0 0 0.5em; font-size: 1em; color: #666; width: 13px; height: 13px; padding: 2px; text-align: center; line-height: 13px; border: 1px solid #d9d9d9; display: inline-block;}
.state_write td span a:hover {background: #666; border: 1px solid #666; color: #fff;}

.state_write2 {width: 100%; border-collapse: collapse; border-top: 2px solid #2763ba; color: #333;}
.state_write2 th {background: url('/assets/image/Sub/table_bar.gif') 100% 50% no-repeat #f4f7fb; padding: 0; font-size: 16px; font-weight: 700; text-align: center; height: 44px; border-bottom: 1px solid #d9d9d9;}
.state_write2 td {padding: 5px 0; margin: 0; font-size: 16px; font-weight: 400; text-align: center; border-bottom: 1px solid #d9d9d9; vertical-align: middle; background: url('/assets/image/Sub/table_bar.gif') 100% 50% no-repeat;}
.state_write2 th:last-child, .state_write2 td:last-child {background-image: none;}
.state_write2 td input {border: 1px solid #d9d9d9; height: 22px; padding: 5px; margin: 0; width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -o-calc(100% - 32px); width: calc(100% - 32px);}
.state_write2 td input.licensing {width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: -o-calc(100% - 130px); width: calc(100% - 130px);}
.state_write2 td input.licensing:disabled {background: #ededed;}
.state_write2 input[type="checkbox"] {width: 12px; height: 12px; border: 1px solid #d9d9d9;}
.state_write2 td select {border: 1px solid #d9d9d9; height: 34px; padding: 5px; margin: 0;}
.terms_tt .btn_w {display: inline-block; float: right;}
.terms_tt .btn_w a {height: 34px; padding: 0 20px; color: #fff; line-height: 34px; text-decoration: none; display: inline-block;}
.terms_tt .btn_w a.plus {background: #4d9bdd;}
.terms_tt .btn_w a:hover.plus {background: #1e76c1;}
.terms_tt .btn_w a.minus {background: #f05840;}
.terms_tt .btn_w a:hover.minus {background: #e64026;}
.terms_tt .btn_w a i {margin: 0 0.5em 0 0; font-size: 0.7em;}


.con_body .btns {width: 100%; height: 50px; margin: 8px 0 10px 0}
.con_body .btns a {width: 110px; height: 100%; line-height: 50px; display: inline-block; color: #fff; text-decoration: none; text-align: center;}
.con_body .btns a.list {background: #494a4e;}
.con_body .btns a.list:hover {background: #38303d;}
.con_body .btns a.upload {background: #005fca; float:right;}
.con_body .btns a.upload:hover {background: #004cca;}
.con_body .btns a i {margin: 0 0.7em 0 0; font-size: 0.7em;}

.terms_tab h5 {/*padding: 45px 0 40px 0;*/ font-size: 2em; color: #111; text-align:center;}
.terms_tab h5 span {background:url('/assets/image/Sub/bullet_h5.gif') 0 50% no-repeat; display: inline-block; padding: 0 0 0 35px;}
.terms_tab ul.sub_tab {width: 100%; height: 50px; margin: 0 0 17px 0;}
.terms_tab ul.sub_tab li {width: 50%; height: 100%; background: #f6f6f6; border: 1px solid #e5e5e5; border-bottom: 2px solid #323232; box-sizing: border-box; float: left;}
.terms_tab ul.sub_tab li:hover {background: #888; border-color:#888; border-bottom: 2px solid #323232}
.terms_tab ul.sub_tab li.on {background: #fff; border: 2px solid #323232; border-bottom: 1px solid #fff;}
.terms_tab ul.sub_tab li a {text-decoration: none; width: 100%; height: 100%; display: inline-block; text-align: center; line-height: 35px; color: #666; font-size: 0.8em;}
.terms_tab ul.sub_tab li a:hover { color: #fff;}
.terms_tab ul.sub_tab li.on a, .terms_tab ul li.on a:hover {color: #111; font-weight: 700; background: #fff;}

.state_info {width: 100%; height: 330px; margin: 25px 0 30px 0;}
.photo_w {width: 33.33%; height: 330px; background: url('/assets/image/Sub/photo_back.gif') no-repeat; position: relative; float: left;}
.company_photo {width: 267px; height: 267px; border-radius: 50%; background: url('/assets/image/Sub/company_photo.jpg') 50% 50% no-repeat #fff; background-size: cover; box-shadow: 3px 3px 0 #40c2d4; position: absolute; left:0; top: 0; text-align: center; font-size: 0.7em; padding: 133px 0 0 0; color: #666; box-sizing: border-box;  }
.company_logo {width: 200px; height: 200px; border-radius: 50%; background: url('/assets/image/Sub/company_logo.gif') 50% 50% no-repeat #fff; background-size: cover; box-shadow: 3px 3px 0 #5d8acb; position: absolute; right: 5px; bottom: 0; text-align: center; font-size: 0.7em; padding: 133px 0 0 0; color: #666; box-sizing: border-box;}
.no_photo {width: 267px; height: 267px; border-radius: 50%; background: url('/assets/image/Sub/no_photo.jpg') 50% 50% no-repeat #fff; background-size: cover; box-shadow: 3px 3px 0 #40c2d4; position: absolute; left:0; top: 0; text-align: center; padding: 170px 25px 0 0; color: #666; box-sizing: border-box;}
.no_logo {width: 200px; height: 200px; border-radius: 50%; background: url('/assets/image/Sub/no_logo.jpg') 50% 50% no-repeat #fff; background-size: cover; box-shadow: 3px 3px 0 #5d8acb; position: absolute; right: 5px; bottom: 0; text-align: center; padding: 133px 0 0 0; color: #666; box-sizing: border-box;}

.info_w {width: -webkit-calc(66.66% - 30px); width: -moz-calc(66.66% - 30px); width: -o-calc(66.66% - 30px); width: calc(66.66% - 30px); height: auto; padding: 0 0 0 30px; margin: 0 0 2em 0; position: relative; float: left;}
.info_w p {margin: 0 0 60px 0; font-size: 0.9em; color: #111; line-height: 30px;}
.info_w table {width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); border-top: 1px solid #d9d9d9;}
.info_w table th {width: 100px; border-bottom: 1px solid #d9d9d9; padding: 0 0 0 20px; text-align: left; font-size: 0.9em;}
.info_w table td {border-bottom: 1px solid #d9d9d9; height: 44px; font-size: 0.9em;}
.info_w .bubble {width: 240px; height: 328px; background: url('/assets/image/Sub/info_back.png') no-repeat; position: absolute; right: 0; top: 5em; display: none;}

.state_view {width: 100%; border-collapse: collapse; border-top: 2px solid #2763ba; color: #333; margin: 0 0 42px 0;}
.state_view th {background: #f4f7fb; padding: 0 0 0 20px; font-size: 0.9em; font-weight: 700; text-align: left; border-bottom: 1px solid #d9d9d9; height: 44px;}
.state_view td {padding: 0 0 0 20px; margin: 0; font-size: 0.9em; font-weight: 400; text-align: left; border-bottom: 1px solid #d9d9d9; position: relative;}
.state_view td a {color: #333;}
.state_view td a:hover {text-decoration: underline;}
.state_view td .addr {display: inline-block; width: calc(100% - 140px);margin: 5px 0; word-break: keep-all; white-space:normal;}
.state_view td .zip_w {display: inline-block; width: 120px; margin: 0 20px 0 0; float: right; vertical-align:middle; position: absolute; top: 10px;}
.state_view td .zip_w span {display: inline-block; width: 18px; height: 23px; border: 1px solid #555555; text-align: center; line-height: 23px; margin: 0 0 0 5px; vertical-align: top;}
.state_view td .zip_w span:first-child {margin: 0;}

.state_view2 {width: 100%; border-collapse: collapse; border-top: 2px solid #2763ba; color: #333; margin: 0 0 42px 0;}
.state_view2 th {background: url('/assets/image/Sub/table_bar.gif') 100% 50% no-repeat #f4f7fb; padding: 0; font-size: 0.9em; font-weight: 700; text-align: center; border-bottom: 1px solid #d9d9d9; height: 44px;}
.state_view2 td {background: url('/assets/image/Sub/table_bar.gif') 100% 50% no-repeat; height: 44px; padding: 0; margin: 0; font-size: 0.9em; font-weight: 400; text-align: center; border-bottom: 1px solid #d9d9d9; position: relative;}
.state_view2 th:last-child, .state_view2 td:last-child {background-image: none;}

.product {width: 100%;}
.product li {width: -webkit-calc(33.33% - 14px); width: -moz-calc(33.33% - 14px); width: -o-calc(33.33% - 14px); width: calc(33.33% - 14px); padding: 0 20px 0 0; float: left;}
.product li:last-child {padding: 0;}
.product li dl {width: 100%; height: 100%; margin: 0 0 30px 0;}
.product li dl dt {width: 100%; height: 30px; text-align: center; font-size: 0.9em; font-weight: 700; color: #333; margin: 20px 0 0 0;}
.product li dl dd img {border-radius: 0.5em; width:100%}
.product:after {clear: both; display: block; content: "";}

.state_view3 {width: 100%; border-collapse: collapse; border-top: 2px solid #2763ba; color: #333; margin: 0 0 42px 0;}
.state_view3 th {background: #f4f7fb; padding: 0; font-size: 0.9em; font-weight: 700; text-align: center; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; height: 44px;}
.state_view3 td { height: 44px; padding: 0; margin: 0; font-size: 0.9em; font-weight: 400; text-align: center; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; position: relative;}
.state_view3 th:last-child, .state_view3 td:last-child {border-right: 0;}
.state_view3 td span {width: 100%; height: 20px; background: url('/assets/image/Sub/bar_body.gif') repeat-x; display: inline-block; margin: 5px 0 0 0;}
.state_view3 td span.right {background: url('/assets/image/Sub/bar_right.gif') no-repeat; display: inline-block; width: 5px; height: 100%; margin: 0; float: right;}
.state_view3 td span.w500 {width: -webkit-calc(403% - 1px); width: -moz-calc(403% - 1px); width: -o-calc(403% - 1px); width: calc(403% - 1px);}
.state_view3 td span.w400 {width: -webkit-calc(322% - 1px); width: -moz-calc(322% - 1px); width: -o-calc(322% - 1px); width: calc(322% - 1px);}
.state_view3 td span.w300 {width: 247%;}
.state_view3 td span.w200 {width: 174%;}

/* gallery*/

.gallery_wrap{height:100%;border-top:2px solid #555;border-bottom:1px solid #d9d9d9;padding-top:19px}
.gallery_wrap:after{display:block;content:"";clear:both; *zoom:1;}
.gallery_wrap ul{width:100%}
.gallery_wrap .gallery_box{width:33.3%;height:350px;float:left}
.gallery_wrap .gallery_box a{display:block;width:380px;height:350px;}
.gallery_wrap .gallery_img{height:212px;border:1px solid #d9d9d9;overflow:hidden;background:/*url(/assets/image/Sub/noimage.png) center no-repeat*/ #ededed;color:#e0e0e0}
.gallery_box span, .gallery_box strong{display:block}
.gallery_box img{width:100%;height:212px}
.gallery_box strong{width:100%;height:50px;font-size:1.3em;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-wrap:break-word;line-height:1.4em;height: 2.6em;margin:18px 0 5px}
.gallery_box span{font-size:1.1em;color:#777}
.gallery_btn{display:block;padding:5px 8px;background:#fff;border:1px solid #777;color:#777;margin-top:0;float:right} 


.gallery_img img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;
  object-fit: contain;
}
.gallery_img img:hover{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

/* 자료실 2018.05.24 */
.cont_peri_w {width: 100%; margin: 0 0 70px 0; border-top: 1px solid #d9d9d9;}
.cont_periodicals {width: 100%; padding: 45px 0; margin: 0; border-bottom: 1px solid #d9d9d9; display: table;}
.cont_periodicals .cont_left {width: 40%; height: 100%; box-sizing: border-box; padding-left: 30px; text-align: center; float: left;}
.cont_periodicals .cont_right {width: 60%; float: left;}
.cont_periodicals .cont_right h5 {font-size: 1.6em; font-weight: 700; color: #111111; line-height: 1; padding: 15px 0 25px 0; letter-spacing: -0.05em; /*background: url('/assets/image/Sub/bullet_h5.gif') 0 35% no-repeat;*/}
.cont_periodicals .cont_right h5 span {font-size: 0.8em;}
.cont_periodicals .cont_right ul.info {width: 100%;  background: #f4f5f8; box-sizing: border-box; padding: 1.5em; margin: 0 0 25px 0; min-height: 8.5em;}
.cont_periodicals .cont_right ul.info li {font-size: 1.0em; color: #555555; display: block; padding: 0 0 0.5em 1em; vertical-align: top; height: auto; line-height: 1.4; clear: both; background: url('/assets/image/Sub/bullet_li.gif') 0 5px no-repeat;}
.cont_periodicals .cont_right ul.info li strong {font-size: 1.0em; font-weight: 700; color: #555555; padding: 0 0 0.5em 0; vertical-align: top;}
.cont_periodicals .cont_right ul.info li span {padding-left: 0; letter-spacing: -0.05em; text-indent: 0.5em;}
.cont_periodicals .cont_right dl {width: 100%;  background: #f4f5f8; box-sizing: border-box; padding: 35px 35px 15px 35px; margin: 0 0 25px 0;}
.cont_periodicals .cont_right dl dt {font-size: 1.0em; font-weight: 700; color: #555555; line-height: 24px; display: inline-block; padding: 0 0 20px 15px; vertical-align: top; background: url('/assets/image/Sub/bullet_li.gif') 0 20% no-repeat;}
.cont_periodicals .cont_right dl dd {font-size: 1.0em; color: #555555; line-height: 24px; display: inline-block; padding: 0 0 20px 0; width: -webkit-calc(100% - 95px); width: -moz-calc(100% - 95px); width: -o-calc(100% - 95px); width: calc(100% - 95px); vertical-align: top;}
.cont_periodicals .cont_right ul {width: 100%; margin: 0;}
.cont_periodicals .cont_right ul li {display: inline-block; height: 50px; margin: 0 5px 5px 0; vertical-align: top;}
.cont_periodicals .cont_right ul li a {display: inline-block; width: 34px;height: 50px; padding: 0 30px; font-size: 0.9em; color: #fff; line-height: 50px; background: #005fca; text-align: center;}
.cont_periodicals .cont_right ul li a:hover {background: #004ca2;}
.cont_periodicals .cont_right a {display: inline-block; height: 50px; padding: 0 30px; font-size: 0.9em; color: #fff; line-height: 50px; background: #005fca; text-align: center;}
.cont_periodicals .cont_right a:hover {background: #004ca2;}

.cont_tit {width: 100%; height: auto; padding: 50px 45px 50px 180px; background: url('/assets/image/Sub/portal_tit_bg.gif') 45px 50% no-repeat; border: 1px solid #dbdbdb; border-bottom: 1px solid #555555; box-sizing: border-box;}
.cont_tit h4 {font-size: 1.5em; color: #333; letter-spacing: -0.05em; line-height: 1.2; margin: 0 0 0.2em 0;}
.cont_tit p {font-size: 1.15em; color: #333; letter-spacing: -0.05em; line-height: 1.5;}
.portal_w {width: 100%; margin: 50px 0 0 0; }
.portal {width: -webkit-calc(33.33% - 22px); width: -moz-calc(33.33% - 22px); width: -o-calc(33.33% - 22px); width: calc(33.33% - 22px); height: 400px; margin: 0 0 30px 0; border: 1px solid #ccc; border-top: 1px solid #41536b; float: left;}
.portal:nth-child(2), .portal:nth-child(5) {margin: 0 30px;}
.portal h6 {width: -webkit-calc(100% + 2px); width: -moz-calc(100% + 2px); width: -o-calc(100% + 2px); width: calc(100% + 2px); height: 55px; margin-left: -1px; text-align: center; background: #41536b; font-size: 1.37em; font-weight: 700; color: #fff; line-height: 55px;}
.portal p {width: 100%; padding: 30px; font-size: 1.1em; line-height: 26px; letter-spacing: -0.05em; color: #666;  box-sizing: border-box;}
.portal dl {width: 100%; padding: 0 30px 30px 30px; box-sizing: border-box;}
.portal dl dt {font-size: 0.9em; color: #333; display: inline-block; margin: 0 0 12px 0; line-height: 24px; letter-spacing: -0.05em; vertical-align: top; width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px); width: -o-calc(100% - 55px); width: calc(100% - 55px); padding: 0 0 0 10px;}
.portal dl dt.long {width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px);}
.portal dl dt a {font-size: 0.9em; color: #333;}
.portal dl dd {margin: 0 5px 0 0; display: inline-block; margin: 0 0 12px 0; vertical-align: top; text-align:center;}

.botton_line {width: 100%; height: 1px; background: #dbdbdb;}
.botton_line.authorization {margin: 0 0 55px 0;}
.cont_tit.etc {margin: 55px 0 50px 0; background: url('/assets/image/Sub/etc_tit_bg.gif') 45px 50% no-repeat;}
.cont_tit.etc a {display: inline-block; font-size: 1.2em; color: #fff; letter-spacing: -0.05em; background: #005fca; padding: 0  30px; height: 50px; line-height: 50px; margin: 25px 5px 0 0;}
.cont_tit.etc a span {background: url('/assets/image/Sub/icon_down.png') right 50% no-repeat; width: 35px; height: 14px; display: inline-block;}

.cont_tit.etc2 {margin: 55px 0 50px 0; background: url('/assets/image/Sub/etc2_tit_bg.gif') 45px 50% no-repeat;}

.cont_tit.etc3 {margin: 55px 0 50px 0; background: url('/assets/image/Sub/etc3_tit_bg.gif') 45px 50% no-repeat;}

.world_tab {width: 100%; height: 93px;}
.world_tab ul {width: 100%; height: 100%;}
.world_tab ul li {width: -webkit-calc(14.28% - 1px); width: -moz-calc(14.28% - 1px); width: -o-calc(14.28% - 1px); width: calc(14.28% - 1px);  height: 45px; border: 1px solid #d9d9d9; float: left;}
.world_tab ul li:nth-child(1) {width: -webkit-calc(14.28% - 2px); width: -moz-calc(14.28% - 2px); width: -o-calc(14.28% - 2px); width: calc(14.28% - 2px); border-bottom: 0;}
.world_tab ul li:nth-child(2), .world_tab ul li:nth-child(3), .world_tab ul li:nth-child(4), .world_tab ul li:nth-child(5), .world_tab ul li:nth-child(6), .world_tab ul li:nth-child(7) {border-bottom: 0; border-left: 0;}
.world_tab ul li:nth-child(8) {width: -webkit-calc(14.28% - 2px); width: -moz-calc(14.28% - 2px); width: -o-calc(14.28% - 2px); width: calc(14.28% - 2px);}
.world_tab ul li:nth-child(9), .world_tab ul li:nth-child(10), .world_tab ul li:nth-child(11), .world_tab ul li:nth-child(12), .world_tab ul li:nth-child(13), .world_tab ul li:nth-child(14) {border-left: 0;}
.world_tab ul li a {color: #666666; width: -webkit-calc(100% - 12px); width: -moz-calc(100% - 12px); width: -o-calc(100% - 12px); width: calc(100% - 12px); height: 100%; display: inline-block; text-align: center; line-height: 45px; padding: 0 12px 0 0;}
.world_tab ul li a.on, .world_tab ul li a:hover {background: #004993; color: #fff;}
.world_tab ul li a span {background: url('/assets/image/Sub/bullet_tab.png') 0 50% no-repeat; padding: 0 12px 0 0; height: 100%;}

.cont_w .map_w {position: relative; margin: 1.5em 0;}
.flag_w p {position: absolute;}
.flag_w p a {background: none; padding: 0; height: 31px;}
.flag_w .brazil {top: 68.5%; left: 86.7%;}
.flag_w .mexico {top: 47.5%; left: 72%;}
.flag_w .argentina {top: 80.9%; left: 82.1%;}
.flag_w .chile {top: 74.7%; left: 80%;}
.flag_w .ecuador {top: 61.4%; left: 79.7%;}
.flag_w .colombia {top: 56.8%; left: 81.7%;}
.flag_w .peru {top: 66.1%; left: 79.4%;}
.flag_w .malaysia {top: 63.2%; left: 32.4%;}
.flag_w .mongolia {top: 33.8%; left: 29.8%;}
.flag_w .indonesia {top: 58.3%; left: 35.9%;}
.flag_w .russia {top: 26.8%; left: 25.8%;}
.flag_w .ukraine {top: 35.5%; left: 14.7%;}
.flag_w .turkey {top: 42.4%; left: 15.6%;}

.cont_w.value_wrap {width: 100%; margin: 2em 0;}

.country_w {width: 100%; border: 1px solid #dbdbdb; padding: 35px; box-sizing: border-box; display: table;}
.country_w .country_flag {width: 12%; float: left;}
.country_w .country_info {width: 88%; float: left;}
.country_w .country_info ul {width: 100%;}
.country_w .country_info ul li {width: 100%; background: url('/assets/image/Sub/bullet_country.gif') 0 0.6em no-repeat; line-height: 32px; font-size: 1em; padding-left: 0.75em;}
.country_w .country_info a {height: 3.125em; line-height: 3.125em; padding: 0 3.3em 0 1.87em; margin: 0.75em 0 0 0; background: url('/assets/image/Sub/eng/down.png') 100% 50% no-repeat #2763ba;}
.value_txt .country_photo p{font-size: 1em; line-height: 1.4;}


.edu_w {width: 100%; margin: 50px 0 0 0; }
.edu_c {width: -webkit-calc(33.33% - 22px); width: -moz-calc(33.33% - 22px); width: -o-calc(33.33% - 22px); width: calc(33.33% - 22px); height: 304px; margin: 0 0 30px 0; padding: 60px 0; text-align: center; border: 1px solid #ccc; float: left; box-sizing: border-box;}
.edu_c:nth-child(2), .edu_c:nth-child(5) {margin: 0 30px;}
.edu_c .edu_icon {width: 85px; height: 85px; margin: auto;}
.edu_c .edu_01 {background: url('/assets/image/Sub/edu_01.gif') 50% 50% no-repeat;}
.edu_c .edu_02 {background: url('/assets/image/Sub/edu_02.gif') 50% 50% no-repeat;}
.edu_c .edu_03 {background: url('/assets/image/Sub/edu_03.gif') 50% 50% no-repeat;}
.edu_c .edu_04 {background: url('/assets/image/Sub/edu_04.gif') 50% 50% no-repeat;}
.edu_c .edu_05 {background: url('/assets/image/Sub/edu_05.gif') 50% 50% no-repeat;}
.edu_c .edu_06 {background: url('/assets/image/Sub/edu_06.gif') 50% 50% no-repeat;}
.edu_c h6 {width: 100%; height: 55px; margin-left: -1px; text-align: center; font-size: 1.2em; font-weight: 700; color: #111; line-height: 55px;}
.edu_c h6 span {height: 100%; line-height: 25px; display: block;}
.edu_c a {width: 210px; height: 50px; display: inline-block; margin: auto; font-size: 1.1em; color: #fff; background: #005fca; line-height: 50px;}

/* _Cs */
.login_wrap{height:400px;border-top:2px solid #555;border-bottom:1px solid #d9d9d9}
.login_wrap:after{display:block;content:"";clear:both; *zoom:1;}
.login_img{width:48%;height:400px;float:left;text-align:center;padding-top:90px}
.login_con{width:50%;float:right;padding-top:90px;padding-left:2%}
.login_con form {
  position:relative;  
  width:472px;
  height:auto;
  margin:25px 0 20px 0;
}

.login_con input {
  display: block;
  width: 300px;
  height: 16px;	
  padding: 15px;
  border:1px solid #ccc;
  margin: 10px 0;    
  color:#666;
  font-size:16px;

}
.login_con button {
  float:right;
  width:130px;
  height:107px;
  border:0px;
  background:#2263bb;
  padding:10px;
  color:#fff;
  font-size:1em;
  position:absolute;
  top:0;
  right:0;
 
}

.login_con ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#999;
}
.login_con ::-moz-placeholder { /* Firefox 19+ */
  color:#999;
}
.login_con :-ms-input-placeholder { /* IE 10+ */
  color:#999;
}
.login_con :-moz-placeholder { /* Firefox 18- */
  color:#999;
}

.login_con input:focus::-webkit-input-placeholder {
  color: #666;
}

.login_btn a{display:inline-block;height:26px;line-height:26px;padding:10px 40px;background:#f6f6f6;border:1px solid #ccc;color:#666;font-weight:bold}

.find_wrap{}


/* join */
.basic_wrap{width:1200px}
.join_wrap .join_step{width:100%;height:160px;float:left;text-align:center;margin:0 auto;clear:both;}
.join_step li{display:inline-block;margin-right:85px}
.join_step li:last-child{margin-right:0}
.join_step span{display:block}
.join_step strong{display:block;margin-top:15px}
.join_contents{width:100%;height:100%;padding-bottom:50px}
.join_contents{display:block;content:"";clear:both; *zoom:1;}
.join_terms{width:100%;height:100%}
.terms_tt{width:100%;margin-bottom:15px}
.terms_tt .terms_tt1{display:inline-block;width:9px;height:5px;background:#2763ba}
.terms_tt .terms_tt2{display:inline-block;width:15px;height:5px;background:#00aec5}
.terms_tt strong{display:inline-block;}
.terms_tt h5{font-size:1.5em;font-weight: 400;color:#111;letter-spacing:-0.05em;}
.terms_tt h6 {font-size: 1.2em; font-weight: 400; color: #333; letter-spacing: -0.05em; background: url('/assets/image/Sub/bullet_h5.gif') 0 50% no-repeat; padding: 0 0 0 30px;}
.terms_box{width:96%;margin:15px 0;padding:0px 20px;height:320px;overflow:auto;border:1px solid #ccc;color:#666;font-size:1.0em;letter-spacing:-0.2px}
.terms_box span{display:block;margin:25px 0 10px}
.terms_box p{margin-bottom:10px;line-height:1.8em}
.terms_check{margin-bottom:40px}
.terms_check .essential{color:#ed1c24}
.terms_all{width:100%;height:41px;border:1px solid #ccc;text-align:center;padding-top:22px}
.join_contents{padding-top:15px}
.join_complete{height:100%;padding:100px 0;border:1px solid #ccc;text-align:center}
.join_complete strong{display:block;font-size:1.6em;color:#000;margin:35px 0 15px}
.join_complete span{display:block}
.join_txt{display:inline-block;text-align:right;float:right;padding-top:25px}
.input_radio{margin-right:10px}
.join_write input{background:#fff;width:200px}
.input_short{width:100px;}
.input_long{width:560px;}
.sel_short{width:100px;}
.sel_long{width:572px;}
.join_sent{display:inline-block;width: -webkit-calc(100% - 220px); width: -moz-calc(100% - 220px); width: -o-calc(100% - 220px); width: calc(100% - 220px); line-height:1.2em;vertical-align:middle}

/* checkbox, radio */
.input_chk input[type="checkbox"] {display:none}
.input_chk input[type="checkbox"] + label {color:#444;}
.input_chk input[type="checkbox"] + label span {
    display:inline-block;
    width:13px;
    height:13px;
    margin:4px 10px 0 0;
    vertical-align:top;
    background:url(/assets/image/Sub/checkbox.png) 0 0 no-repeat;
}
.input_chk input[type="checkbox"]:checked + label span {
    background:url(/assets/image/Sub/checkbox.png) 0 -13px no-repeat;
}

.input_chk2 input[type="checkbox"] {display:none}
.input_chk2 input[type="checkbox"] + label {color:#444;}
.input_chk2 input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:20px 10px 0 0;
    vertical-align:top;
    background:url(/assets/image/Sub/checkbox2.png) 0 0 no-repeat;
}
.input_chk2 input[type="checkbox"]:checked + label span {
    background:url(/assets/image/Sub/checkbox2.png) 0 -24px no-repeat;
}

.input_radio input[type="radio"] {display:none}
.input_radio input[type="radio"] + label {color:#444;}
.input_radio input[type="radio"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:20px 5px 0 0;
    vertical-align:top;
    background:url(/assets/image/Sub/radio.png) 0 0 no-repeat;
}
.input_radio input[type="radio"]:checked + label span {
    background:url(/assets/image/Sub/radio.png) 0 -24px no-repeat;
}


/* modal popup */
.modal_pop{display:block;position:fixed;left:50%;transform:translateX(-50%);top:5%;margin:0 auto;width:1200px;padding:0;background-color:#fff;z-index:1002;/*padding-bottom:30px*/}
.modal_pop .pop_wrap{}
.modal_pop .pop_header{height:70px;line-height:70px;padding:0 20px;font-size:1.2em;font-weight:bold;background:#344781;border-bottom:1px solid #d2d2d2;color:#fff}
.modal_pop .pop_header span{display:block;width:80%;height:70px;padding-right:40px;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.modal_pop .closebtn {display:block;width:41px;height:41px;background:url(/assets/image/Sub/btn_close.png) center 50% no-repeat #25376b;border-radius:50%;position:absolute;top:15px;right:20px;overflow:hidden;text-indent:-9999px;}
.modal_pop .pop_content{padding:20px 0 0 0;height:100%;margin:0 auto;text-align:center;}
.modal_pop .pop_content:after{content:"";display:block;clear:both;}
.pop_content .btn_area{padding:0;/*height:100%;*/}
.modal_pop .pop_btn{margin-top:10px;height:50px}
.modal_pop iframe{width:1160px;height:500px;margin-left:20px;margin-bottom:30px}
#modal_mask{display:block;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0, 0, 0, .5);z-index:1;overflow:hidden}
#modal_mask2{display:block;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0, 0, 0, .5);z-index:1;overflow:hidden}
#modal_mask3{display:block;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0, 0, 0, .5);z-index:1;overflow:hidden}

/* find_id. find_pw */
.con_basic_tab{margin:10px auto 0;width:1200px;}
.con_basic_tab:after{display:block;content:"";clear:both; *zoom:1;}
.basic_tab {width:100%;margin-top:20px;padding:0;float:left;}
.basic_tab li {display:inline-block;text-align:center;height:50px;line-height:50px;border:1px solid #dbdbdb;border-right-width:0;border-bottom:0;font-size:1.1em;cursor:pointer;margin:0;float:left}
.basic_tab li:last-child{border-right-width:1px}
.basic_tab li.on{background:#2763ba;border-color:#2763ba}
.basic_tab li.on a{color:#fff}
.basic_tab li a{padding:14px 20px;color:#111}
.basic_tab li.on a i {color: #fff;}
.basic_tab li a i {margin: 0 0.7em 0 0; color: #666;}
.con_basic_tab .tab_container{width:1200px;height:100%;clear:both}
.con_basic_tab .tab_container:after{display:block;content:"";clear:both}
.con_basic_tab .tab_content{width:100%;padding:50px 0;text-align:center;float:left;overflow:hidden;border:1px solid #ccc;display:inline-block}
.find_wrap form {margin:0 auto;text-align:center}
.find_wrap input {
  display: block;
  width: 608px;
  height: 16px;	
  padding: 15px;
  border:1px solid #ccc;  
  color:#666;
  font-size:16px;
  margin:10px auto 10px;
}
.find_wrap .input_half{width:304px;display:inline-block}
.find_wrap .select_question{width:300px;padding:0 15px;height:48px;display:inline-block}
.find_wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#999;
}
.find_wrap ::-moz-placeholder { /* Firefox 19+ */
  color:#999;
}
.login_con :-ms-input-placeholder { /* IE 10+ */
  color:#999;
}
.find_wrap :-moz-placeholder { /* Firefox 18- */
  color:#999;
}
.find_wrap input:focus::-webkit-input-placeholder {
  color: #666;
}
.login_btn{margin:0 auto;text-align:center;padding-top:30px;display:block;content:"";clear:both; *zoom:1;}
.login_btn a{display:inline-block;height:26px;line-height:26px;padding:10px 40px;background:#005fca;border:none;color:#fff;font-weight:bold;}
.find_id{width:610px;height:60px;margin:20px auto 0;line-height:60px;background:#eceef3;color:#111;font-weight:bold}

/* 캘린더 : 2018.05.24*/
.find_wrap .con_basic_tab .tab_content {border: 0; border-top: 1px solid #ccc; padding: 50px 1.5em;}
.calendar_con td.fc-widget-header, .fc-widget-header {height: 58px;}

/* search */
.search_box{margin:0 auto;padding:42px 0;text-align:center;background:#f5f5f5;border-bottom:1px solid #ccc;border-top:2px solid #404041}
.search_box form{display:inline-block;margin:0 auto}
.search_box input{width:372px;height:53px;padding:0 18px;border:1px solid #2263bb;color:#666;font-size:1.0em;float:left}
.search_box button{width:111px;height:55px;background:#2263bb;font-size:1.2em;letter-spacing:-0.3px;border:none;color:#fff}
.search_box .input_chk{margin-left:20px}
.search_box .input_chk input[type="checkbox"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:14px 10px 0 0;
    vertical-align:top;
    background:url(/assets/image/Sub/checkbox1.png) 0 0 no-repeat;
}
.search_box .input_chk input[type="checkbox"]:checked + label span {
    background:url(/assets/image/Sub/checkbox1.png) 0 -25px no-repeat;
}
.search_content{margin-bottom:70px}
.search_result{padding:50px 0 35px}
.search_tt{height:80px;line-height:80px;border-bottom:1px solid #333}
.search_tt h5{display:inline-block;font-size:1.5em;font-weight:bold}
.search_tt a{float:right;color:#333}
.search_detail{padding-top:30px}
.search_detail li{margin-bottom:35px}
.search_result{font-size:1.4em;font-weight:bold;text-align:center}
.search_result .result_bold{color:#2263bb}
.s_detail_tt{display:block;margin-bottom:15px}
.s_detail_tt strong{color:#2263bb;font-size:1.2em;font-weight:bold;margin-right:15px}
.s_detail_tt span{color:#333}
.s_detail_con{color:#333}
.s_detail_con span{color:#f26522}
.s_detail_con p{line-height:1.6em}

.search_w {padding: 1.5em; box-sizing: border-box; border: 1px solid #ccc; margin: 0 0 2em 0;}
.search_w h4 {font-size: 1.7em; font-weight: 700;}
.search_con.outside {padding: 1.5em; box-sizing: border-box; background: #f5f5f5;}

.reserve_wrap{width:100%;height:100%}
.reserve_wrap .reserve_box{text-align:left;border:0;border-top:1px solid #ccc}
.reserve_tt{text-align:center;padding:10px 0 20px;word-break:keep-all}
.reserve_tt span{display:block;font-size:1.34em}
.reserve_tt strong{display:block;font-size:2.5em;font-weight:normal;letter-spacing:-1px;color:#2763ba}
.reserve_con{padding:20px 0}
.reserve_con .image_box{position:relative}
.image_box .img_main{width:800px;height:450px;padding:15px;border:1px solid #dbdbdb;margin:0 auto}
.img_main img{width:100%;height:100%}
.image_box .img_thum{width:830px;margin:30px auto 0}
.image_box .img_thum ul{text-align:justify;width:100%}
.image_box .img_thum li{float:left;width:19%;margin-right:1%;height:90px}
.image_box .img_thum li a{display:block;width:100%;height:100%;text-align:justify}
.image_box .img_thum ul:after {content:"";display:inline-block;width:100%}
.image_box .img_btn{width:100%;}
.img_btn span{display:inline-block;position:absolute;bottom:27px}
.img_btn span:first-child{left:100px}
.img_btn span:last-child{right:100px}
.reserve_con p{font-size:1.1em;margin-bottom:30px;color:#666}
.reserve_detail .detail_box .f_left{float:left}
.reserve_detail .terms_tt{height:100%}
.reserve_detail .login_btn{float:right;padding:0}
.detail_box{padding:20px 0}
.circle_box{width:100%;text-align:center}
.circle_box li{height:100%;margin:20px 10px 0 0;display:inline-block;vertical-align:top;}
.circle_box .img_wrap{display:block;width:200px;height:200px;overflow:hidden;border-radius:50%;border:1px solid #ccc;text-align:center}
.circle_box .img_txt{display:block;padding:20px 20px 0 0}
.contact_info{margin-bottom:30px}
.contact_info ul{padding-top:20px}
.contact_info ul li{list-style:square inside none; line-height: 1.5;}

.calendar_btn{width:100%;height:100%; margin: 0 0 1em 0;}
.calendar_btn:after{display:block;content:"";clear:both /* 영역인식 */}
.calendar_btn a{display:inline-block;padding:0 1.5em;text-align:center;font-size:1.0em;height:38px;line-height:38px;}
.calendar_btn .c_btn_w a{background:#fff;border:1px solid #000;color:#333}
.calendar_btn .c_btn_b a{background:#005fca;border:1px solid #005fca;color:#fff}
.btn_room_w {float: left; margin: 0;}
.calendar_btn .btn_room_w a.btn_all {color: #005fca; border: 1px solid #005fca;}
.calendar_btn .btn_room_w a.btn_all.on {color: #fff; background: #005fca;}
.calendar_btn .btn_room_w a.btn_k {color: #ffdb01; border: 1px solid #ffdb01;}
.calendar_btn .btn_room_w a.btn_k.on {color: #fff; background: #ffdb01;} 
.calendar_btn .btn_room_w a.btn_p {color: #3fd0e5; border: 1px solid #3fd0e5;}
.calendar_btn .btn_room_w a.btn_p.on {color: #fff; background: #3fd0e5;}
.calendar_btn .btn_room_w a.btn_m {color: #65c513; border: 1px solid #65c513;}
.calendar_btn .btn_room_w a.btn_m.on {color: #fff; background: #65c513;}
.calendar_btn .btn_room_w a.btn_b {color: #ff6581; border: 1px solid #ff6581;}
.calendar_btn .btn_room_w a.btn_b.on {color: #fff; background: #ff6581;}
.calendar_btn .btn_room_w a.btn_a {color: #a0410d; border: 1px solid #a0410d;}
.calendar_btn .btn_room_w a.btn_a.on {color: #fff; background: #a0410d;}
.calendar_btn .btn_room_w a.btn_g {color: #ffa90e; border: 1px solid #ffa90e}
.calendar_btn .btn_room_w a.btn_g.on {color: #fff; background: #ffa90e;}
.calendar_btn .btn_room_w a.btn_1 {color: #00aec5; border: 1px solid #00aec5;}
.calendar_btn .btn_room_w a.btn_1.on {color: #fff; background: #00aec5;}
.calendar_btn .btn_room_w a.btn_2 {color: #a0410d; border: 1px solid #a0410d;}
.calendar_btn .btn_room_w a.btn_2.on {color: #fff; background: #a0410d;}
.calendar_btn .btn_room_w a.btn_4 {color: #00aec5; border: 1px solid #00aec5;}
.calendar_btn .btn_room_w a.btn_4.on {color: #fff; background: #00aec5;}
.calendar_head{padding:20px 0 25px;text-align:center}
.c_month{width:180px;height:100%;display:inline-block;margin-left:-150px;padding-right:74px;text-align:center;position:relative}
.c_month_l{display:inline-block;width:100%;padding:0 10px;position:relative}
.c_month_r{display:inline-block;width:55px;height:100%;clear:both;position:absolute;top:6px;right:0}
.c_month a{display:inline-block;height:30px;line-height:30px;border:1px solid #cbcbcb;padding:0 10px;top:6px;color:#333}
.c_month .c_prev{position:absolute;width:7px;left:0;background:url(/assets/image/Sub/c_prev.png) center 50% no-repeat #fff}
.c_month .c_next{position:absolute;width:7px;right:0;background:url(/assets/image/Sub/c_next.png) center 50% no-repeat #fff}
.c_month .c_today{font-size:0.85em}
.c_month strong{display:block;margin:0 auto;font-size:2em;text-align:center;color:#555;letter-spacing:-1.5px}

.c_tab{width:150px;height:100%;float:left;padding-top:8px}
.c_tab li{width:47px;height:30px;line-height:29px;background:#f8f8f8;border:1px solid #cbcbcb;text-align:center;font-size:0.9em;font-weight:600;float:left;margin-right:-1px}
.c_tab li.on{background:#6691e5;border-color:#517ed7;color:#fff}
.calendar_con{width:100%}
.calendar_con table{width:99.9%;margin:0 auto}
.calendar_con th{background:#f4f5f8;border:1px solid #ccc;border-top:2px solid #2b405b;border-bottom:1px solid #000;text-align:center}
.calendar_con td{border:1px solid #ccc;vertical-align:top;padding:10px 0;font-size:0.9em}
.calendar_con .sat{color:#0000ff}
.calendar_con .sun{color:#df2519}
.calendar_con .d_today{background:#ffffcc}
.calendar_con a{padding-left:12px}
.d_event span{display:block;height:19px;background:#00aec5;border:1px solid #019aae;color:#fff;margin-top:4px;padding:2px 0;overflow:hidden;width:94%;margin:0 auto; border-radius: 2px;}
.d_event span.connect{width:99%}
.d_event span>a{display:block;width:90%;height:100%}
.login_btn .down_btn{background:url(/assets/image/Sub/download.png) 89% center no-repeat #005fca;padding-left:30px;padding-right:45px}

/* calendar color */
.c_blue {background: #3c83ea; border-color:#3c83ea;}
.c_orange {background: #f17b1c; border-color:#f17b1c;}
.c_green {background: #62ba28; border-color:#62ba28;}
.c_purple {background: #935de3; border-color:#935de3;}

.terms_wrap{word-break:keep-all}
.s_terms{padding:15px 0 25px}
.terms_tab{padding:15px 0 25px;border-top:1px solid #dbdbdb}
.terms_con{padding-top:10px}
.terms_con p{margin-bottom:20px; line-height: 1.6;}
.terms_email{padding:40px;border:1px solid #dbdbdb;margin-bottom:30px; line-height: 1.6;}
.biz_list{padding:30px;background:#f9f9f9;border:1px solid #dbdbdb;text-align:left}
.biz_list li{padding-bottom:17px; clear: both;}
.biz_list li span{display:inline-block;padding:3px 5px;margin-right:10px; margin-bottom: 1em; background:#415591;color:#fff; float: left;}


.history_bg{width:100%;height:100%;margin:20px 0;background:url(/assets/image/Sub/history_line.png) 50% 0 repeat-y}
.history_wrap{width:100%}
.history_wrap:after{display:block;content:"";clear:both /* 영역인식 */}
.s_history{display:block;width:50%;height:100%}
.history_year{padding:0 0 23px 25px;}
.history_year span{display:block;width:110px;height:40px; line-height:40px;background:#303862;/*background:url(/assets/image/Sub/history_year.png) 0 0 no-repeat;*/font-size:1.1em;font-weight:bold;color:#fff;text-align:center}
.history_year span:after{display:block;content:"";width:110px;height:14px;background:url(/assets/image/Sub/history_left.png) 0 0 no-repeat;}
.history_year:after{display:block;content:"";clear:both /* 영역인식 */}
.history_con li{padding-bottom:15px;position:relative; width:100%;}
.history_con li strong{display:inline-block;vertical-align:top;padding:0 25px; width: -webkit-calc(29% - 50px); width: -moz-calc(29% - 50px); width: -0-calc(29% - 50px); width: calc(29% - 50px);}
.history_con li p{display:inline-block;width:70%}
.year_point{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2763ba;position:absolute;top:5px}

.history_wrap:nth-child(odd) .s_history{text-align:right}
.history_wrap:nth-child(odd) .history_con{text-align:right}
.history_wrap:nth-child(odd) .history_con strong{float:right; text-indent: -20px;}
.history_wrap:nth-child(odd) .history_year{padding-right:25px}
.history_wrap:nth-child(odd) .history_year span{float:right;/*background:url(/assets/image/Sub/history_year1.png) 0 0 no-repeat*/}
.history_wrap:nth-child(odd) .history_year span:after{background:url(/assets/image/Sub/history_right.png) right 0 no-repeat;}
.history_wrap:nth-child(odd) .year_point{right:-5px}

.history_wrap:nth-child(even) .s_history{float:right;}
.history_wrap:nth-child(even) .year_point{left:-5px}

.bylaw{padding:30px 0 20px}
.bylaw h4{font-size:2.4em;text-align:center;padding-bottom:30px}
.bylaw .bylaw_bold{display:block;font-size:1.5em}
.bylaw_con{padding-bottom:40px}
.bylaw_con strong{display:block;font-size:1.2em;color:#005fca;padding:20px 0}
.bylaw_con p{line-height:1.9em}
.bylaw_con:after{display:block;content:"";clear:both /* 영역인식 */}

.border_bg{padding:10px;margin-top:50px;background:url(/assets/image/Sub/border_bg.png) 0 0 repeat}
.border_bg .border_con{padding:90px;background:#fff}

.border_bg2{height:100%;padding:4px;margin-bottom:10px;background:url(/assets/image/Sub/border_bg.png) 0 0 repeat}
.border_bg2 .border_con{background:#fff;text-align:center;padding:10px}
.border_bg2 .border_con p{font-size:1.1em;letter-spacing:-1px;padding:10px 0;margin:0}
.border_bg2 .border_con ul {padding: 30px 24px 30px 24px;}
.border_bg2 .border_con ul li {text-align: left; font-size: 17px; font-weight: 700; color: #333; padding: 5px 0 5px 15px; background: url('/assets/image/Sub/bullet_li.gif') 0 10px no-repeat;}

/* intro */
.greeting_w {width: 100%; margin: 50px 0;}
.greeting_l {width: 32.5%; float: left; padding: 0 80px; box-sizing: border-box;}
.greeting_l .greeting_pho {width: 100%; margin: 0 auto;}
.greeting_l .greeting_pho img {border-radius: 50%; width: 100%;}
.greeting_l dl {margin: 35px 0 0 0;}
.greeting_l dl dt {font-size: 1em; font-weight: 700; text-align: center; color: #666; line-height: 26px; letter-spacing: -0.05em;}
.greeting_l dl dd {font-size: 15px; color: #666; text-align: center; line-height: 26px; letter-spacing: -0.05em;}
.greeting_r {width: 67.5%; float: left;}
.greeting_r h5 {font-size: 1.8em; line-height: 1.5; margin: 0 0 1em 0; color: #333;}
.greeting_r h6 {font-size:1.35em; line-height: 1.5; margin: 0 0 0.75em 0; color: #444;}
.greeting_r p {font-size: 1em; line-height: 26px; color: #666; margin: 0 0 25px 0;}
.greeting_r p img {margin: 0 0 0 65px;}

.intro_img {width: 100%; margin: 60px 0 32px; text-align: center;}
.intro_txt {font-size: 1em; line-height: 1.5; color: #666; margin: 0 0 5em 0;}

.bubble_w {width: 100%; height: 450px; position: relative; margin: 0 0 47px;}
.bubble_w dl {position: absolute; border-radius: 50%; background: rgba(220,220,220,0.5); width: 245px; height: 245px; text-align: center; padding: 0 20px; box-sizing: border-box;}
.bubble_w dl:nth-child(1) {top: 0; left: 50%; margin-left: -235px;}
.bubble_w dl:nth-child(2) {top: 0; left: 50%; margin-left: -8px;}
.bubble_w dl:nth-child(3) {bottom: 5px; left: 50%; margin-left: -350px;}
.bubble_w dl:nth-child(4) {bottom: 5px; left: 50%; margin-left: -125px;}
.bubble_w dl:nth-child(5) {bottom: 5px; left: 50%; margin-left: 105px;}
.bubble_w dl dt {font-size: 5.5em; font-weight: 700; color: #35c3ee; padding: 30px 0 0; line-height: 1; font-style: italic;}
.bubble_w dl dd {font-size: 1em; font-weight: 700; color: #4295d1; padding: 0; line-height: 1.4; letter-spacing: -0.03em;}

.policy {width: 100%; margin: 0 0 72px 0;}
.policy ol {margin: 30px 0 0 0;}
.policy ol li {list-style: decimal; list-style-position:inside; font-size: 1.3em; font-weight: 700; color: #4395d2;}
.policy dl {width: 100%; margin: 20px 0 30px;}
.policy dl dd {font-size: 1em; color: #666666; font-weight: 400; line-height: 26px; padding: 0 0 0 10px; background: url('/assets/image/Sub/member_li.png') 0 10px no-repeat;}
.policy dl dd span {display: block;}
.policy dl dd span strong {display: block; color: #333; margin: 10px 0 0 0;}

.policy ul dl dd {background: none; padding: 0; margin: 0 0 26px 0;}
.policy ul dl dd span {display: inline; color: #4395d2; font-weight: 700;}
.policy ul dl dd strong {display: block;}

.cont_w {margin: 1.5em 0;}
.cont_w a {width: auto; height: 2.5em; padding: 0 1em; display: inline-block; background: #2763ba; color: #fff; line-height: 2.5em;}

.cont_w .terms_con p {padding: 0 0 0 0.75em; background: url('/assets/image/Sub/member_li.png') 0 0.5em no-repeat; line-height: 1.5; color: #444; margin: 0 0 0.5em 0;}
.cont_w .terms_con p.no_bg {background: none;}
.cont_w .terms_con .noti {background: url('/assets/image/Sub/c_next.png') 0 0.15em no-repeat; padding: 0 0 0 1em; font-weight: 700;}
.cont_w .terms_con .noti a.link {display: unset; background: none; color: #666; padding: 0;}
.cont_w h6 {font-size: 1.2em; font-weight: 400; color: #005fca; padding: 0.5em 0;}
.cont_w h6 span {color: #333; font-weight: 300;}
.cont_w h6 span.date {background: #f8f8f8; margin: 0 0.5em; padding: 0.25em 0.5em; font-size: 1em;}
.cont_w .table_w {width: 100%; overflow-x: auto; margin: 0 0 1.25em 0; position: relative;}
.cont_w .table_w span {margin: 0.5em 0 0 0; font-size: 0.8em}
.cont_w table {width: 100%; border-top: 2px solid #555555;}
.cont_w table th {background: #f8f8f8; border-bottom: 1px solid #555555; height: 47px; text-align: center; color: #313131; padding: 0 1em; white-space: nowrap; line-height: 1.5;}
.cont_w table th.bb {border-bottom: 1px solid #d9d9d9;}
.cont_w table td {padding: 1em 0; line-height: 1.5; border-bottom: 1px solid #d9d9d9; text-align: center; color: #555555; min-width: 5em;}
.cont_w table td.tl {text-align: left; min-width: 30em;}
.cont_w .terms_con table td p {margin: 0 1em;}
.cont_w table td.hr {border-bottom: 1px solid #555;}

.cont_resources {width: 100%; height: 491px; padding: 45px 0; margin: 0 0 70px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.cont_resources .cont_left {width: 40%; height: 100%; box-sizing: border-box; padding-left: 60px; float: left;}
.cont_resources .cont_right {width: 60%; float: left;}
.cont_resources .cont_right h5 {font-size: 26px; font-weight: 700; color: #111111; line-height: 1; padding: 15px 0 25px 0;}
.cont_resources .cont_right ul {width: 100%; background: #f4f5f8; box-sizing: border-box; padding: 35px;}
.cont_resources .cont_right ul li {font-size: 1em; color: #555; padding: 0 0 0.5em 1em; vertical-align: top; height: auto; line-height: 1.4; clear: both; background: url('/assets/image/Sub/bullet_li.gif') 0 5px no-repeat; word-break: break-all;}
.cont_resources .cont_right ul li strong {font-size: 1em; font-weight: 700; color: #555; padding: 0 0 0.5em 0; vertical-align: top;}
.cont_resources .cont_right dl {width: 100%; background: #f4f5f8; box-sizing: border-box; padding: 35px;}
.cont_resources .cont_right dl dt {font-size: 15px; font-weight: 700; color: #555555; line-height: 24px; display: inline-block; padding: 0 0 24px 0; vertical-align: top;}
.cont_resources .cont_right dl dd {font-size: 15px; color: #555555; line-height: 24px; display: inline-block; padding: 0 0 24px 0; width: -webkit-calc(100% - 125px); width: -moz-calc(100% - 125px); width: -o-calc(100% - 125px); width: calc(100% - 125px); }
.cont_resources .cont_right a {display: inline-block; width: 230px; height: 50px; font-size: 16px; color: #fff; line-height: 50px; background: url('/assets/image/Sub/eng/down.png') 100% 50% no-repeat #005fca; text-align: center; margin: 25px 0 0 0; padding: 0 1em 0 0;}
.cont_resources .cont_right a:hover {background: url('/assets/image/Sub/eng/down.png') 100% 50% no-repeat #004ca2;}

.cont_movie {width: 100%; height: 640px; background: url('/assets/image/Sub/eng/movie.jpg') 50% 50%; margin: 0 0 70px 0; padding: 50px 150px 80px 150px; box-sizing: border-box;}


.morality_box{padding-bottom:50px;border-bottom:1px solid #ccc}
.morality_box p{font-size:1.2em;text-align:center;line-height:1.7em;color:#344781}
.morality_box .emphasis{font-size:1.9em;color:#344781;text-align:center;padding-bottom:20px}
.morality_box .txt_bold{font-weight:700}
.morality_box .quote1{display:inline-block;width:24px;height:30px;background:url(/assets/image/Sub/quote1.png) 0 0 no-repeat;padding-right:10px}
.morality_box .quote2{display:inline-block;width:24px;height:21px;line-height:21px;background:url(/assets/image/Sub/quote2.png) 0 0 no-repeat;margin-left:10px}
.morality_list{padding-top:50px}
.morality_list li{padding:20px 0}
.morality_list strong{display:inline-block;width:60px;font-size:1.3em;font-weight:bold;color:#005fca;margin-right:30px;float:left}
.morality_list p{display:block}

.value_wrap h4{font-size:1.9em;font-weight:bold;padding:20px 0;color:#2763ba}
.value_box{width:100%;height:100%;padding-bottom:40px;}
.value_box:after{display:block;content:"";clear:both /* 영역인식 */}
.value_box .value_txt{padding-bottom:20px}
.value_box strong.mid_tt{margin-top:0}
.value_txt{padding:10px 0; position: relative;}
.value_txt p{line-height:2em}
.value_txt strong{font-weight:bold;color:#005fca}
.value_box .img_half{display:inline-block;width:48%;height:100%;padding:10px;border:1px solid #ccc;text-align:center}
.value_box .img_half img {width: 100%;}
.value_box .txt_half{display:inline-block;width:48%}
.value_box .txt_half p{line-height:2em}
.value_box .div_half{width:48%;display:inline-block}
.value_box .div_half span{display:block;width:100%;border:1px solid #ccc;text-align:center}
.value_box .div_half p{display:block;margin:20px 0 30px;line-height:1.8em}

.box_gray{padding:30px;background:#f9f9f9;border:1px solid #dbdbdb;text-align:center}
.box_white{padding:30px;background:#fff;border:1px solid #dbdbdb;text-align:center}

/* basic table */
.basic_table{padding-top:10px; position: relative;}
.basic_table table{width:100%;text-align:center}
.basic_table th{border:1px solid #d9d9d9;border-top:2px solid #555;border-bottom:1px solid #555;background:#f8f8f8;padding:15px; letter-spacing: -0.05em;}
.basic_table td{border:1px solid #d9d9d9;padding:15px 0}
.basic_table .border_left{border-left:none;}
.basic_table .border_right{border-right:none}
.th_line1 th{border-bottom:none}
.th_line1 th:first-child{border-bottom:1px solid #555 }
.th_line2 th{border-top:1px solid #d9d9d9}

.pop_con{padding:20px;word-break:keep-all}
.pop_img{width:100%;height:auto;padding-bottom:10px}
.pop_img img{width:auto}
.pop_detail_tb .first_line{border-top:2px solid #555}
.pop_detail_tb table{width:100%;text-align:left}
.pop_detail_tb th{width:20%;border:1px solid #d9d9d9;background:#f4f5f8;padding:20px 10px 20px 30px;border-left:none}
.pop_detail_tb td{border:1px solid #d9d9d9;padding:10px 10px 10px 20px;color:#888;border-right:none}
.pop_detail_tb td textarea {height: 75px;}
.pop_rule{text-align:left;padding:5px 10px 20px}
.pop_rule li{margin-bottom:8px}

.pop_con .tb_head {border-bottom: 2px solid #555; height: 3.5em; position: relative;}
.pop_cont .tb_head .tb_head_cnt {line-height: 50px;}
.pop_con .board-list-wrap {border-top: 0; max-height: 450px; overflow-y: auto;}
.pop_con .bbs_page {margin: 30px 0;}

.organization{padding:40px 0}
.organization img{width:100%}
/* 조직도 : 2018.05.08 */
.organization_1 ul {width: 100%; height: 450px;}
.organization_1 ul li {color: #333; height: auto}
.organization_1 ul li.head {width: 150px; height:150px; border-radius: 50%; background:#02348b; color: #fff; text-align:center; line-height:150px; margin:0 auto;}
.organization_1 ul li.head .head_con {width: 100%; margin :30px 0 0 -8px; height: auto;}
.organization_1 ul li.head .head_con li {line-height: 48px; border-radius: 0.5em; width: 163px; height:48px; border: 1px solid #494a4e; box-shadow: #415591 0 3px 0; position:relative; margin-bottom: 30px;}
.organization_1 ul li.head .head_con li.point {margin-bottom:68px; background: #427dd4; color: #fff; border: 1px solid #427dd4;}
.organization_1 ul li.head .head_con li span {position: absolute; display:block; width: 225px; height:48px; line-height:48px; border-radius: 0.5em; border: 1px solid #494a4e; left: 275px; top: 0; text-align: center; box-shadow: #415591 0 3px 0;}
.organization_1 ul li.head .head_con li span.left {left: -250px; top: 60px; text-align:center !important; color: #333;}
.organization_1 ul.part {width: 100%; height: 350px; margin: 30px 0 0 0; text-align: center;}
.organization_1 ul.part li {width: 33.33%; height: auto; display: block; border:0; float: left; box-shadow: none; vertical-align: top}
.organization_1 ul.part li span {display: block; width: 163px; height:48px; border: 1px solid #494a4e; margin: 1em auto 0 auto; border-radius: 0.5em; line-height: 48px;}

.organization_1 ul.part li:nth-child(2) span {margin: 3em auto 0 auto;}
.organization_1 ul.part li:nth-child(3) span {margin: 3em auto 0 auto;}
.organization_1 ul.part li:nth-child(even) {width: 16.66%;}
.organization_1 ul.part li dl {width: -webkit-calc(50% - 1em); width: -moz-calc(50% - 1em); width: -o-calc(50% - 1em); width: calc(50% - 1em); float:left; height: 14em; margin: 1.5em 1em 0 0; background: #fafafa; border-radius: 0.5em; border: 1px solid #d3d4d8; box-sizing: border-box;}
.organization_1 ul.part li:nth-child(even) dl {width: -webkit-calc(100% - 1em); width: -moz-calc(100% - 1em); width: -o-calc(100% - 1em); width: calc(100% - 1em); margin: 1.5em 0.5em 0 0.5em;}
.organization_1 ul.part li:nth-child(1) dl {margin: 3.5em 1em 0 0;}
.part li dl dt {color: #fff; display:block; height:50px; line-height: 50px; margin: 0 0 2em 0; background: #415591; box-shadow: #5577df 0 3px 0; border-radius: 0.5em;}
.part li dl dd {line-height: 1.8em; text-align:left; text-indent: 2.25em; background: url('/assets/image/Sub/org_bullet.gif') 20px 45% no-repeat;}
.organization_1 ul.part li dl.ahc {height:50px; border: 0; line-height: 50px; margin: 7.85em 0 0 0;}
.organization_1 ul.part li dl.ahc dt {background: #2da490; box-shadow: #2b8278 0 3px 0 ;border-radius: 0.5em;}
.organization_1 ul.part li dl.ai {margin: 1em 0 0; border:0; height: 53px}
.organization_1 ul.part li dl.ai dt {line-height: 1.2; height:34px; padding: 8px 0;background: #3a73db; box-shadow: #415591 0 3px 0; border-radius: 0.5em;}

/* 2018.05.29 */
.organization_1 ul.org {width: 100%; height: 50px;}
.organization_1 ul.org li.head {width: 12.5%; height: 48px; border-radius: 0; background: #fff; color: #333333; border: 1px solid #494a4e; line-height: 48px;}
.organization_1 ul.org li.line {width: 1px; height: 80px; background: #d9d9d9; margin: auto;}
.organization_1 ul.part_t {width: 100%; height: 100px; margin: auto;}
.organization_1 ul.part_t li {width: 18%; margin: 0 1%; float: left; background: #415591; height: 50px; color: #fff; text-align: center; font-size: 1em; letter-spacing: -0.05em;}
.organization_1 ul.part_t li.ahc {background: #2da490; display: none;}
.organization_1 ul.part_t li.ai {background: #3a73db;}
.organization_1 ul.part_t li a {width: 90%; height: 100%; padding: 0; display: inline-block; line-height: 50px;}
.organization_1 ul.part_t li a.dubble{line-height: 1.3; padding: 3px 0 0 0;}
.org_line img {width: 100%;}
.org_line img.pc {display: block;}
.org_line img.mobile {display: none;}

.part_01, .part_02, .part_03, .part_04, .part_05, .part_06, .part_07 {display: none;}
.active {display: block;}

.board_img{margin:0 auto;text-align:center}
.board_img:after{display:block;content:"";clear:both /* 영역인식 */}
.board_img ul{width:100%;height:100%;margin:0 auto;text-align:left}
.board_img ul:after{display:block;content:"";clear:both /* 영역인식 */}
.board_img li{display:inline-block;width:195px;height:320px;vertical-align:top;text-align:center}
.board_img img{width:168px;border:1px solid #dbdbdb}
.board_img span{display:block;width:170px;padding:20px 0;line-height:1.7em;margin:0 auto;letter-spacing:-1px;color:#555}

.tb_part tr>td:first-child{border-left:none}
.tb_board tr>td:first-child{border-left:none}
.tb_board tr>td:last-child{border-right:none}

.member_info li{padding:0 0 10px 10px;background:url(/assets/image/Sub/member_li.png) 0 8px no-repeat;line-height:1.6;}
.member_info li span{color:#666}
.member_info .txt_blue{display:block;font-weight:bold;color:#2763ba}
.member_info .btn_down{display:inline-block;margin:0 0 5px 5px;padding:4px 16px;border:1px solid #000;font-size:0.9em; color: #111;}
.terms_tt .btn_down{display:inline-block;margin:0 0 5px 5px;padding:8px 16px;border:1px solid #000;font-size:0.9em; color: #111;}
.member_contact{padding:45px 10px 45px 180px;border:1px solid #dbdbdb;background:url(/assets/image/Sub/member_contact.png) 50px 50% no-repeat}
.member_contact strong{padding:0;padding-bottom:4px;color:#333;font-size:1.3em;letter-spacing:-1px}
.member_contact span{font-size:1.1em}
.ci_wrap p{margin-bottom:20px}
.ci_wrap span{}
.ci_wrap img{width:100%}
.ci_wrap .ci_con{text-align:center}
.ci_wrap .ci_half{display:inline-block;margin-bottom:10px}
.ci_wrap .ci_half img{}
.ci_con p{text-align:left}

.map_area{width:100%;height:540px;border:1px solid #dbdbdb;margin-bottom:40px}
.subway_img{display:inline-block;float:left; width: 15%;}
.subway_txt{display:inline-block; float: left; width: 80%;}
.subway_txt dt{font-size:1.1em;font-weight:bold;color:#333;padding-bottom:8px}
.subway_txt dd{padding-bottom:8px}
.subway_color{color:#f26522}
.subway_wrap{padding-bottom:50px}
.subway_wrap li{height:100%;padding:20px 0}
.subway_wrap li:after{display:block;content:"";clear:both /* 영역인식 */}

.terms_tt h5.industry {color: #666;}
.terms_tt h5.industry span {color: #0054a6; background: none; padding: 0;}
.ihistory_box{text-align:justify;margin-bottom:40px; border-bottom: 1px solid #dcdcdc;}
.ihistory_box.last {border-bottom: 0;}
.ihistory_box .value_txt{padding:10px 0 0 0;}
.ihistory_box .value_txt p {line-height: 1.6em;}
.ihistory_box span{display:inline-block; position: relative;}
.ihistory_box span img {border: 1px solid #dcdcdc; border-bottom: 0;}
.ihistory_box.last span img {border: 1px solid #dcdcdc;}
.ihistory_box p{display:inline-block;width:57%; margin: 0 0 1.5em 0;}
.ihistory_box p span.point {color: #005fca; font-weight: 700;}
.ihistory_box p span.icon {display: inline-block; width: 1.0em; vertical-align: top; margin: 0.3em 0 0 0; color: #666;}
.ihistory_box p span.txt {display: inline-block; color: #333; font-weight: 400; width: -webkit-calc(100% - 1.25em); width: -moz-calc(100% - 1.25em); width: -o-calc(100% - 1.25em); width: calc(100% - 1.25em); word-break: break-word;}
.ihistory_box p span.txt span {display: inline; padding: 0; font-weight: 700;}
.ihistory_box span.ex {font-size: 1em; background: #7fa5dd; color: #fff; padding: 0.25em; margin: 0 0 0 1px; letter-spacing: -0.08em; line-height: 1.3; position: absolute; left: 0; bottom: 0; width: -webkit-calc(100% - 0.56em); width: -moz-calc(100% - 0.56em); width: -o-calc(100% - 0.56em); width: calc(100% - 0.56em); word-break: normal;}
.ihistory_box span.ex span {width: auto; display: inline;}
.ihistory_box:after{display:block;content:"";clear:both /* 영역인식 */}

.value_txt.box_gray {margin: 0 0 30px 0; line-height: 1.6;}

.value_wrap{padding-top:75px}
.value_wrap .box_tt{width:50%;margin:10px auto 5px;padding:0.8em 0;background:#fff;border:2px solid #004a93;color:#09459d;font-size:1.3em;font-weight:bold;}
.value_wrap .box_half{width:50%;height:100%;float:left}
.value_txt .mid_tt{display:block;font-size:1.3em;font-weight:700;margin:30px 0 10px}
.value_wrap .value_tt{display:block;font-size:2.4em;color:#222;text-align:center; line-height: 1; margin: 0 0 1.125em 0;}
.value_wrap .value_tt span {font-size: 0.5em; color: #666; font-weight: 400;}
.value_wrap .box_white{margin:20px 0}
.value_wrap .box_white:after{display:block;content:"";clear:both /* 영역인식 */}
.state1_1 {background: url('/assets/image/Sub/state1_1.jpg') 50% 100% no-repeat;}
.state1_2 {background: url('/assets/image/Sub/state1_2.jpg') 50% 100% no-repeat;}
.state1_3 {background: url('/assets/image/Sub/state1_3.jpg') 50% 100% no-repeat;}
.state1_4 {background: url('/assets/image/Sub/state1_4.jpg') 50% 100% no-repeat;}
.state1_5 {background: url('/assets/image/Sub/state1_5.jpg') 50% 100% no-repeat;}
.state1_6 {background: url('/assets/image/Sub/state1_6.jpg') 50% 100% no-repeat;}
.state1_7 {background: url('/assets/image/Sub/state1_7.jpg') 50% 100% no-repeat;}

.state2_1 {background: url('/assets/image/Sub/state2_1.jpg') 50% 100% no-repeat;}
.state2_2 {background: url('/assets/image/Sub/state2_2.jpg') 50% 100% no-repeat;}
.state2_3 {background: url('/assets/image/Sub/state2_3.jpg') 50% 100% no-repeat;}
.state2_4 {background: url('/assets/image/Sub/state2_4.jpg') 50% 50% no-repeat; background-size: cover;}
.state2_5 {background: url('/assets/image/Sub/state2_5.jpg') 50% 50% no-repeat; background-size: cover;}
.state2_6 {background: url('/assets/image/Sub/state2_6.png') 0 50% no-repeat;}
.state2_7 {background: url('/assets/image/Sub/state2_7.jpg') 0 50% no-repeat;}
.state2_8 {background: url('/assets/image/Sub/state2_8.jpg') 0 50% no-repeat;}
.state2_9 {background: url('/assets/image/Sub/state2_9.jpg') 0 50% no-repeat;}
.state2_10 {background: url('/assets/image/Sub/state2_10.jpg') 0 50% no-repeat;}
.state2_11 {background: url('/assets/image/Sub/state2_11.jpg') 0 50% no-repeat;}
.state2_12  {background: url('/assets/image/Sub/state2_12.jpg') 0 50% no-repeat; background-size: cover;}
.state2_13  {background: url('/assets/image/Sub/state2_13.jpg') 0 50% no-repeat;}

.state3_1 {background: url('/assets/image/Sub/state3_1.jpg') 50% 100% no-repeat;}
.state3_2 {background: url('/assets/image/Sub/state3_2.jpg') 50% 100% no-repeat;}
.state3_3 {background: url('/assets/image/Sub/state3_3.jpg') 50% 100% no-repeat;}
.state3_4 {background: url('/assets/image/Sub/state3_4.jpg') 50% 100% no-repeat;}

.value1_1 {background: url('/assets/image/Sub/value1_1.jpg') 100% 85% no-repeat;}
.value1_2 {background: url('/assets/image/Sub/value1_2.jpg') 100% 85% no-repeat;}

.value2_1 {background: url('/assets/image/Sub/value2_1.jpg') 50% 50% no-repeat;}
.value2_2 {background: url('/assets/image/Sub/value2_2.jpg') 50% 50% no-repeat; background-size: cover;}
.value2_3 {background: url('/assets/image/Sub/value2_3.jpg') 50% 50% no-repeat; background-size: cover;}
.value2_4 {background: url('/assets/image/Sub/value2_4.jpg') 50% 50% no-repeat; background-size: cover;}
.value2_5 {background: url('/assets/image/Sub/value2_5.jpg') 50% 50% no-repeat;}

.box_white.state2_3 {width: 100%; padding: 30px 200px 30px 0; box-sizing:border-box; font-size: 1.25em; color: #333333; font-weight: 400; line-height: 1.5;}
.value_wrap h4.state2_1, .value_wrap h4.state2_2, .value_wrap h4.state2_7, .value_wrap h4.state2_8, .value_wrap h4.state2_9, .value_wrap h4.state2_11, .value_wrap h4.state2_13 {width: 100%; height: 215px; padding: 100px 30px 30px; box-sizing:border-box; font-size: 1.25em; color: #333333; font-weight: 400; line-height: 1.5;}
.value_wrap h4.state3_1, .value_wrap h4.state3_3, .value_wrap h4.state3_4 {width: 100%; height: 215px; padding: 100px 30px 30px; box-sizing:border-box; font-size: 1.25em; color: #333333; font-weight: 400; line-height: 1.5;}
.value_wrap h4.value2_1 {width: 100%; height: 215px; padding: 100px 30px 30px; box-sizing:border-box; font-size: 1.25em; color: #333333; font-weight: 400; line-height: 1.5;}
.border_con.state3_2 {height: 200px; padding: 50px; box-sizing: border-box; position: relative;}
.border_con.value1_1 {height: 215px; padding: 50px; box-sizing: border-box; position: relative;}
.border_con.value2_5 {height: 180px; padding: 35px; box-sizing: border-box; position: relative;}
.state3_2 p, .value1_1 p, .value2_5 p {text-align: center; font-size: 1.6em; line-height: 1.5; color: #000;}
.state3_2 p strong, .value1_1 p strong, .value2_5 p strong {color: #2763ba;}
.cont_tit.consulting {position: relative; margin: 1.5em 0 0 0;}
.cont_tit.result {position: relative; margin: 0 0 1.5em 0; background: url('/assets/image/Sub/result.gif') 45px 50% no-repeat; padding: 2em 2em 1em 180px;} 
.cont_tit.result a {color: #333; font-weight: 700;}
.tab_container a.btn {background: #2763ba; color: #fff; font-weight: 700; display: inline-block; margin: 1em 0; padding: 1em 2em;}

span.source {width: auto; /*height: 30px;*/ padding: 0 30px; background: rgba(0,0,0,0.5); color: #fff; font-size: 0.8em; line-height: 1.5; position: absolute; right: 20px; bottom: 20px;}
.value_wrap h4 span {display: block; font-size: 1.85em; color: #2763ba; font-weight: 700;}


.tb_industry{width:90%;margin:20px auto;}
.tb_industry th{background:#00b5b5;color:#fff;padding:15px 5px;border-right:1px solid #fff}
.tb_industry td{padding:12px 10px;border-bottom:1px solid #00b5b5;color:#555}
.tb_industry tr:last-child td{border-width:3px}
.tb_industry .td_last{border-width:3px}
.tb_industry_wrap {position: relative;}
.tb_industry_wrap span{display:block;width:50%;margin:15px auto 0;font-size:0.9em;text-align:right;color:#666}
.tb_industry_wrap span.scroll_guide, .scroll_guide {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/assets/image/Sub/scroll_guide.png') no-repeat 50% 50% rgba(0,0,0,0.5);font-size: 0; text-indent: -9999px; z-index: 1; color: rgba(0,0,0,0) !important;}
.scroll_guide.off {display: none;}
.cont_w .table_w span.scroll_guide {margin: 0;}

.tb_industry_wrap .tb_add{text-align:left;padding:10px 10%;line-height:1.9em}


/* footer */
#footer .sitemap_btn{width:100%;height:52px;line-height:52px;border-bottom:1px solid #2c313d;text-align:center;display:none}
#footer .sitemap_btn a{display:block;width:100%;height:100%;color:#fff}
.foot_sitemap{padding:40px 0;height:100%;}
.foot_sitemap .foot_wrap{}
.foot_sitemap .foot_wrap:after{content:"";display:block;clear:both; *zoom:1;}

.foot_sitemap dl.fir{display:block;width:16.65%;float:left; margin-right: 4.18%;}
.foot_sitemap dl.fir.last {margin-right: 0;}
/*.foot_sitemap dl.fir dt{font-size:1.1em;font-weight:600;margin-bottom: 1em; padding: 0.5em 0; border-bottom: 1px solid #fff;}*/
.foot_sitemap dl.fir dt{font-size:1.4em;font-weight:600;margin-bottom: 1em; padding: 0.5em 0; border-bottom: 1px solid #fff;}
/*20201022*/
.foot_sitemap dl.fir dt a{color:#fff}
/*.foot_sitemap dl.fir dd{font-size:0.9em; line-height: 1.87em;}*/
.foot_sitemap dl.fir dd{font-size:1.1em; line-height: 2em;}
/*20201022*/
.foot_sitemap dl.fir dd a{color:#f0f0f0;}
.foot_sitemap dl.fir .depth_3 dd {font-size: 0.9em; line-height: 1.6; background: url('/assets/image/Sub/footer_bullet.gif') 0 0.6em no-repeat; padding: 0 0 0 0.6em;}
.foot_sitemap dl.fir .depth_3 .depth_4 dd {font-size: 1em; line-height: 1.6; background: none; padding: 0 0 0 0.6em;}
.foot_info{padding:30px 0;background:#414857;color:#fff;font-size:0.9em;font-weight:300}
.foot_info .foot_legal{padding:15px 0 15px;}
.foot_info .foot_legal span{margin:0 10px}
.foot_info .foot_legal a{color:#c2c3c7}
.foot_info .foot_address{color:#c2c3c7;}
.foot_info .foot_address span{display:block;margin:10px 0;padding-left:35px; height: 18px;}
.foot_info .foot_address span:nth-child(1){background:url(/assets/image/Sub/foot_call.png) 0 0 no-repeat}
.foot_info .foot_address span:nth-child(2){background:url(/assets/image/Sub/foot_address.png) 0 0 no-repeat}
.foot_info .foot_address span:nth-child(3){background:url(/assets/image/Sub/foot_part.png) 0 0 no-repeat}

.foot_info .foot_address a{color:#c2c3c7;}
.foot_copy{text-align:center;color:#c2c3c7;font-size:0.8em;font-weight:300;padding:20px 0}
.foot_copy .footwrap{}

/* sidemenu */
.head_top_b .right_btn{position:absolute;right:20px;top:25px;display:none;}
.head_top_b .right_btn span{display:inline-block;width:30px;height:30px}
.right_btn .r_btn_srch{background:url(/assets/image/Sub/r_btn_srch.png) 0 1px no-repeat}
.right_btn .r_btn_open{background:url(/assets/image/Sub/r_btn_open.png) 0 0 no-repeat}

#pop_mask{display:none;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0, 0, 0, .5);z-index:1000;overflow:hidden}
#sidemenu{z-index:1000}
.side_info{height:125px;padding:14px 0 2px 10px;background:#004993;color:#fff;line-height:33px}
.side_info h5{text-align:center}
.side_info span{padding-left:5px}
.side_info .side_btn{padding-top:8px;margin:0 auto;text-align:center}
.side_info .side_btn a{display:inline-block;width:84px;height:32px;line-height:32px;font-size:0.8em;text-align:center;background:#2664a3;color:#fff}
.menu_1d{background:#143469;}
.menu_1d .menu_1d_tt{border-bottom:1px solid #10274e;font-size:0.9em;font-weight:400;padding:12px 5px 12px 20px;color:#fff;display:block;background:url('/assets/image/Sub/sm_1d_open.png') right 23px center no-repeat;/*transition: 0.3s;*/}
.menu_1d li:first-child .menu_1d_tt{border-top:1px solid #10274e}
.menu_1d .menu_1d_tt.open{background:url('/assets/image/Sub/sm_1d_close.png') right 23px center no-repeat;}
.menu_1d li ul{display:none;}
.menu_1d li:last-child{border-bottom:1px solid #10274e;}
.menu_2d{font-size:0.9em;background:#fff;color:#000}
.menu_2d>li{border-bottom:1px solid #dedede;background:url('/assets/image/Sub/sm_2d_open.png') right 26px center no-repeat}
.menu_2d li:last-child{border-bottom:none}
.menu_2d li a{display:block;width:75%;padding:10px 38px 10px 20px;color:#000;word-break:normal}
.menu_2d li a.open{color:#004993;}
.menu_3d{border-top:1px solid #dedede;background:#f3f3f3;padding:5px 0}
.menu_3d li{padding-left:10px;border:none}
.menu_3d li a{padding:8px 0 8px 20px;;word-break:normal}

/*20200129 sidebtn - snsicon*/
.side_btn .sns_icon {
    width: 100%;
    height: 30px;
    margin-top: 10px;
}

.side_btn .sns_icon a {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.side_btn .sns_icon::after {content: '';display: block;clear: both;}

.side_btn .sns_icon li {
    width: 18%;
    height: 30px;
    display: inline-block;
}

.side_btn .sns_icon a[title="유튜브"] { background-image: url(/assets/image/Sub/icon_youtube.png);}
.side_btn .sns_icon a[title="블로그"] { background-image: url(/assets/image/Sub/icon_blog.png);}
.side_btn .sns_icon a[title="인스타그램"] { background-image: url(/assets/image/Sub/icon_instagram.png);}
.side_btn .sns_icon a[title="뉴스레터"] { background-image: url(/assets/image/Sub/icon_newsletter.png);}
/****************************/

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 278px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Stay on top */
    top: 0; /* Stay at the top */
    right: -279px;
    background: #fff;
    overflow: hidden; /* Disable scroll */	
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	border-left:1px solid #004993;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
	height:20px;
	color:#fff;
	display:block;
	background:url(/assets/image/Sub/sm_close.png) right 50% no-repeat;
}


/* 일반게시판_목록 */
.board-list-wrap {border-top:2px solid #555555;width:100%;}
.board-list-table tr.notice {background:#f4f7fb;}
.board-list-table {width:100%;border-collapse:collapse;text-align:center;table-layout:fixed;font-size:1em;}
.board-list-table th {border-bottom:1px solid #555555;border-top:0;background:#ffffff;padding:15px 0 16px;color:#222; white-space: nowrap;}
.board-list-table tr:hover td {background-color:#f4f5f8;}
.board-list-table td {border-bottom:1px solid #d9d9d9;padding:14px 3px;}
.board-list-table td .title {display:block;width: -webkit-calc(100% - 1em); width: -moz-calc(100% - 1em); width: -o-calc(100% - 1em); width: calc(100% - 1em);float:left; text-align: left; padding-left: 1em;}
.board-list-table td .title a {display:inline-block;width:auto;max-width:85%;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
/* col 사이즈 지정 */
.board-list-table .use {width:5%;text-align:center;}
.board-list-table .num {width:7%;text-align:center;}
.board-list-table .subject {width:auto;text-align:left;padding-left:2%;padding-right:2%;}
.board-list-table .writer {width:15%;word-wrap:break-word;}
.board-list-table .date {width:19%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-list-table .cnt {width:8%;}
.board-list-table .down {width:8%;}
.board-list-table .company {width:10%;}
.board-list-table .year {width:8%;text-align:center;}

/* 일반게시판_읽기 */
.board-view-wrap {border-top:2px solid #555555;width:100%;}
.board-view-table {width:100%; border-collapse:collapse; margin:0;}
.board-view-table th {width:20%; padding:15px 10px; border-bottom:1px solid #d9d9d9; background:#f4f5f8; font-weight:600; text-align:center;}
.board-view-table td {padding:15px 10px 15px 25px; border-bottom:1px solid #d9d9d9;}
.board-view-table td a { color:#333; word-break: break-all;}
.board-view-table td a:hover { text-decoration:underline;}
.board-view-table .vtitle {text-align:center;color:#333;font-weight:600;font-size:1.2em;padding:18px 25px;width:100%;word-break:break-all; background:#fff; border-bottom:1px solid #555555}
.board-view-table .bbs_content {min-height:150px; text-align:left; position:relative; line-height: 1.6;}
.board-view-table .bbs_content img { height:auto;}
.board-view-table .interview{text-align:left}
.board-view-table .interview embed{position:static !important}
.board-view-table table {border: 1px solid #d9d9d9; border-collapse: collapse;}
.board-view-table table td {border: 1px solid #d9d9d9;}

.board-view-table h3 {font-size: 1.3em;}

/* 일반게시판_쓰기 */
.board-write-wrap {border-top:2px solid #555555;width:100%;}
.board-write-table {width:100%; border-collapse:collapse; margin:0;}
.board-write-table tbody th {padding:15px 10px;border-bottom:1px solid #ddd;font-size:1em;color:#000;text-align:left;width:20%;background: #f4f5f8; font-weight:normal;}
.board-write-table th label {padding:0 18px 0 10px;position:relative;}
.board-write-table tbody td {border-bottom:1px solid #ddd;padding:10px 10px 10px 15px;width:80%;border-right: 1px solid #bac2ca;}
.board-write-table tbody td.textbox textarea {line-height:1.4;}
.board-write-table input.text { font-size:1em;vertical-align:middle;height:35px;line-height:32px;background:#f8f8f8;border:1px solid #cccccc;}
.board-write-table td label {padding-right:5px;}
.board-write-table td select {height:37px;min-width:100px;vertical-align:middle;}
.board-write-table input[type="radio"], .board-write-table input[type="checkbox"] {vertical-align:middle;}
.board-write-table th:last-child, .board-write-table td:last-child {border-right:0;}
.board-write-table td h3 {font-size: 1.3em;}
.board-write-table td h4 {font-size: 1.3em; padding: 0.5em 0;}
.board-write-wrap td a {display: inline-block; padding: 0 0.75em; height: 35px; line-height: 35px; background: #00ABC7; color: #fff; vertical-align: bottom;}
.board-write-wrap td .cke_inner cke_reset a {background: none; padding: 0; height: unset; line-height: 1;}
.board-write-wrap td span a  {background: none; height: unset; line-height: 1; padding: 4px 6px;}

/* eng */
.side_info.eng {height: 33px; padding: 15px 0 15px 10px;}
.head_top_b .eng .menu {width: 25%;}
.head_top_b .eng .open_menu {width: 272px;}
.head_top_b .eng .menu:last-child .open_menu {margin: 0 50px 0 0;}
.head_top_b .eng .open_menu li a {line-height: 1.2;}

.eng .Subway_wrap li {padding: 0.3em 0.6em; font-size: 16px; color: #666; background: url('/assets/image/Sub/org_bullet.gif') 0 0.7em no-repeat;}

.cont_w .directors p {width: 100%; font-size: 1.25em; margin: 1.25em 0; font-weight: 700; color: #4395d2;}
.cont_w .directors.w45p {padding: 0 5% 0 0; float: left;}
.cont_w .directors.w100p:before {clear: both; display: table; content: '';}
.cont_w .directors.w100p {margin: 0 0 3em 0; display: table;}
.cont_w .directors dl {width: 100%; margin:0;}
.cont_w .directors dl dt {display: inline; font-size: 1em; font-weight: 700; color: #666; line-height: 30px;}
.cont_w .directors dl dd {display: inline; font-size: 1em; font-weight: 400; color: #666; line-height: 30px;}

.cont_w.eng .terms_tt {clear: both;}
.cont_w.eng .cont_w h6 {font-size: 1.25em; font-weight: 700; color: #4395d2; letter-spacing: -0.05em;}
.cont_w.eng ul li {background: url('/assets/image/Sub/bullet_country.gif') 0 0.65em no-repeat; line-height: 1.4; padding: 0.1em 0 0.1em 1em; letter-spacing: -0.025em;}
.cont_w.eng .link_w {width: 48%; box-sizing: border-box; padding: 1.5em 1.875em 2.5em; border: 1px solid #ccc; min-height: 265px; margin: 0 0 1.875em 0;}
.cont_w.eng .link_w:nth-child(odd) {float: left;}
.cont_w.eng .link_w:nth-child(even) {float: right;}
.cont_w.eng .link_w a {display: inline; background: none; color: #000; padding: 0; height: unset; line-height: 1.6em;}

.cont_w.eng .value_txt {padding: 0.5em 0 0 0; margin: 0 0 0.5em 0;}
.cont_w.eng .value_txt table {border-top: 4px solid #4295d1; border-bottom: 3px solid #4295d1;}
.cont_w.eng .value_txt table th {background: none; color: #4295d1; font-weight: 700; height: 39px; border-bottom: 1px solid #4295d1;}
.cont_w.eng .value_txt table td {background: none; color: #606a71; font-weight: 700; color: #606a71; border-bottom: 1px solid #4295d1;}
.cont_w.eng .value_txt table .tr_pd {text-align: right; padding: 0 4em 0 0;}
.cont_w.eng .value_txt h5 {font-size: 1.25em; font-weight: 700; color: #4395d2; margin: 1.5em 0 1em 0;}
.cont_w.eng .value_wrap {padding-top: 3em; clear:both;}
.cont_w.eng .value_wrap p, .cont_w.eng .value_txt p {font-size: 1em; color: #666; line-height: 1.6;}
.cont_w.eng .value_wrap p.tit {font-size: 1.5em; font-weight: 700; color: #4295d1;}
.cont_w.eng .value_txt p.tit2 {font-size: 1.25em; font-weight: 700;  color: #00b5b5; margin: 1.5em 0 0.5em 0;}
.cont_w.eng .value_txt ul li {color: #666;}
.cont_w.eng .value_wrap span {font-size: 0.9em; color: #666666; clear: both;}
.cont_w.eng .value_wrap .tc h5 {margin: 4em 0 1em 0; font-size: 1.2em; color: #4295d1;}
.cont_w.eng .value_wrap .tc h5 strong {font-size: 2em;}
.cont_w.eng .value_wrap .tc p {font-size: 1.25em; line-height: 1.6;}

.eng .foot_sitemap dl {width: 23%; padding: 0 2% 0 0; float: left;}
.eng .foot_sitemap dt{font-size:1.1em;font-weight:600;margin-bottom:1em; padding: 0.5em 0; border-bottom: 1px solid #fff;}
.eng .foot_sitemap dt a{color:#fff}
.eng .foot_sitemap dd{font-size:0.8em;margin-bottom:5px}
.eng .foot_sitemap dd a{color:#c0c1c5;}

#footer .sitemap_btn_e {width:100%;height:52px;line-height:52px;border-bottom:1px solid #2c313d;text-align:center;display:none}
#footer .sitemap_btn_e a{display:block;width:100%;height:100%;color:#fff}

@media (max-width: 1500px) and (min-width: 992px) {
	.path_nav {width: auto; padding: 0 100px;}
}

/* 가로 해상도가 1199px 보다 작은 화면에 적용 */
@media (max-width: 1199px) {
	#header .path_nav {width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); padding: 0 50px;}
	#footer .foot_wrap{width:auto;padding:0 3%}
	.head_top_b .head_lnb {width: -webkit-calc(100% - 305px); width: -moz-calc(100% - 305px); width: -o-calc(100% - 305px); width: calc(100% - 305px);}
	.box_white img{width:100%}
	.box_gray img{width:100%}
	
	#container {width: 100%; padding: 0 20px; box-sizing: border-box;}
	
	.cont_resources .cont_left {padding-left: 0; text-align: center;}
	.cont_resources .cont_left img {width: 80%;}
	
	.cont_periodicals {}
	.cont_periodicals .cont_left {padding-left: 0; text-align: center;}
	.cont_periodicals .cont_left img {width: 80%;}
	.portal {height: 435px;}
	.portal dl dt.long {width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px);}

	.page_data .basic_tab li a {padding: 14px 15px;}
	
	.edu a {width: 70%;}
	
	.con_basic_tab {width: calc(100% - 60px); padding: 0 30px;}
	.con_basic_tab .tab_container {width: 100%;}
	
	.ihistory_box {width: 100%;}
	.ihistory_box p {width: 65%;}
	.ihistory_box p span {display: inline;}
	.ihistory_box span {width: 30%;}
	.ihistory_box span img {width: 100%;}
	
	.gallery_wrap .gallery_box {width: -webkit-calc(33.33% - 1em); width: -moz-calc(33.33% - 1em); width: -o-calc(33.33% - 1em); width: calc(33.33% - 1em); height: auto; padding: 0 0.5em 0.5em;}
	.gallery_wrap .gallery_box a {width: 100%; height: auto;}
	.gallery_box strong {font-size: 1em;}
	.gallery_box span {font-size: 0.9em;}
	.gallery_wrap .gallery_img {height: 20vw;}
	
	.value_wrap {padding-top: 1.5em;}
	.value_box {padding-bottom: 0;}
	.tb_industry_wrap {overflow-x: auto;}
	
	.botton_line {width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); margin: 0 30px;}
	
	.cont_tit.consulting {width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); margin: 1.5em 30px;}
	.cont_w {width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); margin: 0 30px;}
	.cont_w img {width: 100%;}
	.cont_w.eng .value_wrap .tc p {font-size: 1em;}
	.cont_w.eng .cont_w img {width: auto;}
	.reserve_con p {line-height: 1.5;}
	
	.country_w .country_flag img {width: 80%;}

	.cont_w.eng .value_txt {width: 100%; overflow-x: auto;}
	
	.flag_w p a img {width: unset; height: 2vw;}
	

}

/*태블릿 디바이스 (가로 해상도가 992px 보다 작은 화면에 적용)*/
@media (max-width: 991px) {
	#header .path_nav {widht: 100%; padding: 0;}
	#top{visibility: hidden}
	#container{width: -webkit-calc(100% - 6%); width: -moz-calc(100% - 6%); width: -o-calc(100% - 6%); width: calc(100% - 6%);padding:20px 3%}	
	#header .head_top{height:80px}
	#header .head_top_a{display:none}		
	.head_top_b .head_lnb{display:none}
	.head_top_b .head_logo{margin-top:15px}
	.head_top_b .right_btn{display:block;}
	.head_top_b .dday {margin: 1em 0 0;}
	.head_mid{height:200px}
	.head_mid p{display:none}	
	.head_bottom .path_nav{padding:0 3%}	
	.path_nav span{display:none}
	.bbs_write dt{font-size:0.8em;width:17%;padding:0 0.5em;}		
	.bbs_write dd{width:77%}
	.bbs_write .tb_file dd{width:75%;}
	.tb_file .upload_text{width:79%}
	.bbs_write dl.tb_con textarea{width:103%}	

	.gallery_wrap{width:100%}
	.gallery_wrap .gallery_box {width: -webkit-calc(50% - 1em); width: -moz-calc(50% - 1em); width: -o-calc(50% - 1em); width: calc(50% - 1em);}
	.gallery_wrap .gallery_box a{width:96%;margin:0;}


	.gallery_img img {height: 100%;}
	.gallery_wrap .gallery_box {width: -webkit-calc(100% - 1em); width: -moz-calc(100% - 1em); width: -o-calc(100% - 1em); width: calc(100% - 1em);}
	.gallery_box:nth-child(odd) a {margin-right: 0;}
	.gallery_box:nth-child(even) a {margin-left: 0;}
	.gallery_box strong {height: 1.4em}
	.gallery_wrap .gallery_img {height: 50vw;}
	
	.login_wrap{border:1px solid #d9d9d9;border-top:2px solid #555}
	.login_img{display:none}
	.login_con{width:80%;margin:0 auto;padding-left:10%;padding-right:10%}
	.login_con form{width:100%;}	
	.login_con input{width:72%}
	.login_con button{width:20%;margin-left:2%}
	.login_btn{width:100%}
	.login_btn a{padding:10px 14.5%;}
	
	.basic_wrap{width:100%}
	.terms_box{width: -webkit-calc(100% - 42px); width: -moz-calc(100% - 42px); width: -o-calc(100% - 42px); width: calc(100% - 42px);}
	.join_txt{display:none}
	
	.w_email .input_mid{width:29%}
	.join_write .sel_long{width:96%}
	.join_write .input_long{width:94%}	
	.con_basic_tab{width:auto;}
	.basic_tab li{display:block;width:100%;padding:0;border-right-width:1px}
	.con_basic_tab .basic_tab li a{display:block;width:100%;padding:0}
	.con_basic_tab .tab_container{width:100%;}
	.con_basic_tab .tab_content{width:100%;}
	.find_id{width:80%;}
	.find_wrap .input_half{width:80%}
	.find_wrap input{width:80%}
	.find_wrap .select_question{width:84%}
	.search_box .input_chk{display:block;text-align:left;line-height:52px;margin-left:17px}
	.search_box{width:100%}
	.search_box form{}
	.search_box input{display:inline-block;float:left}
	.search_box button{display:inline-block;float:left}
	.modal_pop{display:block;position:fixed;width:100%;left:0;top:7%;transform:none;margin:0 auto;padding:0;background-color:#fff;z-index:1002;}
	.modal_pop .pop_header{}
	
	.modal_pop .pop_content{padding:20px 0 30px;height:100%;margin:0 auto;text-align:center;}
	.modal_pop .pop_content:after{content:"";display:block;clear:both;}
	.modal_pop .pop_btn{margin-top:10px;height:50px}
	.modal_pop iframe{width:90%;min-height:250px;margin-left:20px;margin-bottom:30px}
	
	.image_box .img_btn{display:none}
	.image_box .img_main{width:80%;height:auto;padding:10px}
	.image_box .img_main img{width:100%;height:auto}
	.image_box .img_thum{width:88%;margin-top:10px}
	.image_box .img_thum li img{width:100%;height:auto}
	.reserve_detail .reserve_btn{display:none}
	.basic_table{overflow-x: auto;}
	.reserve_detail .basic_table{overflow-x:scroll}
	.reserve_detail .basic_table table{width:1200px}
	.detail_box .login_btn a{padding:10px 40px}
	.pop_img img{width:70%}
	.box_white img{width:100%}
	.box_gray img{width:100%}
	.value_box img{width:100%}
	.value_box .img_half  {width: -webkit-calc(40% - 20px); width: -moz-calc(40% - 20px); width: -o-calc(40% - 20px); width: calc(40% - 20px);}
	.value_box .txt_half {width: 58%;}
	.value_box .img_half img{width:100%}
	.value_wrap .box_half img{width:100%}
	/* 조직도 : 2018.05.08 */
	.organization_1 ul li.head {margin: 0;}
	.organization_1 ul li.head .head_con {margin: 30px 0 0 0;}
	.organization_1 ul li.head .head_con li span.left {left: 275px;}
	.organization_1 ul.part li {width: 100%; padding: 0 0 2em 0;}
	.organization_1 ul.part li:nth-child(even) {width: 100%;}
	.organization_1 ul.part li span, .organization ul.part li:nth-child(even) span, .organization ul.part li:nth-child(3) span {margin: 0 0 1em 0;}
	.organization_1 ul.part li:nth-child(1) dl, .organization ul.part li:nth-child(even) dl, .organization ul.part li dl {width: -webkit-calc(50% - 2em); width: -moz-calc(50% - 2em); width: -o-calc(50% - 2em); width: calc(50% - 2em); margin: 0 1em; padding: 0 0 1em 0; height: auto;}
	.organization_1 ul.part li dl.ahc, .organization ul.part li dl.ai {padding: 0; height: 3.5em;}
	
	.organization_1 ul.part_t {width: 100%; height: auto; margin: 1em auto;}
	.organization_1 ul.part_t:after {clear: both; content: ''; display: table;}
	.organization_1 ul.part_t li {width: 45%; margin: 0 2.5% 2%;}
	.organization_1 ul.part_t li a.dubble {line-height: 50px;}
	.org_line img {width: 5%; float:left;}
	.org_line img.pc {display: none;}
	.org_line img.mobile {/*display: block;*/}
	
	/* 회원사 */
	.state_info {height: 370px}
	.photo_w {width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0 20px 0 0;}
	.info_w {width: 50%; padding: 0;}
	
	.state_view td .addr {width: 100%;}
	.state_view td .zip_w {float: unset; position: unset; margin: 0 0 5px 0; display: block;}
	
	/* intro */
	.greeting_l {width: 100%; float: unset; margin: 0 0 20px 0; padding:0;}
	.greeting_l .greeting_pho {width: 35%; float: left; text-align: center;}
	.greeting_l dl {width: -webkit-calc(60% - 4em); width: -moz-calc(60% - 4em); width: -o-calc(60% - 4em); width: calc(60% - 4em); float:left; margin: 5em 0 0 2em;}
	.greeting_l dl dt {text-align: left; width: 100%}
	.greeting_l dl dd {text-align: left; width: 100%}
	.greeting_l:after {clear: both; display: table; content: '';}
	.greeting_r {width: 100%; float: unset;}
	
	
	/* 자료실 2018.05.24 */
	.portal {width: -webkit-calc(50% - 17px); width: -moz-calc(50% - 17px); width: -o-calc(50% - 17px); width: calc(50% - 17px); height: 364px}
	.portal:nth-child(2), .portal:nth-child(5) {margin: 0;}
	.portal:nth-child(odd) {margin: 0 15px 30px 0;}
	.portal:nth-child(even) {margin: 0 0 30px 15px;}
	
	.cont_tit.etc {background: url('/assets/image/Sub/etc_tit_bg.gif') 45px 20% no-repeat;}
	.cont_tit.etc a {display: block; text-align: center; margin: 10px 0 0 0;}
	.cont_tit.etc a span {float: right; padding: 18px 30px 18px 0; width: 0;}

	
	.edu {width: -webkit-calc(50% - 17px); width: -moz-calc(50% - 17px); width: -o-calc(50% - 17px); width: calc(50% - 17px);}
	.edu:nth-child(2), .edu:nth-child(5) {margin: 0;}
	.edu:nth-child(odd) {margin: 0 15px 30px 0;}
	.edu:nth-child(even) {margin: 0 0 30px 15px;}
	
	.ihistory_box p {width: 57%;}
	.ihistory_box span {width: 40%;}
	.ihistory_box span img {border-bottom: 1px solid #dcdcdc;}
	
	.border_con.value1_1 {padding: 1em; height: auto;}
	.border_con.value2_5 {padding: 1em; height: auto;}
	.border_con.state3_2 {padding: 1em; height: auto;}
	.state3_2 p, .value1_1 p, .value2_5 p {font-size: 1em; letter-spacing: -0.05em; margin: 0 0 1em 0;}
	span.source {/*height: 1em;*/ font-size: 0.8em; padding: 0.25em 0.5em; line-height: 1; right: 0.7em; bottom: 0.7em;}
	
	.subway_img{width: 20%;}
	.subway_txt{width: 75%;}
	
	.botton_line {display: none;}
	
	.find_wrap .con_basic_tab .tab_content {width: -webkit-calc(100% - 52px); width: -moz-calc(100% - 52px); width: -o-calc(100% - 52px); width: calc(100% - 52px);}
	
	.join_sent {font-size: 0.8em;}
	
	.cont_w table th {font-size: 1em;}
	.cont_w table td {font-size: 1em;}
	
	.board-view-table table {width: 100% !important; height: auto !important;}
	.board-view-table table td {line-height: 1.5;}
	
	.world_tab {height: 330px;}
	.world_tab ul li {width: calc(50% - 1px);}
	.world_tab ul li:nth-child(1) {width: calc(50% - 1px)}
	.world_tab ul li:nth-child(1), .world_tab ul li:nth-child(3), .world_tab ul li:nth-child(5), .world_tab ul li:nth-child(7), .world_tab ul li:nth-child(9), .world_tab ul li:nth-child(11) {border: 1px solid #d9d9d9; border-right: 0; border-bottom: 0;} 
	.world_tab ul li:nth-child(2), .world_tab ul li:nth-child(4), .world_tab ul li:nth-child(6), .world_tab ul li:nth-child(8), .world_tab ul li:nth-child(10), .world_tab ul li:nth-child(12), .world_tab ul li:nth-child(14) {width: calc(50% - 2px);border: 1px solid #d9d9d9; border-bottom: 0;}
	.world_tab ul li:nth-child(13) {border: 1px solid #d9d9d9; border-right: 0;}
	.world_tab ul li:nth-child(14) {border: 1px solid #d9d9d9;}
	
	.country_w .country_flag {width: 20%;}
	.country_w .country_info {width: 80%;}
	
	.board-view-table .bbs_content img {width:100% !important;}
	.bbs_content iframe {width: 100% !important;}
	
	/* eng */
	
	.cont_w .directors.w45p {width: 100%; padding: 0;}
	.cont_w .directors .w33p {width: 100%;}
	.cont_w.eng .link_w {width: 100%; min-height: unset;}
	
	.cont_w.eng .w50p {width: 100%; padding: 0; margin: 0 0 2em 0;}
	.cont_w.eng .cont_w img {width: 50%;}
	
}



/* 가로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용) */
@media (max-width: 767px) {
	.head_top_b .dday {display: none;}
	.con_body {font-size: 1em;}
	
	 /* 일반게시판_목록 */
	.board-list-table thead {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
	.board-list-table th, .board-list-table td {border:0;}
	.board-list-table tbody tr {position:relative;overflow:hidden;display:block;width:100%;border-bottom:1px solid #ddd;float:left;}
	.board-list-table tr:hover td {background-color:transparent;}
	.board-list-table td {display:block;min-height:25px;}
	.board-list-table td .title {padding-left: 0;}
	.board-list-table td .title a {max-width:88%; /*padding-left:20px;*/}
	.board-list-table.edu {border: none;}
	.board-list-table.edu td .title a {background: none; height: unset; line-height: 1.2;}
	.board-list-table .use { position:absolute; top:3px;}
	.board-list-table .num {display: none;float:left;padding-bottom:0;}
	.board-list-table .subject {width:92%;float:left;padding-bottom:0;padding-right:0; text-indent: 0.7em;}
	.board-list-table.edu .subject {text-indent: 0;}
	.board-list-table .writer, .board-list-table .date, .board-list-table .cnt, .board-list-table .down, .board-list-table .company {float:left;width:auto;padding-left:2%;padding-right:2%;padding-top:5px;padding-bottom:10px;background:url(/assets/image/Sub/vbar.png) no-repeat 0 10px;}
	.board-list-table .cnt br {display: none;}
	
	/* 일반게시판_읽기 */
	.board-view-table tr {/*display:block;*/ padding:4px 0;}
	.board-view-table tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
	.board-view-table tr {/*display:inline-block;*/}
	.board-view-table tr {/*display:block;*/}
	.board-view-table th {display:block; float:left; clear:left; width:100%; padding:10px 3% 0; border:none; background:none; color:#222; text-align:left; box-sizing:border-box;}
	.board-view-table td {display:block; float:left; clear:left; width:100%; padding:0 3% 10px; box-sizing:border-box;}
	.board-view-table tr:first-child td {border-top:none;}
	.board-view-table .bbs_content img {width:100% !important; max-width:none; height:auto;}
	
	.board-view-table tr td .b_table tr {padding: 0; /*display:table-row-group;*/}
	.board-view-table tr td .b_table td{clear: unset; float: unset; font-size: 1em; padding: 0.25em; border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; display: table-cell; vertical-align: inherit; box-sizing: unset;}
	.board-view-table tr td .b_table td:last-child {border-right: 0;}
	.board-view-table tr td .b_table tr:last-child td {border-bottom: 0;}

	
	.board-view-table table td {border: none;}
	
	/* 일반게시판_쓰기 */
	.board-write-table {table-layout:auto;width:100%;clear:both;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	.board-write-table tr {display:block;width:100%;overflow:hidden;border-bottom:1px solid #ddd;}
	.board-write-table tbody {width:100%;}
	.board-write-table tbody th, .board-write-table tbody td {float:none;display: block;width:100%;height:auto;border:0;box-sizing:border-box}
	.board-write-table tbody th {padding: 12px 15px 12px 5px;}
	.board-write-table tbody td {text-align: left;}
	.board-write-table th label {font-size:14px;}
	.board-write-table .select{margin-top:5px}	
	.board-write-table span.txt{display:block;height:25px;}	
	.board-write-table select {width:98%}
	.board-write-table input[type="text"]{width:95%}
	
	.con_top h4{font-size:2.1em; word-break: keep-all;}
	#header .path_nav{padding:0}
	.path_nav .menu{width:100%;border:none;text-align:center;background-position:right 8% top 50%}
	.path_nav .menu a{width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); padding:0 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}	
	.path_nav .menu_hide{display:none}
	
	.btn_right{text-align:center;min-height:50px}
	
	.bbs_table{border-top:1px solid #555}
	.bbs_table .table_th{display:none}
	.bbs_table .tb_Subject .sbj_no{display:none}
	.bbs_table .tb_Subject{width:100%}
	.bbs_table .tb_Subject .sbj_tt{width:90%;padding-left:3%}
	.bbs_table .tb_info{width:40%}
	.bbs_table .tb_info span{float:right}
	.bbs_table .tb_date{width:40%;text-align:left}
	.bbs_table ul li{height:70px;}
	.bbs_table ul li>div{height:35px;line-height:35px}
		
	.tb_head .tb_head_cnt{width:99%;height:50px;padding-left:5px}
	.tb_head .tb_head_srch{clear:left;width:100%;position:relative;text-align:right}
	.tb_head_srch select{width:29%;}	
	.tb_head_srch input{width:50%}
	.tb_head_srch a{width:15%}
	.tb_head:after{display:block;content:"";clear:both; *zoom:1;}
	
	.bbs_view_wrap dt{border-right:none}
	.bbs_view_wrap dt.left_border{border-left:none}
	.bbs_view_info{text-align:left;overflow:hidden}
	.bbs_view_info dl{height:40px;padding:5px 0}
	#container .bbs_view_info dt, #container .bbs_view_info dd{display:block;width:100%;height:20px;text-align:left;padding-left:10px}
	.bbs_view_info .view_info_file dt{padding-top:5px}
	.bbs_view_info .view_info_file dd{padding-bottom:5px}
	.bbs_view_con{padding:20px 10px}
	.bbs_view_foot dl{padding:5px 0}
	.bbs_view_foot dt{width:90%;text-align:left;height:25px}
	.bbs_view_foot dd{width:90%;text-align:left;height:25px}	
		
	#container .bbs_write dd{width:100%;height:100%;margin:0 auto;text-align:center;padding:15px 0;margin-bottom:-25px}
	#container .bbs_write .align_left dd{text-align:left;padding-left:10px}
	#container .bbs_write .txt{text-align:left;padding-left:15px}	
	#container .tb_con textarea{width:92%}	
	#container .tb_con dt{line-height:45px}
	#container .bbs_write select{width:96%}
	.con_body .bbs_write input{width:93%}
	.bbs_write span.txt{display:block;height:25px;}	
	.bbs_write dt{width:100% !important;height:45px;line-height:45px;padding:0 !important;font-size:1.0em !important}
	.bbs_write dt label{padding-left:10px}
	.bbs_write .select_email{margin-top:5px}	
	.bbs_write .tb_file dd{margin:0 auto}
	.bbs_write .tb_file .upload_text{width:65%;margin-left:3%}
	.bbs_write .input_long{width:92%;}	
	
	.bbs_page a{width:8%;height:76%;font-size:90%;line-height:30px}
	.bbs_page .page_cnt a{display: none}
	.bbs_page .page_cnt a:first-child, .page_cnt a:nth-child(2),
	.bbs_page .page_cnt a:nth-child(3), .page_cnt a:nth-child(4),
	.bbs_page .page_cnt a:nth-child(5){display: inline-block}
		
	.foot_copy{padding:20px}
	.foot_sitemap{padding:20px 0;display:none}
	.foot_sitemap dl.fir {width: 100%; margin: 0; padding-bottom: 1em;}	
	.foot_sitemap dl.fir .depth_3 {padding: 0.25em 0;}
	.foot_sitemap dl.fir .depth_3 dd {width: 100%; margin: 0;}
	.foot_sitemap dl.fir .depth_4 dd {width: 100%;}
	.foot_sitemap dl{width:100%;}
	.foot_sitemap dl,dt,dd{line-height:1.2em}
	.foot_sitemap dt{width:100%;clear:left;float:left;display:block;font-size:1em;margin-bottom:0}
	.foot_sitemap dd{width:50%;height:100%; float: left;}
	.foot_sitemap dd:after {content: "";display:table;clear:both;}
	#footer .sitemap_btn{display:block;}	
	.gallery_wrap .gallery_box strong{font-size:1.0em}
	.page_gallery .gallery_wrap .gallery_box{width:100%;height:350px}
	.page_gallery .gallery_wrap .gallery_box a{width:100%;margin:0;}
	
	.login_wrap{height:100%;text-align:center;padding:40px 20px}
	.login_wrap .login_con{width:100%;margin:0 auto;padding:0}
	.login_wrap .login_con p{text-align:center}
	.login_wrap .login_con form{width:100%;}	
	.login_wrap .login_con input{width:88%;margin-left:auto;margin-right:auto;padding:15px 5% 15px 5%}
	.login_wrap .login_con button{float:none;margin:0;width:98%;height:50px;position:static}
	.login_wrap .login_btn{width:100%;padding-top:15px}
	.login_wrap .login_btn a{width:98%;padding:10px 0;text-align:center;margin-bottom:7px}
	.join_wrap .join_step li{margin-right:5%}
	.join_wrap .join_step img{width:90%}
	.terms_tt h5{font-size:1.3em; text-align: left;}
	.join_complete{padding-left:20px;padding-right:20px;font-size:0.9em;word-break:keep-all}
	.join_complete p{font-size:1.2em;letter-spacing:-0.5px}
	.join_complete img{width:85%}
	.input_radio input[type="radio"] + label span {margin-top:-3px}
	.join_write .w_id input{width:45%}
	.join_write .w_id button{padding:0 1.8em}
	.join_sent{width:100%;padding-top:5px; text-align: left;}
	.con_body .find_wrap .select_question{width:85%}
	.search_box input{width:auto}
	.input_chk2 input[type="checkbox"] + label span{margin-top:-1px}
	.c_tab{width:100%}
	.c_month{width:100%;margin:0;padding:0}
	.c_month_l{padding:0}
	.c_month_l strong{padding-right:50px}
	.c_month .c_next{right:53px}
	.detail_box .login_btn a{font-size:0.9em;width:60%;margin-bottom:3px}
	.pop_detail_tb th{width:auto}
	.pop_content .btn_area a{padding:0 1.5em}
	.pop_rule{font-size:0.85em}
	.s_history{width:100%}
	.history_year{padding:0 0 10px 0;}
	.history_con li strong{width:100%;padding:0}
	.history_con li p{width:100%}
	.history_wrap:nth-child(odd) .history_year span{float:left}
	.history_wrap:nth-child(odd) .history_con{text-align:left}
	.history_wrap:nth-child(odd) .history_con strong{float:left; text-indent: 0;}	
	.history_year span:after{background:none !important}
	.year_point{display:none}
	.history_bg{background:none}
	.history_con{word-wrap:normal}	
	.member_contact{padding:130px 20px 20px ;background-position:center 20px}
	.state_wrap ul{text-align:center !important}
	.state_wrap li.state_box{text-align:center;}
	
	
	/* 조직도 : 2018.05.08 */
	
	.organization_1 ul li.head .head_con li span {width: 75%; left: 180px;}
	.organization_1 ul li.head .head_con li span.left {left: 180px;}
	.organization_1 ul.part li {width: 100%; padding: 0 0 2em 0;}
	.organization_1 ul.part li:nth-child(even) {width: 100%;}
	.organization_1 ul.part li span, .organization ul.part li:nth-child(even) span, .organization ul.part li:nth-child(3) span {margin: 0 0 1em 0;}
	.organization_1 ul.part li:nth-child(1) dl, .organization_1 ul.part li:nth-child(even) dl, .organization_1 ul.part li dl {width: -webkit-calc(50% - 2em); width: -moz-calc(50% - 2em); width: -o-calc(50% - 2em); width: calc(50% - 2em); margin: 0 1em;}
	
	
	/* eng menu */
	.eng .foot_sitemap dl {width: 100%; padding: 0;}
	#footer .sitemap_btn_e {display:block;}
	
	/* intro */
	.greeting_l {width: 100%; float: unset; margin: 0 0 20px 0; padding: 0;}
	.greeting_l .greeting_pho {width: 100%; float: unset;}
	.greeting_l dl {width: 100%; float:unset; margin: 20px 0 0 0;}
	.greeting_l dl dt {text-align: center; width: 100%}
	.greeting_l dl dd {text-align: center; width: 100%}
	.greeting_l:after {clear: both; display: table; content: '';}
	.greeting_r {width: 100%; float: unset;}
	
	.intro_img {width: 80%; margin: 60px auto 32px;}
	.intro_img img {width: 100%;}
	.intro_txt {margin: 0;}
	
	.bubble_w {height: 20em; display: table;}
	.bubble_w dl {width: 100%; height: 1.5em; border-radius: 1em; margin: 0 0 0.5em 0; padding: 0;display: table;}
	.bubble_w dl dt {font-size: 2.5em; width: 15%; line-height: 1.5em; height: 1.5em; padding: 0 0 0 0; display: inline-block; float: left; text-align: center}
	.bubble_w dl dd {font-size: 1.1em; line-height: 1.5em; width: 83%; text-align: left; position:absolute; top: 50%; vertical-align: middle;  transform: translate(17%,-50%);}
	.bubble_w dl:nth-child(1) {top: 0; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(2) {top: 4.5em; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(3) {top: 9em; bottom: 0; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(4) {top: 13.5em; bottom: 0; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(5) {top: 18em; bottom: 0; left: 0; margin-left: 0;}
	
	/* 자료실 2018.05.24 */
	.cont_resources .cont_left {width: 30%}
	.cont_resources .cont_right {width: 70%;}
	
	.cont_periodicals .cont_left {width: 30%; height: auto;}
	.cont_periodicals .cont_right {width: 70%;}
	
	.portal {width: 100%;}
	.portal:nth-child(odd) {margin: 0 0 30px 0;}
	.portal:nth-child(even) {margin: 0 0 30px 0;}
	.cont_tit {background: url('/assets/image/Sub/portal_tit_bg.gif') 50% 10% no-repeat; padding: 150px 45px 50px 45px;}
	.cont_tit.etc {background: url('/assets/image/Sub/etc_tit_bg.gif') 50% 10% no-repeat;}
	.cont_tit.etc a {display: block; text-align: center; margin: 10px 0 0 0; padding: 0 1.5em;}
	
	.cont_tit.etc2 {background: url('/assets/image/Sub/etc2_tit_bg.gif') 50% 10% no-repeat;}
	.cont_tit.etc2 p {text-align: center;}

	.cont_tit.etc3 {background: url('/assets/image/Sub/etc3_tit_bg.gif') 50% 10% no-repeat;}
	.cont_tit.etc3 p {text-align: center;}
	
	.edu {width: 100%;}
	.edu:nth-child(odd) {margin: 0 0 30px 0;}
	.edu:nth-child(even) {margin: 0 0 30px 0;}
	
	/*.cont_periodicals {height: 35em;}
	.cont_periodicals.m_01 {height: 45em;}
	.cont_periodicals.m_02 {height: 31em;}
	.cont_periodicals.m_03 {height: 25em;}*/
	.cont_periodicals .cont_right a {width: 100%; margin: 0 0 0.5em; padding: 0;}
	
	
	.ihistory_box p {width: 100%; margin: 0.5em 0 0.5em 0;}
	.ihistory_box p span {width: auto; float: unset;}
	.ihistory_box span {width: 100%; float: left;}
	.ihistory_box p.ex{width: -webkit-calc(100% - 0.5em); width: -moz-calc(100% - 0.5em); width: -o-calc(100% - 0.5em); width: calc(100% - 0.5em);}
	
	/* 2018.05.31 */
	.foot_info {font-size: 0.8em;}
	.foot_info .foot_address span {min-height: 1.5em; height: auto; word-break:keep-all;}
	
	.border_bg .border_con {padding: 2em;}
	.morality_box .emphasis {font-size: 1.2em;}
	.morality_box p {font-size: 1.1em; line-height: 1.5;}
	.morality_list li {padding: 0.5em 0; clear: both;}
	.morality_list strong {width: auto; font-size: 1.1em; margin-right: 0.7em;}

	.bylaw h4 {font-size: 1.5em;}
	
	.organization_1 ul.org li.head {width: 100%;}
	
	.board_img li {width: calc(50% - 2em); padding: 0 0.8em; height: auto;}
	.board_img li img {width: 100%;}
	.board_img span {width: 100%; font-size: 0.9em; letter-spacing: -0.05em; line-height: 1.5; padding: 0.5em 0;}
	
	.sub_tab li a {padding: 10px 0;}
	.con_basic_tab {padding: 0;}
	.terms_tab h5 span {font-size: 0.65em; letter-spacing: -0.05em; white-space: nowrap;}
	
	.table_part {width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 0 10px;}
	
	.state_info {height: auto;}
	.photo_w {width: -webkit-calc(80vw - 100px); width: -moz-calc(80vw - 100px); width: -o-calc(80vw - 100px); width: calc(80vw - 100px); height: -webkit-calc(80vw - 100px); height: -moz-calc(80vw - 100px); height: -o-calc(80vw - 100px); height: calc(80vw - 100px); margin: 0 50px;}
	.company_photo {width: 45vw; height: 45vw;}
	.company_logo {width: 35vw; height: 35vw;}

	.info_w {width: 100%; margin: 1em 0;}
	.info_w p {margin: 0 0 1em 0; white-space: normal; text-overflow: ellipsis; overflow: hidden; font-size: 0.9em;}
	.info_w table {width: 100%;}
	.info_w table th {width: 25%; padding: 0; text-align: center;}
	.info_w table td {width: 75%;}
	.info_w .bubble {width: 0; height: 0; overflow: hidden;}
	.state_wrap {overflow-x: auto; width: 100%; margin: 0 0 1em 0;}
	.state_view {width: 100%; margin: 0;}
	.state_view th {width: 20%; padding: 0 5px; white-space: nowrap;}
	.state_view td {width: 80%; padding: 0 5px; white-space: nowrap;}
	.state_view3 th {white-space: nowrap; padding: 0.25em 0.5em;}
	.state_view3 td span.w200 {width: 179%;}
	.state_view3 td span.w300 {width: 258%;}
	.state_view3 td span.w400 {width: -webkit-calc(336% - 1px); width: -moz-calc(336% - 1px); width: -o-calc(336% - 1px); width: calc(336% - 1px);}
	
	.con_top {padding: 1em 0 0 0;}
	.con_body {padding: 1em 0;}
	
	.ihistory_box span.ex {width: -webkit-calc(100% - 0.5em); width: -moz-calc(100% - 0.5em); width: -o-calc(100% - 0.5em); width: calc(100% - 0.5em);}
	.ihistory_box span.ex span {width: auto; display: inline; float: initial;}
	.terms_tt h5.industry span {font-size: inherit;}
	
	.value_wrap {padding-top: 1em;}
	.value_box {padding-bottom: 0;}
	.value_box .img_half{display:block;width:auto;padding:0.5em;margin:0 auto;}
	.value_box .img_half img{width:100%}
	.value_box .txt_half{display:block;width:100%;padding-top:20px}	
	.value_box .div_half{display:block;width:100%}
	.box_gray {padding: 0.5em;}
	.box_white {padding: 0.5em;}
	.value_wrap .box_tt{width:100%;font-size:1em}
	.tb_industry{font-size:0.9em}
	.tb_industry_wrap{width:100%;overflow-x:scroll}
	.tb_industry_wrap span{width:90%}
	.tb_industry_wrap span.scroll_guide{width:100%; display: block;}
	.value_wrap .box_half{width:100%}
	.value_wrap .box_half img{width:90% !important}
	.value_txt.box_gray {padding: 1em; line-height: 1.5;}
	.value_txt p {line-height: 1.7em;}
	
	.country_w {padding: 1.5em;}
	.country_w .country_flag {width: 100%;}
	.country_w .country_flag img {width: unset; margin: 0 0 0.5em 0;}
	.country_w .country_info {width: 100%;}
	.country_w .country_info ul li {font-size: 0.9em; line-height: 1.5em;}
	.country_w .country_info a {height: 2.5em; line-height: 2.5em; font-size: 1em;}
	.cont_w.value_wrap .value_txt {width: 100%; overflow-x: auto;}
	
	.con_body.eng .cont_w img {width: 75%;}
	.cont_w.eng .tc.second {margin: 7em 0 0 0;}
	.cont_w.eng .link_w {padding: 1em;}
	.cont_movie {height: 60vw; padding: 1em; background: url('/assets/image/Sub/eng/movie.jpg') 50% 95%;}
	
	.find_wrap .con_basic_tab .tab_content {width: 100%; padding: 0;}
	
}

/* 세로모드 모바일 디바이스 (가로 해상도가 500px 보다 작은 화면에 적용) */
@media (max-width: 500px) {
	.head_mid h3 {font-size: 2em;}
	.cont_resources {height: 56em;}
	.cont_resources .cont_left {width: 100%; height: auto}
	.cont_resources .cont_right {width: 100%;}
	.cont_resources .cont_right h5 {font-size: 1.1em;}
	.cont_resources .cont_right dl dt {font-size: 0.9em;}
	.cont_resources .cont_right dl dd {font-size: 0.9em; width: -webkit-calc(100% - 9em); width: -moz-calc(100% - 9em); width: -o-calc(100% - 9em); width: calc(100% - 9em);}
	
	/*.cont_periodicals {height: 66em;}
	.cont_periodicals.m_01 {height: 70em;}
	.cont_periodicals.m_02 {height: 64em;}
	.cont_periodicals.m_03 {height: 58em;}*/
	.cont_periodicals .cont_left {width: 100%; height: auto;}
	.cont_periodicals .cont_right {width: 100%;}
	.cont_periodicals .cont_right h5 {font-size: 1.1em;}
	.cont_periodicals .cont_right ul.info li strong {font-size: 0.9em;}
	.cont_periodicals .cont_right ul.info li {font-size: 0.9em;}
	.cont_periodicals .cont_right ul li a {padding: 0 25px}
	
	.photo_w {width: -webkit-calc(80vw - 60px); width: -moz-calc(80vw - 60px); width: -o-calc(80vw - 60px); width: calc(80vw - 60px); height: -webkit-calc(80vw - 60px); height: -moz-calc(80vw - 60px); height: -o-calc(80vw - 60px); height: calc(80vw - 60px); margin: 0 30px;}
	
	
	.subway_img{width: 100%;}
	.subway_txt{width: 100%; margin: 1em 0 0 0;}
	
	.join_wrap .join_step {height: 6em;}
	.join_step strong {font-size: 1em;}
	.terms_box {font-size: 0.8em;}
	.terms_check .input_chk {font-size: 0.9em}
	
	.modal_pop {top: 5vh; max-height: 90vh; width: 90vw; margin: 0 5vw;}
	.modal_pop .pop_content {padding: 0;}
	.pop_con .tb_head {height: 2.5em;}
	.pop_con .board-list-wrap {max-height: 40vh;}
	.pop_con .bbs_page {margin: 10px 0 0 0;}
	.btn_area {margin: -1em auto 0 auto;}
	.biz_list li:nth-child(3) span {margin-bottom: 3.5em;}
	
	.pop_detail_tb th {padding: 0.5em;}
	.pop_detail_tb td {padding: 0.5em;}
	.pop_detail_tb td textarea {width: auto !important;}
	.btn_area a {height: 2.5em; line-height: 2.5em;}
	
	.portal p {font-size: 0.8em; line-height: 1.3em; padding: 1em;}
	
	.tb_industry_wrap {position: relative;}
	.scroll_guide {display: block; width: 100%;}
	
}
/*  가로해상도가 450 px보다 작은 화면에 적용 */
@media (max-width: 450px){
	
	#main_header .head_top {height: 4.5em;}
	.head_top_b .head_logo {margin-top: 0.75em; width: 70%;}
	.head_top_b .head_logo a {width: 100%;}
	.head_top_b .head_logo img {margin-left: 1em; margin-top: 0.3em; width: auto;}
	
	.head_top_b .right_btn {top: 1.5em; right: 1.5em;}
	
	.bubble_w {height: 27em;}
	.bubble_w dl {width: 100%; height: 5em;}
	.bubble_w dl dt {font-size: 1.5em; width: 7%; padding: 0.5em;}
	.bubble_w dl dd {font-size: 1em; line-height: 1.4; height: 4em; width: 75%; padding: 0 0 0 5%;}
	.bubble_w dl:nth-child(1) {}
	.bubble_w dl:nth-child(2) {top: 5.5em; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(3) {top: 11em; bottom: 0; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(4) {top: 16.5em; bottom: 0; left: 0; margin-left: 0;}
	.bubble_w dl:nth-child(5) {top: 22em; bottom: 0; left: 0; margin-left: 0;}
	.calendar_btn a {padding: 0 1em;}
	.calendar_btn .btn_room_w a.room {padding: 0 0.45em;}
}
/* 세로모드 모바일 디바이스 (가로 해상도가 400px 보다 작은 화면에 적용) */
@media (max-width: 400px) {
	.cont_tit p {font-size: 0.8em;}
	.cont_tit.etc a {position: relative; font-size: 0.75em; height: 3em; line-height: 3em;}
	.cont_tit.etc a span {float:unset; padding: 0; width: 10px; position: absolute; top: 12px; right: 7%;}
	
	.join_wrap .join_step li {width: 25%;}
}
/* 세로모드 모바일 디바이스 (가로 해상도가 361px 보다 작은 화면에 적용) */
@media (max-width: 364px) {
	.con_body .join_wrap .join_step li{margin-right:0}
	.con_body .join_write .w_id input{width:58%}
	.con_body .join_write .w_id button{padding:0 1.6em}
	.con_body .find_wrap .select_question{width:90% !important}
	.calendar_btn a{padding:0 0.5em; height: 2em; line-height: 2em;}
	.fc-toolbar .fc-left {margin: 0 0 1em 0;}
	.fc th {height: 2.5em; line-height: 2.5em;}
	
	
	/* 자료실 2018.05.24 */
	/*.cont_periodicals {height: 1000px;}*/
	.cont_periodicals .cont_left {width: 100%; height: 35%;}
	.cont_periodicals .cont_right {width: 100%;}	
	
}



/* 작은 데스크탑 (가로 해상도가 992px보다 크고 1500px 보다 작은 화면에 적용) */
@media (min-width: 992px) and (max-width: 1500px) {
	/*#container{width:auto;padding:20px 100px}*/
	.path_nav{width:auto;padding:0 100px; box-sizing: border-box}
	#footer .foot_wrap{width:auto;padding:0 100px}
	.modal_pop iframe{width:90%;min-height:250px;margin-left:20px;margin-bottom:30px}
	.head_top .head_top_b .head_lnb{width:65%;padding-right:10px}
	.head_lnb .menu .menu_tt{font-size:1.0em}
	.head_lnb .open_menu{width:100%;font-size:0.9em;left:0}
	.head_lnb .open_menu li{padding:10px 15px 10px 25px}
	.bbs_write dd{width:78%}
	.bbs_write .tb_file dd{width:78%}
	input.upload_text{width:84%}
	.gallery_wrap .gallery_box a{width:93%;}
	.basic_wrap{width:auto;}
	.bbs_write dt{font-size:0.9em;width:16%;padding:0 0 0 15px}
	.join_write .input_mid{width:172px}
	.con_basic_tab{width:auto}
	.con_basic_tab .tab_container{width:100%}
	.image_box .img_main{width:80%}
	.image_box .img_main img{width:100%;height:100%}
	.image_box .img_thum{width:85%}
	.image_box .img_thum li img{width:100%;height:100%}
	.img_btn span:first-child{left:0}
	.img_btn span:last-child{right:0}
	.modal_pop{width:1000px;}
	.pop_img img{width:70%}

	.value_box img{width:100%}
	.box_white img{width:100%}
	.box_gray img{width:100%}
	
	/* eng menu */
	
	.head_lnb.eng .open_menu{width:150%;font-size:0.9em;left: -25%}
	.head_lnb.eng li:last-child .open_menu:before {margin: 0 0 0 58%;}
	.head_lnb.eng li:last-child .open_menu{width:150%;font-size:0.9em;left: -50%}
	
	.greeting_l {padding: 0 40px;}
	.greeting_l .greeting_pho {text-align: center;}
	
}

/* 데스크탑 기준 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media (min-width: 992px) {	
	.head_lnb .menu:hover>a{color:#37fff8;}
	.head_lnb .menu:hover .open_menu{display:block;position:relative;z-index:1}
	.head_lnb .open_menu li:hover a{color:#37fff8;}
	.path_nav .menu:hover .open_menu{display:block;}	
	.path_nav .open_menu li:hover{background:#f4f5f8;}
	.path_nav .open_menu li:hover a{color:#2763ba;}
	.bbs_table ul li:hover{background:#f4f5f8}
	.bbs_table .table_th:hover{background:#fff}
	.gallery_wrap .gallery_box a{margin:0 15px;}
	.gallery_wrap .gallery_box:nth-child(3n) a{margin-right:0;margin-left:22.5px}
	.gallery_wrap .gallery_box:nth-child(3n+1) a{margin-left:0;margin-right:22.5px}
	.path_nav{width:1200px}
	
}



/* 모바일 중간사이즈 (가로 해상도가 500px보다 크고 767px 보다 작은 화면에 적용) */
@media (min-width: 500px) and (max-width: 767px) {
	.con_body .gallery_wrap .gallery_box{width:48%; padding: 0 1% 2em;}
	.con_body .gallery_wrap .gallery_box a{margin:0}
	.con_body .gallery_wrap .gallery_box:nth-child(odd) a{margin-right:15px}
	.con_body .gallery_wrap .gallery_box:nth-child(even) a{margin-left:15px}

}






/*youtube-popup*/

.youtube-popup-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,.5);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.youtube-popup-wrap.show {
	display: flex!important;
}
.youtube-popup-wrap .youtube-popup {
    width: 100%;
    max-width: 1200px;
    background-color: #fff;
    margin-top: -20px;
    margin-bottom: 20px;
}
.youtube-source-url {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.youtube-source-url iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.youtube-popup-wrap .youtube-popup-close {
    color: #aaa;
    font-size: 44px;
    cursor: pointer;
    transition: all .5s ease;
}
.youtube-popup-wrap .youtube-popup-close:hover {
    color: #fff;
}

