@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR'; font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {font-family: 'BMJUA';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');font-weight: normal;font-style: normal; }

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {height:100%;}
body {
 font-family:"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif;
 font-size:14px;
 color:#444;
	line-height: 1;
 -webkit-text-size-adjust:none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {vertical-align:middle;}
b, strong {font-weight:bold;}
a {text-decoration:none; color:#333;}
img {max-width:100%;}

/*정렬*/
.right{float:right;}
.left{float:left;}
.center {margin:auto;}
.middle {vertical-align:middle;}
.strong_under{color:#C33; text-decoration:underline;}
.t_right{text-align:right;}
.t_left{text-align:left;}
.t_center{text-align:center;}
.clear {clear:both;}
.overflow {overflow:hidden;}

/*패딩*/
.pad_a5  {padding:5px;}
.pad_a10 {padding:10px;}
.pad_a20 {padding:20px;}

.pad_l5  {padding-left:5px;}
.pad_l10 {padding-left:10px;}
.pad_l20 {padding-left:20px;}
.pad_l30 {padding-left:30px;}

.pad_r5  {padding-right:5px;}
.pad_r10 {padding-right:10px;}
.pad_r15 {padding-right:15px;}
.pad_r20 {padding-right:20px;}
.pad_r30 {padding-right:30px;}
.pad_r40 {padding-right:40px;}

.pad_t5  {padding-top:5px;}
.pad_t10 {padding-top:10px;}
.pad_t20 {padding-top:20px;}
.pad_t30 {padding-top:30px;}

.pad_b5  {padding-bottom:5px;}
.pad_b10 {padding-bottom:10px;}
.pad_b15 {padding-bottom:15px;}
.pad_b20 {padding-bottom:20px;}
.pad_b30 {padding-bottom:30px;}
.pad_b40 {padding-bottom:40px;}
.pad_b50 {padding-bottom:50px;}

/*마진*/
.mar_a5  {margin:5px;}
.mar_a10 {margin:10px;}
.mar_a20 {margin:20px;}

.mar_l5  {margin-left:5px;}
.mar_l10 {margin-left:10px;}
.mar_l20 {margin-left:20px;}

.mar_r5  {margin-right:5px;}
.mar_r10 {margin-right:10px;}
.mar_r20 {margin-right:20px;}

.mar_t5  {margin-top:5px;}
.mar_t10 {margin-top:10px;}
.mar_t20 {margin-top:20px;}

.mar_b5  {margin-bottom:5px;}
.mar_b10 {margin-bottom:10px;}
.mar_b20 {margin-bottom:20px;}
.mar_b30 {margin-bottom:20px;}
.mar_b40 {margin-bottom:20px;}

/* Skip Navi */
#skip_navi {position:relative; overflow:hidden; width:100%; margin:0 auto; z-index:100;}
#skip_navi dt {clear:both; position:absolute; top:auto; left:-10000px; overflow:hidden; width:1px; height:1px}
#skip_navi a {display:block; height:0; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#3e8fee;}
#skip_navi a:hover, #skip_navi a:active, #skip_navi a:focus {height:auto; padding:7px 0; font-weight:bold; font-size:1em; line-height:1em; color:#fff; z-index:10000;}

/* Header */
#header {height:270px;}
#header .util_menu_wrap {height:44px; background-color:#f5f5f5; border-bottom:1px solid #d1d1d1;}
#header .util_menu {position:relative; height:44px;}

#header .link_menu {position:absolute; top:0; left:0; overflow:hidden; padding-left:2px;}
#header .link_menu li {float:left; padding:6px 0 0 4px;}
#header .link_menu li a {display:block; height:30px; line-height:30px; padding:0 8px; font-size:13px; color:#222; font-weight:600; letter-spacing:-0.5px; background:#fff; border:1px solid #ccc; border-radius:4px;}
#header .link_menu li img {vertical-align:middle; margin-bottom:2px;}

#header .login_menu {position:absolute; top:0; right:0; overflow:hidden; border-left:1px solid #d1d1d1;}
#header .login_menu li {float:left; border-right:1px solid #d1d1d1;}
#header .login_menu li a {display:block; height:44px; line-height:44px; padding:0 20px; font-size:13px; color:#666; font-weight:600;}
#header .login_menu li span {display:block; height:44px; line-height:44px; padding:0 20px; font-size:13px; color:#666; font-weight:600;}
#header .login_menu li img {vertical-align:middle; margin-bottom:2px;}

#header .sns_menu {position:absolute; top:0; right:0; overflow:hidden; padding:0 10px;}
#header .sns_menu li {float:left; padding:5px 3px 0;}

#header .header_wrap {position:relative; height:140px; max-width:1440px; margin:auto;}
#header .header_wrap .logo {position:absolute; top:50px; left:0;}
#header .header_wrap .banner_app {position:absolute; top:20px; right:0;}
#header .header_wrap .banner_app li {float:left; margin-left:20px;}
#header .header_wrap .banner_app li:first-child {margin-left:0;}
#header .header_wrap .banner_app li .store_icon {padding-top:5px; text-align:center;}

#header .total_search_wrap {padding-top:56px; box-sizing:border-box;}
#header .total_search_box {background-color:#3c5f8f; border:3px solid #3c5f8f; height:48px; width:550px; margin:auto; box-sizing:border-box; border-radius:3px;}
#header .total_search_box input[type=text] {width:490px; height:42px; background-color:#fff; border:1px solid #fff; padding-left:10px; font-size:18px; color:#333; box-sizing:border-box; border-radius:3px;}
#header .total_search_box .btn_total_search {float:right; width:52px; height:42px; background:url(/img/icon_total_search.png) no-repeat 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}

#header .keyword_wrap {position:absolute; top:116px; left:50%; margin-left:-270px; width:300px; height:20px; line-height:20px; z-index:12;}
#header .keyword_wrap h4 {position:absolute; top:0; left:0; color:#3163a7; font-weight:bold;}
#header .keyword_wrap .keyword_list {width:180px; padding-left:92px;}
#header .keyword_wrap .keyword_list li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header .keyword_wrap .keyword_list li strong {display:inline-block; width:18px; height:18px; line-height:16px; color:#fff; background-color:#ca0000; border:1px solid #ca0000; text-align:center; font-size:12px; font-weight:normal; box-sizing:border-box; border-radius:50%;}
#header .keyword_wrap .btn_keyword_open {position:absolute; top:0; right:0;}
#header .keyword_wrap .keyword_detail {position:absolute; top:30px; right:0; width:219px; background:#fff; border:1px solid #ddd; padding:8px 10px; box-sizing:border-box;}
#header .keyword_wrap .keyword_detail li {line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header .keyword_wrap .keyword_detail li strong {display:inline-block; width:18px; height:18px; line-height:16px; color:#fff; background-color:#ca0000; border:1px solid #ca0000; text-align:center; font-size:12px; font-weight:normal; box-sizing:border-box; border-radius:50%;}

/*#header .btn_all_menu {position:absolute; top:160px; left:0; display:block; width:48px; height:45px; background:url(/img/icon_menu_pc.png) no-repeat 50% #404040; border:1px solid #404040; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; box-sizing:border-box; border-radius:3px; z-index:1;}*/
#header .btn_all_menu {position:absolute; top:160px; left:0; display:block; width:218px; height:45px; background:url(/img/icon_menu_pc.png) no-repeat 30px 50% #404040; border:1px solid #404040; color:#eee; font-family:'Noto Sans KR'; font-size:18px; line-height:43px; font-weight:500; box-sizing:border-box; border-radius:3px; z-index:1; text-align:center; padding-left:40px;}
@media screen and (max-width:1280px){
  #header .btn_all_menu {width:198px; font-size:16px;}
}

#header .top_menu_wrap {height:65px; padding-top:20px;}
#header #gnb {position:relative; height:45px; max-width:1440px; margin:auto;}
#header #gnb ul {padding:0 0 0 50px;}
#header #gnb li {float:left; width:12%;}
#header #gnb li.top_menu_wrap_li {width:16%; height:45px;}
#header #gnb li a {display:block; font-family:'Noto Sans KR'; font-size:18px; color:#222; font-weight:700; height:45px; line-height:45px; letter-spacing:-0.5px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header #gnb li > a .new {display:inline-block; color:red; font-size:11px; line-height:normal; font-weight:normal; vertical-align:top;}
#header #gnb li > a .bsi {display:inline-block; height:40px; line-height:40px; font-size:15px; margin-top:3px; padding:0 10px; color:#fff; font-weight:normal; background:#1255b3; text-align:center; vertical-align:top; border-radius:8px;}
#header #gnb li > a .sky {color:#0079f2;}

.gnb-menu-area {display:none; position:absolute; top:270px; left:0; width:100%; height:260px; border-top:1px solid #cecece; border-bottom:1px solid #d9d9d9; background-color:#f5f5f5; z-index:11;}
.gnb-menu-area .inner-wrap {max-width:1440px; padding:0 0 0 50px; margin:auto; box-sizing:border-box;}
.gnb-menu-area .inner-wrap:before {content:""; position:absolute; left:0; top:0; display:block; width:calc(50% - 449px); height:260px; background:url('/img/submenu_img.jpg') no-repeat right top;}
.gnb-menu-area .menu-box{position:relative; float:left; width:12%; min-height:260px; padding:10px 0; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.gnb-menu-area .menu-box-none{position:relative; float:left; width:calc(16% - 1px); min-height:260px; padding:0; border-right:1px solid #e8e8e8;}
.gnb-menu-area .menu-box::before {position:absolute; left:50%; top:0; width:0; height:3px; background-color:#3163a7; content: ''; transition: all 0.2s;}
.gnb-menu-area .menu-box:first-child {border-left:1px solid #e8e8e8;}
.gnb-menu-area .menu-box:hover{background-color:#fff;}
.gnb-menu-area .menu-box:hover::before {left:0; width:100%;}
.gnb-menu-area .menu-box ul li a{display:block; padding:5px 5px 5px 15px; font-family:'Noto Sans KR'; font-size:15px; color:#555; line-height:20px; letter-spacing:-0.5px;}
.gnb-menu-area .menu-box ul li a:hover{color:#00479e; text-decoration:underline;}
.gnb-menu-area .menu-box ul li > a .new {display:inline-block; width:14px; height:14px; line-height:14px; margin:3px 0 0 3px; color:#fff; font-size:10px; font-weight:normal; background:red; text-align:center; vertical-align:top; border-radius:50%;}
.gnb-menu-area .menu-box ul li > a .api {display:inline-block; height:14px; line-height:14px; padding:0 7px; margin:3px 0 0 3px; color:#fff; font-size:10px; font-weight:normal; background:#005ad9; text-align:center; vertical-align:top; border-radius:7px;}

.dimmed{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:99;}
.layer-popup {overflow:hidden; overflow-y:auto; display:none; position:fixed; left:50%; top:200px; z-index:100; width:700px; margin:0 0 0 -350px; padding:0; border:0; background-color:#fff; -webkit-overflow-scrolling: touch;}
.layer-popup .inner-layer {display:block; position:relative; padding:0;}
.layer-popup .layer-header {position:relative; width:100%; padding:20px 30px; text-align: center; background-color:#273346; box-sizing:border-box;}
.layer-popup .layer-header .tit {line-height:1.1; color:#fff; font-size:22px; font-family:'Noto Sans KR'; font-weight: 700; letter-spacing:-0.5px;}
.layer-popup .layer-header .btn-layer-close {overflow:hidden; display:block; position:absolute; top:22px; right:30px; width:22px; height:22px; margin:0; padding:0; border:0; font-size:0; line-height:0; background:url(/img//btn-layer-close.png) no-repeat center; cursor:pointer;}
.layer-popup .layer-header .btn-layer-close:hover {animation:scale 0.5s; -webkit-animation:scale 0.5s; }
.layer-popup .layer-cont {width:100%; padding:30px; color:#555; max-height:500px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.layer-popup .layer-cont .tit {padding:0 0 10px 0; font-size:17px; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.5px; color:#222; text-align:center;}
.layer-popup .layer-cont .tit-text {padding:0 0 10px 0; font-size:17px; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.5px; color:#222; border-bottom:1px solid #555;}
.layer-popup .layer-cont p {margin:0; padding:0;}
.layer-popup .layer-cont .txt-info {padding:0 0 40px 0;}
.layer-popup .layer-cont .blue-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .btn-layer-close {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .bd-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#333; border:1px solid #333; background-color:#fff;}

.layer-popup.pc-all-menu{width:1400px; margin:0 0 0 -700px;}
.layer-popup.pc-all-menu .layer-cont{padding:30px 0; max-height:750px;}
.layer-popup.pc-all-menu .layer-cont .tit{padding-bottom:20px;}

.layer-popup.confirm-layer{width:900px; margin:0 0 0 -450px;}
.layer-popup.confirm-layer .layer-cont{max-height:650px;}

.all-menu-wrap .box-wrap:after{clear:both; content:''; display:block;}
/*.all-menu-wrap .box-wrap .box{float:left; width:12.5%; height:310px; border-right:1px solid #e8e8e8; box-sizing:border-box;}*/
.all-menu-wrap .box-wrap .box{float:left; width:14%; height:310px; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.all-menu-wrap .box-wrap .box:last-child {border-right:0;}
.all-menu-wrap .box-wrap .box ul li a{display:block; padding:5px 15px; font-size:14px; font-family:'Noto Sans KR'; color:#555; line-height:20px; letter-spacing:-0.5px;}
.all-menu-wrap .box-wrap .box ul li a:hover{color:#00479e; text-decoration:underline;}

.type-mobile {display:none;}
.mobile-menu{display:none;}

.search-open {display:none;}
.search-close {display:none;}
.search-mobile {display:none;}

/* Footer */
#footer {background-color:#444;}
#footer .site_banner_wrap {height:50px; background-color:#2f2f2f;}
#footer .site_banner {position:relative; height:50px; max-width:1440px; margin:auto; overflow:hidden;}
#footer .site_banner_ctrl {position:relative; float:left; width:290px; height:50px; background-color:#191919;}
#footer .site_banner_ctrl h3 {color:#bdbdbd; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; height:50px; line-height:50px; padding-left:25px;}
#footer .site_banner_ctrl ul {position:absolute; top:15px; right:14px;}
#footer .site_banner_ctrl ul li {float:left;}
#footer .site_banner_ctrl ul li a {display:block; width:22px; height:20px; line-height:20px; text-align:center;}
#footer .site_banner_ctrl ul li button {display:block; width:22px; height:20px; line-height:20px; text-align:center; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
#footer .site_banner_list {height:20px; padding:15px 0 0 290px;}
#footer .site_banner_list .site_banner_item {padding:0 18px; line-height:20px; text-align:center;}
#footer .site_banner_list .site_banner_item a {color:#d4d4d4; font-family:'Noto Sans KR'; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
#footer .site_banner_list .site_banner_item a.no_link {cursor:default;}
#footer .copyright {position:relative; height:150px; max-width:1440px; margin:auto;}
#footer .copyright h1 {position:absolute; top:52px; left:16px;}
#footer .copyright p {padding:30px 0 0 320px; color:#a2a2a2; font-family:'Noto Sans KR'; font-size:15px; font-weight:400; line-height:20px; letter-spacing:-0.5px;}
#footer .copyright ul {padding:20px 0 0 300px;}
#footer .copyright ul li {float:left; padding:0 20px; border-right:1px solid #646464;}
#footer .copyright ul li:last-child {border-right:0;}
#footer .copyright ul li a {display:block; color:#fff; font-family:'Noto Sans KR'; font-size:15px; font-weight:400; line-height:20px; letter-spacing:-0.5px;}


/* Main */
.main_content_wrap {position:relative; max-width:1440px; height:760px; margin:auto; overflow:hidden;}
.main_content_wrap .main_top_tit {font-size:22px; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.5px; color:#000; padding:30px 20px;}
.main_content_wrap .main_top_more {position:absolute; bottom:0; right:0;}

.main_support_wrap {position:absolute; top:0; left:0; width:25%; height:380px; background:#478c9b;}
.main_support_top {overflow:hidden; background:#0e1c1f;}
.main_support_top .support_tit {float:left; width:calc(100% - 144px); height:45px; line-height:45px; font-size:17px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; box-sizing:border-box; padding-left:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_support_top .support_tit .more {float:right; display:block; color:#f0f0f0; font-size:13px; line-height:normal; height:45px; padding:15px 10px 0 0; box-sizing:border-box;}
.main_support_top .support_ctrl {position:relative; float:right; width:144px; height:45px; line-height:45px; font-size:15px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; box-sizing:border-box; padding-left:15px; border-left:1px solid #478c9b;}
.main_support_top .support_ctrl strong {color:#ffd400; font-weight:normal;}
.main_support_top .support_ctrl ul {position:absolute; top:10px; right:5px;}
.main_support_top .support_ctrl li {float:left;}
.main_support_top .support_ctrl li button {display:block; width:25px; height:25px; line-height:25px; text-align:center; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}

.main_support_list .main_support_item {width:360px; height:335px; padding:40px 30px 0; box-sizing:border-box;}
.main_support_list .main_support_item strong {display:block; font-size:20px; color:#fff; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:24px; max-height:48px; margin-bottom:20px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_support_list .main_support_item span {display:block; color:#fff; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; max-height:176px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

.main_support_list .slick-dots {position:absolute; width:60px; height:20px; top:-33px; right:80px;}
.main_support_list .slick-dots li {width:60px; height:20px; line-height:20px; margin:0; font-size:15px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; cursor:default;}
.main_support_list .slick-dots li strong {color:#ffd400; font-weight:normal;}

.main_agency_wrap {position:absolute; top:380px; left:0; width:25%; height:380px; background:#668abd;}
.main_agency_top {overflow:hidden; background:#101824;}
.main_agency_top .agency_tit {float:left; width:calc(100% - 144px); height:45px; line-height:45px; font-size:17px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; box-sizing:border-box; padding-left:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_agency_top .agency_tit .more {float:right; display:block; color:#f0f0f0; font-size:13px; line-height:normal; height:45px; padding:15px 10px 0 0; box-sizing:border-box;}
.main_agency_top .agency_ctrl {position:relative; float:right; width:144px; height:45px; line-height:45px; font-size:15px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; box-sizing:border-box; padding-left:15px; border-left:1px solid #668abd;}
.main_agency_top .agency_ctrl strong {color:#ffd400; font-weight:normal;}
.main_agency_top .agency_ctrl ul {position:absolute; top:10px; right:5px;}
.main_agency_top .agency_ctrl li {float:left;}
.main_agency_top .agency_ctrl li button {display:block; width:25px; height:25px; line-height:25px; text-align:center; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}

.main_agency_list .main_agency_item {width:360px; height:335px; padding:40px 30px 0; box-sizing:border-box;}
.main_agency_list .main_agency_item strong {display:block; font-size:20px; color:#fff; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:24px; max-height:48px; margin-bottom:20px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_agency_list .main_agency_item span {display:block; color:#fff; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; max-height:176px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

.main_agency_list .slick-dots {position:absolute; width:60px; height:20px; top:-33px; right:80px;}
.main_agency_list .slick-dots li {width:60px; height:20px; line-height:20px; margin:0; font-size:15px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; cursor:default;}
.main_agency_list .slick-dots li strong {color:#ffd400; font-weight:normal;}

.main_rolling_wrap {position:absolute; top:0; left:25%; width:50%; height:380px; overflow:hidden; animation-delay: 0.3s;}
.main_rolling_wrap .slick-dotted.slick-slider {margin-bottom:0;}
.main_rolling_img .img_bg {height:100%;}
.main_rolling_img {height:380px;}
.main_rolling_img .slick-list {height:380px;}
.main_rolling_img .slick-list div {height:380px;}
.main_rolling_img .slick-list div .roll_banner {position:relative;}
.main_rolling_img .slick-list div .roll_banner .info_text {position:absolute; top:0; right:0; width:50%; height:100%; padding:40px 40px 0; box-sizing:border-box; color:#fff; font-family:'Noto Sans KR'; letter-spacing:-0.5px; background:rgba(0,0,0,.8);}
.main_rolling_img .slick-list div .roll_banner .info_text:after {position:absolute; top:50%; right:100%;	border:solid transparent;	content:"";	height:0;	width:0;	pointer-events:none;	border-color:rgba(0, 0, 0, 0);	border-right-color:rgba(0, 0, 0, .8);	border-width:20px;	margin-top:-20px;}
.main_rolling_img .slick-list div .roll_banner .info_text strong {display:block; font-size:24px; font-weight:400; line-height:1.4; margin-bottom:24px;}
.main_rolling_img .slick-list div .roll_banner .info_text span {display:block; font-size:16px; font-weight:400; line-height:1.4; margin-bottom:8px;}
.main_rolling_img .slick-dots {width:auto; bottom:25px; right:25px;}
.main_rolling_img .slick-dots li {width:13px; height:13px; margin:0 4px;}
.main_rolling_img .slick-dots li button {display:block; width:13px; height:13px; background-color:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.main_rolling_img .slick-dots li.slick-active button {background-color:#ff8a00; border:1px solid #ff8a00;}

.main_bsi_wrap {position:absolute; top:0; right:0; width:25%; height:380px; background:url('/img/bsi_bg.jpg') no-repeat; background-size:100% 100%; animation-delay: 0.6s;}
.main_bsi_wrap h3 {height:45px; line-height:45px; font-size:17px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; padding-left:10px; background:rgba(0,0,0,.6);}
.main_bsi_wrap h3 .more {float:right; display:block; color:#f0f0f0; font-size:13px; line-height:normal; height:45px; padding:15px 10px 0 0; box-sizing:border-box;}
.main_bsi_wrap h5 {padding:10px 12px 8px; font-size:13px; color:#fff; font-weight:bold; letter-spacing:-0.5px;}
.main_bsi_list {overflow:hidden; padding:10px 5px 0;}
.main_bsi_list li {float:left; width:50%; padding:0 5px; box-sizing:border-box;}
.main_bsi_box {border:1px solid rgba(255,255,255,.7); background:rgba(255,255,255,.2);}
.main_bsi_box h4 {padding:8px 0; font-size:18px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; text-align:center;}
.main_bsi_box dl {position:relative; overflow:hidden; padding:6px 0; border-top:1px solid rgba(255,255,255,.7); text-align:center;}
.main_bsi_box dt {float:left; padding-left:15px; color:#fff; font-weight:bold; line-height:16px;}
.main_bsi_box dt:after {position:absolute; top:50%; left:42px; width:1px; height:46px; background:rgba(255,255,255,.4); transform:translateY(-50%); -webkit-transform:translateY(-50%); content:""}
.main_bsi_box dd {position:relative;}
.main_bsi_box dd .point {position:absolute; bottom:2px; right:4px; color:#fff; font-weight:bold;}
.main_bsi_info {overflow:hidden; padding:0 0 0 10px; font-size:12px; color:#fff; letter-spacing:-0.5px;}
.main_bsi_info li {float:left; width:33.33333333333333%;}
.main_bsi_info li img {vertical-align:middle;}

.main_exhibition_wrap {display:none; position:absolute; top:0; right:0; width:25%; height:380px; background:#f2efe5; animation-delay: 0.6s;}
.main_exhibition_wrap .main_top_tit {font-size:21px; color:#4e4e4c;}
.main_exhibition_wrap .exhibition_more {padding-top:5px; text-align:center;}
.main_exhibition_list {padding:0 20px;}
.main_exhibition_list li {overflow:hidden; margin-bottom:20px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_exhibition_list .day {float:left; display:block; background-color:#ada49a; border:1px solid #ada49a; color:#fff; width:66px; height:66px; text-align:center; font-size:12px; font-weight:500; box-sizing:border-box; border-radius:3px;}
.main_exhibition_list .day strong {display:block; padding:7px 0; font-size:28px; font-weight:500;}
.main_exhibition_list .txt {padding-left:80px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_exhibition_list .txt strong {display:block; font-size:16px; font-weight:500; line-height:22px; max-height:44px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_exhibition_list .txt span {display:block; padding-top:5px; font-size:13px; color:#848484; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_bidding_wrap {position:relative; float:left; width:25%; height:380px; background:#dcdcdc; animation-delay: 0.2s;}
.main_bidding_wrap ul {padding:0 20px;}
.main_bidding_wrap ul li {overflow:hidden; margin-bottom:25px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_bidding_wrap ul li strong {display:block; color:#2d3e65; font-size:18px; font-weight:400; line-height:22px; max-height:44px; margin-bottom:10px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_bidding_wrap ul li span {display:block; font-size:16px; color:#4e4e4c; font-weight:400; line-height:20px; max-height:60px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

.main_education_wrap {position:absolute; top:380px; left:25%; width:25%; height:380px; background:#f5f5f5; animation-delay: 0.4s;}
.main_education_wrap ul {padding:0 20px;}
.main_education_wrap ul li {overflow:hidden; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_education_wrap ul li strong {display:block; color:#2d3e65; font-size:18px; font-weight:400; line-height:22px; max-height:44px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_education_wrap ul li span {display:block; margin-bottom:20px; font-size:16px; color:#4e4e4c; font-weight:400; line-height:22px; max-height:176px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

.main_news_wrap {position:absolute; top:380px; left:50%; width:25%; height:380px; background:#fff; animation-delay: 0.6s;}
.main_news_wrap ul {padding:0 20px;}
.main_news_wrap ul li {overflow:hidden; margin-bottom:20px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_news_wrap ul li strong {display:block; color:#2d3e65; font-size:16px; font-weight:400; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_news_wrap ul li span {display:block; font-size:16px; color:#3f3f3e; font-weight:400; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_news_wrap ul li small {display:block; font-size:14px; color:#848484; font-weight:400; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_banner_wrap {position:absolute; top:380px; right:0; width:25%; height:380px; animation-delay: 0.8s;}
.main_banner_wrap a {display:block; height:100%;}
.main_banner_wrap .banner_eyenshop {position:relative; height:50%; background:url(/img/icon_banner_go.png) no-repeat 91% 87%; background-color:#8c8c8d; overflow:hidden;}
.main_banner_wrap .banner_eyenshop .img_eyenshop {float:left; width:40%; height:100%; background-image:url(/img/img_eyenshop.jpg); background-size:cover;}
.main_banner_wrap .banner_eyenshop .logo_eyenshop {margin-left:40%; padding-top:30px; text-align:center;}
.main_banner_wrap .banner_eyewearkorea {position:relative; height:50%; background:url(/img/icon_banner_go.png) no-repeat 43% 87%; background-color:#65676d; overflow:hidden;}
.main_banner_wrap .banner_eyewearkorea .img_eyewearkorea {float:right; width:40%; height:100%; background-image:url(/img/img_eyewearkorea.jpg); background-size:cover;}
.main_banner_wrap .banner_eyewearkorea .logo_eyewearkorea {margin-right:40%; padding-top:30px; text-align:center;}

.main_banner2_wrap {position:absolute; top:0; right:0; width:25%; height:380px; animation-delay: 0.8s;}
.main_banner2_wrap a {display:block; height:100%;}
.main_banner2_wrap .banner_koia {position:relative; height:50%; background:url(/img/icon_banner_go.png) no-repeat 91% 87%; background-color:#8c8c8d; overflow:hidden;}
.main_banner2_wrap .banner_koia .img_koia {float:left; width:40%; height:100%; background-image:url(/img/img_koia.jpg); background-size:cover;}
.main_banner2_wrap .banner_koia .logo_koia {margin-left:40%; padding-top:30px; text-align:center;}
.main_banner2_wrap .banner_diops {position:relative; height:50%; background:url(/img/icon_banner_go.png) no-repeat 43% 87%; background-color:#65676d; overflow:hidden;}
.main_banner2_wrap .banner_diops .img_diops {float:right; width:40%; height:100%; background-image:url(/img/img_diops.jpg); background-size:cover;}
.main_banner2_wrap .banner_diops .logo_diops {margin-right:40%; padding-top:30px; text-align:center;}

.main_map_wrap {position:relative; height:780px; overflow:hidden;}
.main_map_wrap .map_info_text {position:absolute; top:3%; left:0; width:100%; text-align:center; font-size:16px; line-height:1.6; font-weight:500; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_map_wrap .map_info_text.hidden {display:none;}
.main_map_wrap .map_info_text small {display:block; font-size:14px; font-weight:400;}
.main_map {position:relative; height:100%;}
.main_map #map_bg {position:absolute; width:1440px; height:660px; top:50%; left:50%; margin-top:-330px; margin-left:-720px; background:url(/img/trade_map.png) 50% 0 no-repeat; background-size:contain; -webkit-background-size:contain; -webkit-transition:all 0.75s cubic-bezier(0.86, 0, 0.07, 1);transition:all 0.75s cubic-bezier(0.86, 0, 0.07, 1);}
.main_map .mark_group {height:100%; background:rgba(255,255,255,0.3);}
.main_map article {position:absolute; top:50%; left:50%; z-index:1; -webkit-transform:scale(1.2); transform:scale(1.2);}
.main_map article .dot {display:inline-block; width:12px; height:12px; border:2px solid #fff; background:#e54545; border-radius:100%; vertical-align:middle;}
.main_map article .nation {display:inline-block; color:#000; letter-spacing:-0.5px; font-size:16px; font-family:'BMJUA'; font-weight:normal; line-height:18px; margin:0 2px; vertical-align:middle; text-shadow:-1px 0 #fff, 1px 0 #fff, 0 -1px #fff, 0 1px #fff;}
.main_map article em {position:relative; display:inline-block; vertical-align:middle; width:12px; height:12px; border-radius:50%; border:1px solid #fff; background:#fff; box-shadow:0px 0px 3px rgba(0,0,0,.3); overflow:hidden;}
.main_map article img {position:absolute; display:block; height:12px; border-radius:50%;}

.main_map article.none .nation {color:#888;}
.main_map article.none img {opacity:0.5;}

.main_map article.jp {top:275px; margin-left:-120px;} /*일본*/
.main_map article.us {top:245px; margin-left:370px;} /*미국*/
.main_map article.de {top:225px; margin-left:-615px;} /*독일*/
.main_map article.cn {top:285px; margin-left:-245px;} /*중국*/
.main_map article.gb {top:225px; margin-left:-670px;} /*영국*/
.main_map article.vn {top:395px; margin-left:-250px;} /*베트남*/
.main_map article.tw {top:335px; margin-left:-190px;} /*대만*/
.main_map article.hk {top:355px; margin-left:-220px;} /*홍콩*/
.main_map article.dk {top:185px; margin-left:-620px;} /*덴마크*/
.main_map article.fr {top:245px; margin-left:-645px;} /*프랑스*/
.main_map article.sg {top:425px; margin-left:-260px;} /*싱가포르*/
.main_map article.ca {top:160px; margin-left:300px;} /*캐나다*/
.main_map article.ae {top:350px; margin-left:-445px;} /*아랍에미리트*/
.main_map article.th {top:380px; margin-left:-275px;} /*태국*/
.main_map article.sa {top:330px; margin-left:-495px;} /*사우디아라비아*/
.main_map article.id {top:440px; margin-left:-220px;} /*인도네시아*/
.main_map article.kw {top:310px; margin-left:-475px;} /*쿠웨이트*/
.main_map article.my {top:410px; margin-left:-270px;} /*말레이시아*/
.main_map article.ru {top:160px; margin-left:-260px;} /*러시아*/
.main_map article.it {top:265px; margin-left:-610px;} /*이탈리아*/
.main_map article.nl {top:205px; margin-left:-630px;} /*네덜란드*/
.main_map article.au {top:530px; margin-left:-150px;} /*호주*/
.main_map article.in {top:375px; margin-left:-355px;} /*인도*/
.main_map article.cz {top:230px; margin-left:-560px;} /*체코*/
.main_map article.br {top:440px; margin-left:540px;} /*브라질*/

.main_map article.hidden {max-height:0; opacity:0; visibility:hidden;}
.main_map article.hidden.active{max-height:inherit; opacity:1; visibility:visible;}

.main_map #map_bg.jp {margin-top:-484px; margin-left:-431px; -webkit-transform:scale(3); transform:scale(3);} /*일본*/
.main_map #map_bg.us {margin-top:-393px; margin-left:-1898px; -webkit-transform:scale(3); transform:scale(3);} /*미국*/
.main_map #map_bg.de {margin-top:-317px; margin-left:1056px; -webkit-transform:scale(3); transform:scale(3);} /*독일*/
.main_map #map_bg.cn {margin-top:-513px; margin-left:-56px; -webkit-transform:scale(3); transform:scale(3);} /*중국*/
.main_map #map_bg.gb {margin-top:-320px; margin-left:1224px; -webkit-transform:scale(3); transform:scale(3);} /*영국*/
.main_map #map_bg.vn {margin-top:-843px; margin-left:-62px; -webkit-transform:scale(3); transform:scale(3);} /*베트남*/
.main_map #map_bg.tw {margin-top:-663px; margin-left:-221px; -webkit-transform:scale(3); transform:scale(3);} /*대만*/
.main_map #map_bg.hk {margin-top:-723px; margin-left:-131px; -webkit-transform:scale(3); transform:scale(3);} /*홍콩*/
.main_map #map_bg.dk {margin-top:-200px; margin-left:1048px; -webkit-transform:scale(3); transform:scale(3);} /*덴마크*/
.main_map #map_bg.fr {margin-top:-380px; margin-left:1124px; -webkit-transform:scale(3); transform:scale(3);} /*프랑스*/
.main_map #map_bg.sg {margin-top:-933px; margin-left:-52px; -webkit-transform:scale(3); transform:scale(3);} /*싱가포르*/
.main_map #map_bg.ca {margin-top:-139px; margin-left:-1712px; -webkit-transform:scale(3); transform:scale(3);} /*캐나다*/
.main_map #map_bg.ae {margin-top:-713px; margin-left:463px; -webkit-transform:scale(3); transform:scale(3);} /*아랍에미리트*/
.main_map #map_bg.th {margin-top:-798px; margin-left:34px; -webkit-transform:scale(3); transform:scale(3);} /*태국*/
.main_map #map_bg.sa {margin-top:-653px; margin-left:592px; -webkit-transform:scale(3); transform:scale(3);} /*사우디아라비아*/
.main_map #map_bg.id {margin-top:-978px; margin-left:-192px; -webkit-transform:scale(3); transform:scale(3);} /*인도네시아*/
.main_map #map_bg.kw {margin-top:-588px; margin-left:593px; -webkit-transform:scale(3); transform:scale(3);} /*쿠웨이트*/
.main_map #map_bg.my {margin-top:-888px; margin-left:-43px; -webkit-transform:scale(3); transform:scale(3);} /*말레이시아*/
.main_map #map_bg.ru {margin-top:-140px; margin-left:-30px; -webkit-transform:scale(3); transform:scale(3);} /*러시아*/
.main_map #map_bg.it {margin-top:-442px; margin-left:1011px; -webkit-transform:scale(3); transform:scale(3);} /*이탈리아*/
.main_map #map_bg.nl {margin-top:-264px; margin-left:1104px; -webkit-transform:scale(3); transform:scale(3);} /*네덜란드*/
.main_map #map_bg.au {margin-top:-1235px; margin-left:-330px; -webkit-transform:scale(3); transform:scale(3);} /*호주*/
.main_map #map_bg.in {margin-top:-770px; margin-left:280px; -webkit-transform:scale(3); transform:scale(3);} /*인도*/
.main_map #map_bg.cz {margin-top:-335px; margin-left:900px; -webkit-transform:scale(3); transform:scale(3);} /*체코*/
.main_map #map_bg.br {margin-top:-965px; margin-left:-2420px; -webkit-transform:scale(3); transform:scale(3);} /*브라질*/

.main_map .map_pop {position:absolute; top:50%; left:50%; margin:-230px 0 0 -410px; width:820px; height:540px; padding:20px 20px 0; font-family:'Noto Sans KR'; letter-spacing:-0.5px; background:#deebf3; border:2px solid #303579; z-index:1; box-sizing:border-box; box-shadow:0 4px 12px rgba(0,0,0,0.3); visibility:hidden; opacity:0; -webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all .5s;transition:all .5s;}
.main_map .map_pop.active {visibility:visible; opacity:1; -webkit-transform:translateY(0);transform:translateY(0);transition-delay:.25s;}
.main_map .map_pop .pop_close {position:absolute; top:-40px; right:2px;}
.main_map .map_pop .pop_top {overflow:hidden; border-bottom:1px solid #1b242b; line-height:30px; padding:0 4px 10px; margin-bottom:20px;}
.main_map .map_pop .pop_top h4 {float:left; font-size:24px; font-weight:400; color:#222;}
.main_map .map_pop .pop_top h4 img {height:22px; margin-bottom:5px; vertical-align:middle;}
.main_map .map_pop .pop_top h4 small {font-size:16px;}
.main_map .map_pop .pop_top .time {display:block; float:right; margin-top:5px; font-size:20px; font-weight:400; color:#555; padding-left:24px; background:url(/img/icon_time.png) no-repeat 0 50%;}
.main_map .map_pop .pop_info {position:relative; padding:0 4px; margin-bottom:12px;}
.main_map .map_pop .info_text {width:290px; font-size:16px; font-weight:300; color:#444; padding-top:3px;}
.main_map .map_pop .info_text li {line-height:25px; background:url(/img/dot.gif) no-repeat 0 12px; padding-left:10px;}
.main_map .map_pop .info_text strong {font-weight:400; color:#222;}
.main_map .map_pop .info_trade {position:absolute;	width:470px; top:0;	right:0;}
.main_map .map_pop .info_trade li {float:left; width:33.33333333333333%; padding-left:10px; box-sizing:border-box;}
.main_map .map_pop .info_trade li .box {height:80px; background:#424242; border:1px solid #424242; padding-top:12px; font-size:16px; font-weight:300; color:#fff; text-align:center; border-radius:4px; box-sizing:border-box;}
.main_map .map_pop .info_trade li .box strong {display:inline-block; padding-top:12px; font-size:24px; font-weight:400;}
.main_map .map_pop .info_reference {position:absolute;	top:90px;	right:2px; color:#555;}
.main_map .map_pop .pop_exhi {line-height:30px; background:url(/img/dot.gif) no-repeat 4px 16px; font-size:16px; font-weight:400; color:#222; padding-left:14px;}
.main_map .map_pop .pop_exhi strong {font-size:20px; font-weight:300; color:#384b9a;}
.main_map .map_pop .pop_big {overflow:hidden; margin:0 -10px;}
.main_map .map_pop .pop_big .update_text {padding:0 12px 8px; text-align:right; font-size:12px; color:#555; font-weight:normal;}
.main_map .map_pop .pop_big > ul > li {float:left; width:33.33333333333333%; padding:0 10px; box-sizing:border-box;}
.main_map .map_pop .pop_big .box_wrap {height:250px; padding:0; background:#fff; border:1px solid #fff; font-family:'Noto Sans KR'; letter-spacing:-0.5px; border-radius:4px; box-sizing:border-box;}
.main_map .map_pop .pop_big .box_wrap h3 {font-size:16px; color:#222; font-weight:400; padding:7px 0; text-align:center;}
.main_map .map_pop .pop_big .box {height:220px;}
.main_map .map_pop .pop_big .box>svg {margin-left:-7px;}
.main_map .map_pop .pop_big .keyword {padding:0 20px;}
.main_map .map_pop .pop_big .keyword li {line-height:1.5; font-size:12px; color:#7f7f7f;}
.main_map .map_pop .pop_big .keyword li:nth-child(1) {font-size:18px; color:#d62728;}
.main_map .map_pop .pop_big .keyword li:nth-child(2) {font-size:16px; color:#ff7f0e;}
.main_map .map_pop .pop_big .keyword li:nth-child(3) {font-size:15px; color:#2ca02c;}
.main_map .map_pop .pop_big .keyword li:nth-child(4) {font-size:14px; color:#1f77b4;}
.main_map .map_pop .pop_big .keyword li:nth-child(5) {font-size:14px; color:#9467bd;}
.main_map .map_pop .pop_big .keyword li:nth-child(6) {font-size:13px; color:#8c564b;}
.main_map .map_pop .pop_big .keyword li:nth-child(7) {font-size:13px; color:#5e5e5e;}
.main_map .map_pop .pop_big .keyword li:nth-child(8) {font-size:13px; color:#5e5e5e;}
/*.main_map .map_pop .pop_big li .box h4 {font-size:16px; color:#222; font-weight:400; line-height:22px; max-height:44px; margin-bottom:10px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_map .map_pop .pop_big li .box p {font-size:16px; color:#444; font-weight:300; line-height:22px; max-height:66px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}*/

.main_trade_wrap {position:relative; max-width:1440px; margin:0 auto;}
.main_trade_wrap .trade_reference_wrap {background-color:#222; border-top:1px solid #4e4e4e; overflow:hidden;}
.main_trade_wrap .trade_reference {float:right; padding:6px 8px; font-size:13px; line-height:18px; letter-spacing:-0.5px; color:#f5f5f5;}
.main_trade_box {overflow:hidden; border-radius:4px;}
.main_trade_box .main_trade_tab {overflow:hidden; margin:0 -1px;}
.main_trade_box .main_trade_tab li {float:left; width:25%; padding:0 1px 2px; box-sizing:border-box;}
.main_trade_box .main_trade_tab a {display:block; width:100%; height:60px; text-align:center; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:20px; line-height:60px; color:#cccccc; background-color:#444; box-sizing:border-box;}
.main_trade_box .main_trade_tab a.on {color:#fff; background-color:#ff8800;}
.main_trade_box .main_trade_tab li:last-child a {border-right:1px solid #fff;}

.main_trade_box .main_trade_subtab {overflow:hidden;}
.main_trade_box .main_trade_subtab li {float:left; width:33.33333333333333%;}
.main_trade_box .main_trade_subtab a {display:block; width:100%; height:50px; text-align:center; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:18px; line-height:50px; color:#e0e0e0; background-color:#777; border-bottom:1px solid #aaa; border-right:1px solid #aaa; box-sizing:border-box;}
.main_trade_box .main_trade_subtab a.on {color:#ffae00; background-color:#222;}
.main_trade_box .main_trade_subtab li:last-child a {border-right:0;}

.main_trade_box .main_trade_list {overflow:hidden;}
.main_trade_box .main_trade_list li {float:left; width:14.28571428571429%; height:120px; text-align:center; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:16px; line-height:1.3; color:#fff; background-color:#222; border-right:1px solid #4e4e4e; box-sizing:border-box;}
.main_trade_box .main_trade_list li:nth-child(1) {animation-delay: 0.1s;}
.main_trade_box .main_trade_list li:nth-child(2) {animation-delay: 0.2s;}
.main_trade_box .main_trade_list li:nth-child(3) {animation-delay: 0.3s;}
.main_trade_box .main_trade_list li:nth-child(4) {animation-delay: 0.4s;}
.main_trade_box .main_trade_list li:nth-child(5) {animation-delay: 0.5s;}
.main_trade_box .main_trade_list li:nth-child(6) {animation-delay: 0.6s;}
.main_trade_box .main_trade_list li:nth-child(7) {animation-delay: 0.7s;}
.main_trade_box .main_trade_list li:last-child {border-right:0;}
.main_trade_box .main_trade_list li strong {display:block; padding-top:16px; font-size:22px; font-weight:400;}
.main_trade_box .main_trade_list li span {display:block; padding:6px 0; font-size:16px;}
.main_trade_box .main_trade_list li span.c_red {color:#ff0000;}
.main_trade_box .main_trade_list li span.c_blue {color:#0090ff;}

.main_media_wrap {position:relative; max-width:1440px; margin:0 auto 20px; overflow:hidden;}

.main_bigdata {overflow:hidden; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; margin-bottom:20px;}
.main_bigdata li {float:left; width:50%;}
.main_bigdata li h4 {height:45px; line-height:45px; text-align:center; color:#222; font-size:20px; font-weight:500;}
.main_bigdata li .word_cloud_wrap {position:relative; height:210px;}
.main_bigdata li .word_cloud {position:absolute;	top:50%;	left:50%; width:340px; height:200px; margin:-100px 0 0 -170px;}
.main_bigdata li .word_cloud svg {width:340px;}
.main_bigdata li:nth-child(1) {background-color:#f1f1f1;}
.main_bigdata li:nth-child(2) {background-color:#f7f7f7; animation-delay: 0.2s;}
.main_bigdata li:nth-child(1) h4 {background-color:#c2c2c2;}
.main_bigdata li:nth-child(2) h4 {background-color:#d1d1d1;}

.main_media {overflow:hidden;}
.main_video_player {float:left; width:50%; height:370px; background-color:#333334; padding:5px 0 5px 5px; box-sizing:border-box; animation-delay: 0.2s;}
.video_wrap {position:relative;	padding-bottom:50.35%;	height:0;}
.video_wrap iframe {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}
.video_wrap img {position:absolute;	top:0;	left:0;	width:100%; height:100%;}

.main_video_list {float:left; width:25%; height:370px; background-color:#333334; animation-delay: 0.5s;}
.main_video_list ul {padding:40px 30px 0;}
.main_video_list li {margin-bottom:20px;}
.main_video_list li:last-child {margin-bottom:0;}
.main_video_list li a strong {display:block; color:#b4b4b4; font-size:18px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; max-height:44px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_video_list li a.on strong {color:#fff;}
.main_video_list li a span {display:block; font-size:14px; color:#838282; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_ebook_list {float:left; width:25%; height:370px; background-color:#191919; animation-delay: 0.8s;}
.main_ebook_list .main_ebook_tit {padding:50px 30px 0; font-size:18px; color:#ffcd90; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px;}
.main_ebook_list ul {overflow:hidden; padding:30px 20px 0;}
.main_ebook_list ul li {float:left; width:50%; padding:0 10px; box-sizing:border-box; text-align:center;}
.main_ebook_list ul li strong {display:inline-block; max-width:100%; padding-top:6px; font-size:14px; color:#fff; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_etc_wrap {position:relative; max-width:1440px; margin:0 auto 60px; overflow:hidden;}

.main_store {float:left; width:25%; height:255px; background:url(/img/img_store_bg.png) no-repeat; background-position:89% 11%; background-color:#717171;}
.main_store h3 {display:block; color:#fff; font-size:24px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; padding:40px 0 0 40px;}
.main_store span {display:block; color:#fff; font-size:16px; font-family:'Noto Sans KR'; font-weight:300; letter-spacing:-0.5px; line-height:20px; padding:10px 0 10px 40px;}
.main_store ul {overflow:hidden; padding:20px 35px;}
.main_store ul li {float:left; width:50%; padding:0 5px; box-sizing:border-box;}
.main_store ul li select {width:100%; height:30px; padding:0 5px; font-size:16px; font-family:'Noto Sans KR'; letter-spacing:-0.5px; color:#323232; box-sizing:border-box;}
.main_store .btn_store_search {padding:0 40px;}
.main_store .btn_store_search a {display:block; height:55px; line-height:55px; color:#fff; font-size:20px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; background-color:#363636; border:1px solid #363636; text-align:center; box-sizing:border-box; border-radius:5px;}
.main_store .btn_store_search a img {vertical-align:middle; margin:0 4px 4px 0;}

.main_job {float:left; width:25%; height:255px; background-color:#ebeae5; animation-delay: 0.3s;}
.main_job .main_job_tit {padding:30px 25px 0; font-size:22px; color:#000; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px;}
.main_job ul {padding:10px 25px 0;}
.main_job ul li {padding:10px 0; border-bottom:1px solid #d3d2ce;}
.main_job ul li:last-child {padding:10px 0 0; border-bottom:0;}
.main_job ul li a {display:block; font-size:16px; color:#505050; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:20px; max-height:40px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

.main_degisn_banner {float:left; width:50%; height:255px; animation-delay: 0.6s;}
.main_degisn_banner img {height:100%;}

.main_quick {clear:both; padding:20px 0;}
.main_quick ul:after {content:""; display:block; clear:both;}
.main_quick li {float:left; width:25%;}
.main_quick li a {display:block; height:80px; line-height:80px; background-color:#3e404b; border-right:1px solid #65666f; font-size:22px; color:#fff; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_quick li:last-child a {border-right:0;}
.main_quick li a img {vertical-align:middle;}
.main_quick li:nth-child(1) {animation-delay: 0.2s;}
.main_quick li:nth-child(2) {animation-delay: 0.4s;}
.main_quick li:nth-child(3) {animation-delay: 0.6s;}
.main_quick li:nth-child(4) {animation-delay: 0.8s;}
.main_quick li:nth-child(1) a img {margin:0 8px 12px 0;}
.main_quick li:nth-child(2) a img {margin:0 8px 8px 0;}
.main_quick li:nth-child(3) a img {margin:0 8px 4px 0;}
.main_quick li:nth-child(4) a img {margin:0 8px 16px 0;}

.main_company_title {position:relative; height:54px; line-height:54px; background-color:#333; color:#fff; font-size:22px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center;}
.main_company_title .btn_more {position:absolute; right:0; top:0; display:inline-block; padding:0 15px; color:#f5f5f5; font-size:16px;}
.main_company li {float:left; width:25%; box-sizing:border-box;}
.main_company li > div {position:relative; display:block; height:350px; padding:50px 30px 0; box-sizing:border-box;}
.main_company li > div h4 {height:45px;}
.main_company li > div strong {display:inline-block; max-width:80%; font-size:20px; color:#000; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_company li > div span {display:block; color:#494949; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_company li > div span.add {max-height:44px; white-space:normal;}
.main_company li > div dl {position:relative; color:#494949; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px;}
.main_company li > div dl dt {position:absolute; left:0; top:0;}
.main_company li > div dl dd {padding-left:66px; max-height:66px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.main_company li > div small {display:inline-block; font-size:13px; line-height:normal; color:#fff; vertical-align:middle; background-color:#59729c; border:1px solid #59729c; padding:2px 6px; box-sizing:border-box; border-radius:3px;}
.main_company li > div small.c_orange {background-color:#f27f52; border:1px solid #f27f52;}
.main_company li > div small.c_green {background-color:#6d9c59; border:1px solid #6d9c59;}
/*.main_company li > div .view_icon {position:absolute; bottom:14px; left:50%; margin-left:-60px; width:120px; height:36px; line-height:36px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#222; text-align:center;}*/
.main_company .btn_wrap {position:absolute; left:0; bottom:0; width:100%; height:40px; text-align:center; font-size:0;}
.main_company .btn_wrap .view_icon {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#333; text-align:center;}
.main_company .btn_wrap .shop_icon {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#333; text-align:center; cursor:pointer;}
.main_company .btn_wrap .shop_icon span {font-size:0.75em; color:#fff;}
.main_company .btn_wrap .shop_icon.c_shop {background:#3d5c99;}
.main_company .btn_wrap .shop_icon.c_korea {background:#7f4c99;}

.main_company .btn_wrap .view_none {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#ccc; text-align:center;}
.main_company .btn_wrap .shop_none {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#d0d7e6; text-align:center;}

.main_company .shop_btn_pop {display:none; position:absolute; left:0; top:0; width:100%; height:calc(100% - 40px); text-align:center; font-size:0; background:rgba(0,0,0,.5); box-sizing:border-box;}
.main_company .shop_btn_pop.open {display:block;}
.main_company .shop_btn_pop .shop_btn {display:table; position:absolute; left:0; top:0; width:100%; height:50%; background:#8c8c8c; color:#fff; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.main_company .shop_btn_pop .korea_btn {display:table; position:absolute; left:0; top:50%; width:100%; height:50%; background:#737373; color:#fff; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.main_company .shop_btn_pop .shop_btn_none {display:table; position:absolute; left:0; top:0; width:100%; height:50%; background:#ededed; color:#bbb; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.main_company .shop_btn_pop .korea_btn_none {display:table; position:absolute; left:0; top:50%; width:100%; height:50%; background:#ededed; color:#bbb; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.main_company .shop_btn_pop .shop_btn > div, .main_company .shop_btn_pop .korea_btn > div, .main_company .shop_btn_pop .shop_btn_none > div, .main_company .shop_btn_pop .korea_btn_none > div {display:table-cell; vertical-align:middle;}
.main_company .shop_btn_pop .icon_arrow {margin:0 0 3px 3px; vertical-align:middle;}

.main_company .diops_wrap {position:absolute; left:0; top:15px; width:100%; height:20px; font-size:0; padding:0 0 0 10px; box-sizing:border-box;}
.main_company .diops_wrap span {display:inline-block; padding:0 4px 0 3px; margin:0 0 0 5px; line-height:20px; font-family:'Noto Sans KR'; font-size:12px; font-weight:400; letter-spacing:-0.5px; color:#fff; text-align:center; vertical-align:middle; background-color:#777777;}
/*.main_company .diops_wrap span.c_17 {background-color:#3b8bd1;}
.main_company .diops_wrap span.c_18 {background-color:#5cb85c;}
.main_company .diops_wrap span.c_19 {background-color:#56b4d1;}
.main_company .diops_wrap span.c_20 {background-color:#eba646;}
.main_company .diops_wrap span.c_21 {background-color:#e5605c;}*/

.main_company li:nth-child(1) {}
.main_company li:nth-child(2) {animation-delay: 0.2s;}
.main_company li:nth-child(3) {animation-delay: 0.4s;}
.main_company li:nth-child(4) {animation-delay: 0.6s;}
.main_company li:nth-child(5) {animation-delay: 0.2s;}
.main_company li:nth-child(6) {animation-delay: 0.4s;}
.main_company li:nth-child(7) {animation-delay: 0.6s;}
.main_company li:nth-child(8) {animation-delay: 0.8s;}
.main_company li:nth-child(1) > div {background-color:#ebeae5;}
.main_company li:nth-child(2) > div {background-color:#fff;}
.main_company li:nth-child(3) > div {background-color:#ebeae5;}
.main_company li:nth-child(4) > div {background-color:#dfdfdf;}
.main_company li:nth-child(5) > div {background-color:#dfdfdf;}
.main_company li:nth-child(6) > div {background-color:#f1f1f1;}
.main_company li:nth-child(7) > div {background-color:#fff;}
.main_company li:nth-child(8) > div {background-color:#d1d1d1;}


/* Sub */
.sub_navi_wrap {position:relative; height:60px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; z-index:3;}
.sub_navi_wrap>nav {max-width:1440px; margin:auto; font-family:'Noto Sans KR';}
.sub_navi_wrap>nav:after{content:""; display:block; clear:both;}
.sub_navi_wrap>nav>div {display:block; float:left; border-left:1px solid #d9d9d9; position:relative; cursor:pointer; z-index:9;}
.sub_navi_wrap>nav>div:last-child {border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>a.home {display:block; width:78px; height:60px; text-align:center; background:url(/img/icon_home.png) no-repeat 50% 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.sub_navi_wrap>nav>div>.depth_title {height:60px; font-size:16px; font-weight:700; letter-spacing:-0.5px; color:#333; width:258px; text-indent:20px; line-height:60px; background:url(/img/icon_snb.png) no-repeat 230px center; box-sizing:border-box; padding-right:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul {display:none; overflow:hidden; position:absolute; left:-1px; top:60px; background:#fff; border-bottom:1px solid #d9d9d9; z-index:6;}
.sub_navi_wrap>nav>div>ul>li {height:50px; line-height:50px; font-size:16px; letter-spacing:-0.5px; text-indent:20px; width:258px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>ul>li>a {display:block; color:#333; transition:all 0.2s ease-out; padding-right:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul>li>a:hover {background:#eee;}

.sub_content_wrap {position:relative; max-width:1440px; min-height:500px; padding:20px 0; margin:auto; overflow:hidden;}
.sub_content_wrap:focus {outline:transparent;}

#sub_title {position:relative; padding:0 0 10px; margin:0 0 25px; font-size:32px; line-height:50px; font-family:'Noto Sans KR'; font-weight:500; color:#000; letter-spacing:-0.5px; text-align:center;}
#sub_title:after{position:absolute; bottom:0; left:50%; width:62px; height:1px; background:#9b9b9b; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:""}

.login_wrap {max-width:430px; margin:0 auto; text-align:center;}
.login_wrap .a_txt {width:100%; height:54px; line-height:52px; border:1px solid #ddd; text-indent:15px; font-size:15px; margin-bottom:15px; font-family:'Noto Sans KR'; font-weight:400; box-sizing:border-box;}
.login_wrap .login_btn {display:block; height:54px; background:#024da1; color:#fff; font-size:18px; line-height:54px; text-align:center; margin-top:5px; font-family:'Noto Sans KR'; font-weight:500;}
.login_wrap .etc_btn {margin-top:20px;}
.login_wrap .etc_btn li {display:inline-block; padding:0 12px; border-right:1px solid #ddd;}
.login_wrap .etc_btn li:last-child {border-right:0;}
.login_wrap .etc_btn li a {display:block; color:#555; line-height:16px;}

.login_wrap .sns_login {margin:20px 0;}
.login_wrap .sns_login h4 {position:relative; margin-bottom:15px; text-align:center;}
.login_wrap .sns_login h4:after {position:absolute; top:50%; left:0; width:100%; height:1px; background:#ccc; content:"";}
.login_wrap .sns_login h4 span {display:block; position:relative; width:180px; height:30px; line-height:30px; margin:auto; font-size:16px; font-family:'Noto Sans KR'; color:#555; background:#fff; z-index:1;}
.login_wrap .sns_login li {margin-bottom:15px; font-family:'Noto Sans KR'; font-size:16px;}
.login_wrap .sns_login li img {vertical-align:middle; margin:0 4px 2px 0;}
.login_wrap .sns_login .naver_btn {display:block; height:52px; line-height:52px; background:#23b909; color:#fff; font-weight:500;}
.login_wrap .sns_login .kakao_btn {display:block; height:52px; line-height:52px; background:#ffec00; color:#222; font-weight:500;}
.login_wrap .sns_login .facebook_btn {display:block; height:52px; line-height:52px; background:#3b5998; color:#fff; font-weight:500;}


.join_wrap {max-width:430px; margin:0 auto;}
.join_wrap dt {float:left; width:100px; line-height:34px; min-height:34px; font-family:'Noto Sans KR'; font-size:16px;}
.join_wrap dd {padding:0 0 10px 110px; line-height:34px; min-height:34px;}
.join_wrap dd.b_pad {padding-bottom:30px;}
.join_wrap dd span {line-height:normal;}
.join_wrap dd img {vertical-align:middle; margin-bottom:2px;}
.join_wrap .a_txt {width:100%; height:34px; line-height:32px; border:1px solid #ddd; text-indent:10px; font-size:13px; box-sizing:border-box;}
.join_wrap .mobile_chk .a_txt {width:calc(100% - 104px);}
.join_wrap .mobile_chk .a_txt.on {border:1px solid #ff1500;}
.join_wrap .mobile_chk .a_btn {float:right; display:inline-block; width:100px; height:34px; line-height:32px; border:1px solid #aaa; color:#333; border-radius:4px; font-size:12px; text-align:center; background:#fff; box-sizing:border-box;}
.join_wrap .join_btn {display:block; height:54px; background:#024da1; color:#fff; font-size:18px; line-height:54px; text-align:center; margin:20px 0; font-family:'Noto Sans KR'; font-weight:500;}
.join_wrap .join_agree {font-size:14px; padding-top:10px;}
.join_wrap .join_agree li {line-height:30px;}
.join_wrap .join_agree .a_chk {width:18px; height:18px; vertical-align:middle; margin:0 2px 2px 0;}
.join_wrap .join_agree .a_btn {display:inline-block; border:1px solid #ddd; margin-left:4px; color:#333; border-radius:4px; font-size:12px; line-height:normal; background:#f7f7f7; padding:3px 6px;}
.join_wrap .sns_join_text {font-size:14px; margin-bottom:20px; text-align:center;}

.company_alarm {background:#d9534f; border:1px solid #d43f3a; color:#fff; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; line-height:1.3; letter-spacing:-0.5px; padding:15px 0; text-align:center; border-radius:4px;}
.company_alarm h4 {font-size:20px; font-weight:500; margin-bottom:5px;}

.join_alarm {background:#f5f5f5; border:1px solid #dedede; color:#222; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:-0.5px; padding:15px 0; text-align:center; border-radius:4px; margin-bottom:20px;}
.join_alarm h4 {font-size:20px; font-weight:500;}
.join_alarm h5 {font-size:18px; font-weight:500;}
.join_alarm span {color:#e51717;}

.password-view-btn {position:absolute;top:2px;right:2px;height:30px;padding:0 10px;border:0;font-size:12px;line-height:30px;background-color:#fff}

.idpw_wrap {max-width:430px; margin:0 auto;}
.idpw_wrap dl {border:1px solid #ddd; padding:5px 20px; margin-bottom:10px;}
.idpw_wrap dt {float:left; width:80px; line-height:34px; font-family:'Noto Sans KR'; font-size:16px;}
.idpw_wrap dd {padding:0 0 0 90px;}
.idpw_wrap .idpw_text {font-size:14px; line-height:1.5; margin-bottom:20px; text-align:center;}
.idpw_wrap .idpw_result {width:100%; height:34px; line-height:32px; font-size:14px; color:#222; font-weight:bold; box-sizing:border-box;}
.idpw_wrap .idpw_btn {display:block; height:54px; background:#024da1; color:#fff; font-size:18px; line-height:54px; text-align:center; margin:20px 0; font-family:'Noto Sans KR'; font-weight:500;}

.secession_wrap {max-width:430px; margin:0 auto;}
.secession_wrap h4 {font-family:'Noto Sans KR'; font-size:18px; color:#222; font-weight:500; text-align:center; line-height:1.5; margin-bottom:20px;}
.secession_wrap .secession_info {border:1px solid #ddd; padding:20px 20px 5px; margin-bottom:20px;}
.secession_wrap .secession_info p {font-family:'Noto Sans KR'; font-size:14px; color:#555; font-weight:300; line-height:1.5; margin-bottom:15px;}
.secession_wrap .secession_info strong {font-size:15px; color:#222; font-weight:500;}
.secession_wrap .c_red {color:red;}
.secession_wrap dt {float:left; width:100px; line-height:34px; min-height:34px; font-family:'Noto Sans KR'; font-size:16px;}
.secession_wrap dd {padding:0 0 10px 110px; line-height:34px; min-height:34px;}
.secession_wrap dd strong {font-size:16px; color:#222; font-weight:700;}
.secession_wrap .a_txt {width:100%; height:34px; line-height:32px; border:1px solid #ddd; text-indent:10px; font-size:13px; box-sizing:border-box;}
.secession_wrap .secession_btn {display:block; height:54px; background:#024da1; color:#fff; font-size:18px; line-height:54px; text-align:center; margin:20px 0; font-family:'Noto Sans KR'; font-weight:500;}

.youtube_list_wrap li {overflow:hidden; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #d1d1d1;}
.youtube_list_wrap .youtube_video {float:left; width:60%;}
.youtube_list_wrap .youtube_video .video_wrap {padding-bottom:56.25%;}
.youtube_list_wrap .youtube_info {padding:30px 0 0 63%; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.youtube_list_wrap .youtube_info h4 {line-height:30px; font-size:24px; color:#222; font-weight:500; margin-bottom:20px;}
.youtube_list_wrap .youtube_info p {line-height:24px; font-size:16px; color:#555; font-weight:400; margin-bottom:20px;}
.youtube_list_wrap .youtube_info p.view {font-size:14px; color:#666; font-weight:300;}
.youtube_list_wrap .youtube_info p.info {max-height:288px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.youtube_list_wrap .youtube_info .link_btn a {display:inline-block; padding:10px 20px; background-color:#333; font-size:16px; font-weight:400; color:#fff;}

.top_info_box {border:2px solid #ddd; padding:10px; margin-bottom:20px;}
.top_info_box li {font-size:12px; padding:5px;}

.s_tit {font-size:16px; font-weight:bold; color:#333; line-height:1.3; margin-bottom:5px;}

/*손과장 상담게시판, FAQ, 일반 게시판등*/ 
.form_table {width:100%; border-top:1px solid #888; border-left:1px solid #ddd; margin-bottom:20px;}
.form_table th {padding:8px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f7f7f7; color:#333; font-size:15px; font-weight:bold; text-align:left; vertical-align:top;}
.form_table td {padding:8px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:13px; line-height:1.3; vertical-align:top;}
.form_table td small {font-size:12px; color:#666;}
.form_table td select {height:34px; padding:0 3px; border:1px solid #bbb; font-size:14px; color:#222; vertical-align:middle;}
.form_table td select::-ms-expand {background-color:transparent; border:0;}
.form_table td input[type=text] {height:34px; padding:0 8px; border:1px solid #bbb; font-size:15px; color:#222; box-sizing:border-box; vertical-align:middle;}
.form_table td .subject_text {width:100%;}
.form_table td .content_text {width:100%; height:100%; padding:8px; border:1px solid #bbb; font-size:15px; color:#222; box-sizing:border-box;}
.form_table td span.btn_s {height:32px; line-height:32px; padding:0 10px; font-size:14px; cursor:pointer;}

.required_text {margin:0 0 6px 3px; font-size:12px;}
.required_text em {font-size:14px;}
.required_input {color:#ff1a1a; vertical-align:middle;}

.sub_tab {margin-bottom:10px;}
.sub_tab.mar_b20 {margin-bottom:20px;}
.sub_tab ul:after {clear:both; display:block; content:"";}
.sub_tab li {float:left; min-width:180px;}
.sub_tab ul.num2 li {width:50%; min-width:0;}
.sub_tab ul.num3 li {width:33.33333333333333%; min-width:0;}
.sub_tab ul.num4 li {width:25%; min-width:0;}
.sub_tab ul.num5 li {width:20%; min-width:0;}
.sub_tab ul.num6 li {width:16.66666666666667%; min-width:0;}
.sub_tab li a {display:block; height:46px; line-height:46px; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; letter-spacing:-0.5px; color:#555; text-align:center; border:1px solid #d6d6d6; background-color:#f6f6f6; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_tab li a.on,
.sub_tab li a:hover {color:#fff; font-weight:500; background-color:#444; border:1px solid #222;}

.list_table {width:100%; border-top:1px solid #888; margin-bottom:20px;}
.list_table th {padding:8px 10px; border-bottom:1px solid #888; background-color:#f7f7f7; color:#333; font-size:13px; font-weight:bold;}
.list_table td {padding:8px 10px; border-bottom:1px solid #ddd; color:#333; font-size:13px; line-height:1.3;}
.list_table tr:last-child td {border-bottom:1px solid #888;}
.list_table td small {font-size:12px; color:#666;}
.list_table td input[type=text] {height:22px; padding:0 3px; border:1px solid #bbb;}

.list_table.trend tr:last-child td {border-bottom:1px solid #ddd;}

.board_header {margin:0 0 8px; font-family:'Noto Sans KR';}
.board_header:after {clear:both; display:block; content:"";}
.board_header .page_num {float:left; padding:12px 0 4px; color:#555; font-weight:300;}
.board_header .page_num b {color:#222; font-weight:500;}
.board_search {float:right;}
.board_search select {width:80px; height:30px; border:1px solid #ddd; background:#fff; padding:0 6px; vertical-align:middle;}
.board_search select::-ms-expand {background-color:transparent; border:0;}
.board_search input[type=text] {width:150px; height:28px; border:1px solid #ddd; font-size:16px; padding:0 6px; vertical-align:middle;}
.board_search .btn_search {display:inline-block; width:54px; height:28px; line-height:28px; font-size:14px; font-weight:500; color:#fff; background-color:#444; border:1px solid #222; vertical-align:middle; text-align:center;}

.board_list {width:100%; border-top:1px solid #333; margin-bottom:20px;}
.board_list > li {position:relative; padding:0 0 0 140px; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.board_list .num {position:absolute; top:50%; left:0; width:140px; font-size:22px; font-weight:300; color:#222; text-align:center; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.board_list .text_wrap {position:relative;}
.board_list .subject {padding:15px 20px; border-bottom:1px solid #eee;}
.board_list .subject a {font-size:20px; font-weight:500; color:#000;}
.board_list .subject a .new {display:inline-block; color:red; font-size:11px; line-height:normal; font-weight:normal; vertical-align:top; margin-left:5px;}
.board_list .subject .icon_ing {display:inline-block; background-color:#ff7f00; color:#fff; font-size:14px; padding:4px 8px;}
.board_list .subject .icon_com {display:inline-block; background-color:#666; color:#fff; font-size:14px; padding:4px 8px;}
.board_list .desc {padding:15px 20px; font-size:16px; font-weight:300; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .info {padding:0 20px 15px;}
.board_list .info:after {clear:both; display:block; content:"";}
.board_list .info > dt, .board_list .info > dd {float:left; position:relative; font-size:15px; font-weight:300;} 
.board_list .info > dt {color:#000;}
.board_list .info > dt ~ dt {padding-left:10px;}
.board_list .info > dd {padding:0 10px; color:#666; white-space:nowrap;}

.ic_soon {display:inline-block; padding:0 8px; margin-right:4px; line-height:26px; border-radius:5px; color:#fff; background:#777;}
.ic_ing {display:inline-block; padding:0 8px; margin-right:4px; line-height:26px; border-radius:5px; color:#fff; background:#0070bf;}
.ic_end {display:inline-block; padding:0 8px; margin-right:4px; line-height:26px; border-radius:5px; color:#fff; background:#ff661a;}
.ic_dayend {display:inline-block; padding:0 8px; margin-right:4px; line-height:26px; border-radius:5px; color:#fff; background:#ff262d;}

.board_read {width:100%; border-top:1px solid #333;}
.board_read .subject {padding:20px; border-bottom:1px solid #ddd; background:#f9f9f9; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:18px; font-weight:500; color:#222;}
.board_read .read_info {padding:15px 20px; border-bottom:1px solid #ddd}
.board_read .read_info dl:after {clear:both; display:block; content:"";}
.board_read .read_info dt, .board_read .read_info dd {float:left; position:relative; font-size:15px; font-weight:300;}
.board_read .read_info dt {color:#000;}
.board_read .read_info dt ~ dt {padding-left:10px;}
.board_read .read_info dd {padding:0 10px; color:#666;}
.board_read .read_cont {padding:20px; font-weight:300; line-height:1.5;}
.board_read .read_page {width:100%; border-top:1px solid #ddd; margin-bottom:20px; letter-spacing:-0.5px;}
.board_read .read_page th, .board_read .read_page td {border-bottom:1px solid #ddd;}
.board_read .read_page th {width:200px; height:44px; font-size:15px; font-weight:400; color:#000; background-color:#f9f9f9;}
.board_read .read_page td {padding:0 0 0 20px; font-size:15px; font-weight:400; color:#666;}
.board_read .read_page td a {display:inline-block; color:#444; word-break:break-all;}

.board_read .answer_tit {padding:20px; border-bottom:1px solid #ddd; background:#fff; font-size:18px; font-weight:400; color:#222; border-top:1px solid #333;}
.board_read .answer_box {padding:15px; margin-bottom:20px; border-bottom:1px solid #ddd; background-color:#f9f9f9;}
.board_read .answer_cont {padding:20px; font-weight:300; line-height:1.5; border:1px solid #ddd; background-color:#fff; border-radius:3px;}

.board_btn_wrap {text-align:right; font-family:'Noto Sans KR'; margin-bottom:20px;}
.board_btn_wrap .btn_board {display:inline-block; padding:0 24px; height:38px; line-height:38px; font-size:16px; font-weight:400; color:#fff; background-color:#333; margin-left:2px;}

.pagenation_wrap {position:relative; margin:20px 0 0; text-align:center;}
.pagenation_wrap:after {clear:both; display:block; content:"";}
.pagenation {display:inline-block; vertical-align:top; font-family:'Noto Sans KR'; font-weight:300; letter-spacing:-0.5px;}
.pagenation a {float:left; position:relative; min-width:38px; height:38px; margin:0 2px 4px; border:1px solid #ddd; font-size:14px; line-height:38px; color:#666; vertical-align:middle;}
.pagenation a:hover {border:1px solid #bbb; background:#f7f7f7;}
.pagenation a.on, .pagenation a.on:hover {background-color:#333; color:#fff; border:1px solid #333; font-weight:400;}
.pagenation a[class^="btn_"] {width:38px; background-image:url(/img/btn_pagination.png); background-repeat:no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagenation a.btn_prev{background-position-x:-38px;}
.pagenation a.btn_next{background-position-x:-76px;}
.pagenation a.btn_last{background-position-x:-114px;}

/*게시판 상하단 버튼*/
.board_top {padding:5px 0 35px 0;}

.board_bottom {padding:20px 0 20px 0;}
.board_btn li {float:left;}
.board_btn li p {margin-right:5px;}
.board_btn input {width:146px; padding:3px 0 2px 5px; border:1px solid #a9a9a9; margin-right:5px; border-radius:3px;}
.board_bottom select {height:29px; line-height:23px; border-radius:3px;border:1px solid #a9a9a9;}

/*.board_search {float:right;}
.board_search li {float:left;}
.board_search input[type=text] {width:146px; padding:3px 0 2px 5px; border:1px solid #a9a9a9; margin-right:5px; border-radius:3px; box-sizing:content-box !important;}
.board_search select {height:29px;line-height:23px; border-radius:3px;border:1px solid #a9a9a9;}
.board_search p {margin-right:5px;}*/

.board_page {clear:both; padding:20px 0 20px 0; text-align:center; font-size:0;}
.board_page li {display:inline-block; font-family:'Nanum Gothic'; margin-bottom:4px;}
.board_page li a {display:block; min-width:38px; height:38px; margin:0 2px; padding:0 10px; border:1px solid #ddd; font-size:14px; line-height:38px; color:#666; vertical-align:middle; box-sizing:border-box;}
.board_page li a:hover {border:1px solid #bbb; background:#f7f7f7;}
.board_page li a.on, .board_page li a.on:hover {background-color:#333; color:#fff; border:1px solid #333; font-weight:bold;}


.b_btn {border:1px solid #626874; background:#788194; border-radius:3px;}
.b_btn a {display:block; font-size:1.1em; color:#ffffff; font-weight:bold; padding:2px 10px; margin-bottom:4px;}
.btn_s {vertical-align:middle; display:inline-block; color:#333333; font-weight:bold; height:22px; line-height:22px; padding:0 6px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:3px; /*box-shadow:1px 1px 2px #dddddd;*/}
.btn_blue {color:#fff; background:linear-gradient(to bottom, #33bbff, #17a1e6); border:1px solid #0088cc;}

.b_btn_on {border:1px solid #626874; background:#ffffff; border-radius:3px;}
.b_btn_on a {display:block; font-size:1.1em; color:#333333; font-weight:bold; padding:2px 10px; margin-bottom:4px;}

/*기업 및 기관 : 국내안경기업 정보*/
.company_search {border:1px solid #d9d9d9; background-color:#f9f9f9; font-family:'Noto Sans KR'; padding:20px 60px; margin:0 10px 20px;}
.company_search:after {clear:both; display:block; content:"";}
.company_search li {float:left; width:33.33333333333333%; padding:8px 0; line-height:normal; box-sizing:border-box;}
.company_search input[type=checkbox] {width:20px; height:20px; margin:0; padding:0; vertical-align:middle;}
.company_search label {font-size:18px; color:#333; padding:0 3px 0 6px; margin-right:6px; vertical-align:middle; cursor:pointer;}
.company_search select {width:60%; height:34px; border:1px solid #c7c7c7; padding:0 8px; font-size:15px; color:#626262; vertical-align:middle;}
.company_search select#Employees {/*width:calc(60% - 16px);*/}
.company_search select::-ms-expand {background-color:transparent; border:0;}
.company_search input[type=text] {width:60%; height:34px; border:1px solid #c7c7c7; padding:0 8px; font-size:15px; color:#626262; vertical-align:middle; box-sizing:border-box;}
.company_search input[type=text]#CompanyName {/*width:calc(60% - 17px);*/}
.company_search .com_name {clear:both; width:33.33333333333333%; padding:20px 0 8px; margin:auto; text-align:center;}
.company_search .com_name input[type=text] {width:60%; height:38px; border:1px solid #c7c7c7; padding:0 10px; font-size:15px; color:#626262; vertical-align:middle;}
.company_search .com_name .btn_search {display:inline-block; width:64px; padding-left:46px; height:48px; line-height:48px; font-size:20px; font-weight:500; color:#fff; background:url('/img/icon_store_search.png') no-repeat #444; background-position:22px 50%; border:1px solid #222; vertical-align:middle; text-align:left;}
.company_search .com_name .btn_list {display:inline-block; width:110px; height:48px; line-height:48px; font-size:20px; font-weight:500; color:#fff; background-color:#444; border:1px solid #222; vertical-align:middle; text-align:center;}

.company_search_box {margin-bottom:20px; font-family:'Noto Sans KR'; text-align:center;}
.company_search_box input[type=text] {width:28%; height:50px; padding-left:12px; border:2px solid #444; font-family:'Noto Sans KR'; color:#555; font-size:18px; font-weight:400; vertical-align:middle; box-sizing:border-box;}
.company_search_box .btn_search {display:inline-block; width:64px; padding-left:46px; height:48px; line-height:48px; font-size:20px; font-weight:500; color:#fff; background:url('/img/icon_store_search.png') no-repeat #444; background-position:22px 50%; border:1px solid #222; vertical-align:middle; text-align:left;}
.company_search_box .btn_list {display:inline-block; width:110px; height:48px; line-height:48px; font-size:20px; font-weight:500; color:#fff; background-color:#444; border:1px solid #222; vertical-align:middle; text-align:center;}

.company_search_category {margin:0 10px 20px; font-family:'Noto Sans KR';}
.company_search_category table {width:100%; border-top:1px solid #333; border-left:1px solid #d9d9d9;}
.company_search_category table th {width:20%; padding:8px 18px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background-color:#f9f9f9; color:#222; font-size:18px; font-weight:500; line-height:normal; letter-spacing:-0.5px; text-align:left;}
.company_search_category table td {padding:8px 18px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#333; font-size:16px; font-weight:400; line-height:normal; letter-spacing:-0.5px;}
.company_search_category ul {overflow:hidden;}
.company_search_category ul li {float:left; width:16%; padding:4px 0;}
.company_search_category ul.num3 li {width:33%;}
.company_search_category input[type=checkbox] {width:18px; height:18px; margin:0; padding:0; vertical-align:middle;}
.company_search_category input[type=radio] {width:19px; height:19px; margin:0; padding:0; vertical-align:middle;}
.company_search_category label {padding:0 0 0 6px; vertical-align:middle; cursor:pointer;}
.company_search_category label.no_chk {padding:0 0 0 24px;}
.company_search_category select {width:90%; height:34px; border:1px solid #c7c7c7; padding:0 8px; font-size:16px; color:#555; vertical-align:middle;}
.company_search_category select::-ms-expand {background-color:transparent; border:0;}

.category_fold {position:relative;}
.category_fold ul {height:34px;}
.category_fold.open ul {height:auto;}
.category_fold .btn_fold {position:absolute; left:-41px; bottom:0; display:inline-block; padding:9px; line-height:normal; font-size:0; background-color:#444; border:1px solid #222; vertical-align:middle; text-align:center; cursor:pointer;}

.company_result {padding:20px 0; margin:0 10px 10px; text-align:center; font-size:18px; font-family:'Noto Sans KR'; font-weight:400; color:#31708f; background-color:#d9edf7; border:1px solid #bce8f1; border-radius:4px;}

.company_list {}
.company_list:after {clear:both; display:block; content:"";}
.company_list li {float:left; width:25%; padding:10px; box-sizing:border-box;}
.company_item {position:relative; display:block; height:340px; padding:40px 30px 0; border:1px solid #ddd; box-sizing:border-box;}
.company_item h4 {height:45px;}
.company_item strong {display:inline-block; max-width:80%; font-size:20px; color:#000; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.company_item span {display:block; color:#494949; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.company_item span.add {max-height:66px; white-space:normal;}
.company_item dl {position:relative; color:#494949; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px;}
.company_item dl dt {position:absolute; left:0; top:0;}
.company_item dl dd {padding-left:66px; max-height:66px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.company_item small {display:inline-block; font-size:13px; line-height:normal; color:#fff; vertical-align:middle; background-color:#59729c; border:1px solid #59729c; padding:2px 6px; box-sizing:border-box; border-radius:3px;}
.company_item small.c_orange {background-color:#f27f52; border:1px solid #f27f52;}
.company_item small.c_green {background-color:#6d9c59; border:1px solid #6d9c59;}
/*.company_item .view_icon {position:absolute; bottom:0; left:50%; margin:0 0 -18px -60px; width:120px; height:36px; line-height:36px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#222; text-align:center;}*/
.company_item .btn_wrap {position:absolute; left:0; bottom:0; width:100%; height:40px; text-align:center; font-size:0;}
.company_item .btn_wrap .view_icon {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#333; text-align:center;}
.company_item .btn_wrap .shop_icon {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#333; text-align:center; cursor:pointer;}
.company_item .btn_wrap .shop_icon span {font-size:0.75em; color:#fff;}
.company_item .btn_wrap .shop_icon.c_shop {background:#3d5c99;}
.company_item .btn_wrap .shop_icon.c_korea {background:#7f4c99;}

.company_item .btn_wrap .view_none {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#ccc; text-align:center;}
.company_item .btn_wrap .shop_none {float:left; display:block; width:50%; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#d0d7e6; text-align:center;}

.company_item .shop_btn_pop {display:none; position:absolute; left:0; top:0; width:100%; height:calc(100% - 40px); text-align:center; font-size:0; background:rgba(0,0,0,.5); box-sizing:border-box;}
.company_item .shop_btn_pop.open {display:block;}
.company_item .shop_btn_pop .shop_btn {display:table; position:absolute; left:0; top:0; width:100%; height:50%; background:#8c8c8c; color:#fff; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_item .shop_btn_pop .korea_btn {display:table; position:absolute; left:0; top:50%; width:100%; height:50%; background:#737373; color:#fff; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_item .shop_btn_pop .shop_btn_none {display:table; position:absolute; left:0; top:0; width:100%; height:50%; background:#ededed; color:#bbb; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_item .shop_btn_pop .korea_btn_none {display:table; position:absolute; left:0; top:50%; width:100%; height:50%; background:#ededed; color:#bbb; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_item .shop_btn_pop .shop_btn > div, .company_item .shop_btn_pop .korea_btn > div, .company_item .shop_btn_pop .shop_btn_none > div, .company_item .shop_btn_pop .korea_btn_none > div {display:table-cell; vertical-align:middle;}
.company_item .shop_btn_pop .icon_arrow {margin:0 0 3px 3px; vertical-align:middle;}

.company_item .diops_wrap {position:absolute; left:0; top:10px; width:100%; height:20px; font-size:0; padding:0 0 0 5px; box-sizing:border-box;}
.company_item .diops_wrap span {display:inline-block; padding:0 4px 0 3px; margin:0 0 0 5px; line-height:20px; font-family:'Noto Sans KR'; font-size:12px; font-weight:400; letter-spacing:-0.5px; color:#fff; text-align:center; vertical-align:middle; background-color:#777777;}
/*.company_item .diops_wrap span.c_17 {background-color:#3b8bd1;}
.company_item .diops_wrap span.c_18 {background-color:#5cb85c;}
.company_item .diops_wrap span.c_19 {background-color:#56b4d1;}
.company_item .diops_wrap span.c_20 {background-color:#eba646;}
.company_item .diops_wrap span.c_21 {background-color:#e5605c;}*/

.company_read {border-top:1px solid #333;}
.company_read .company_title {padding:20px 0; background:#f9f9f9; font-size:24px; color:#000; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center;}
.company_read .company_title small {display:inline-block; font-size:15px; line-height:normal; color:#fff; vertical-align:middle; background-color:#59729c; border:1px solid #59729c; padding:2px 8px; margin:0 0 4px 6px; box-sizing:border-box; border-radius:3px;}
.company_read .company_title small.c_orange {background-color:#f27f52; border:1px solid #f27f52;}
.company_read .company_title small.c_green {background-color:#6d9c59; border:1px solid #6d9c59;}
.company_read .company_detail {width:100%; border-top:1px solid #d9d9d9; font-family:'Noto Sans KR'; font-size:16px; font-weight:300; letter-spacing:-0.5px;}
.company_read .company_detail th {width:15%; padding:20px; border-bottom:1px solid #d9d9d9; color:#333; font-weight:400; background:#f9f9f9; text-align:center; box-sizing:border-box;}
.company_read .company_detail td {width:35%; padding:20px; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.company_read .company_map {border-bottom:1px solid #d9d9d9; background:#f9f9f9; height:460px; text-align:center;}
.company_read .btn_list {padding:20px 0; text-align:center;}
.company_read .btn_list .list_icon {display:inline-block; width:140px; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#222; text-align:center;}

.company_read .company_product {border-top:1px solid #d9d9d9;}
.company_read .company_product .shop_btn {display:table; float:left; width:50%; height:120px; background:#8c8c8c; color:#fff; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_read .company_product .korea_btn {display:table; float:left; width:50%; height:120px; background:#737373; color:#fff; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_read .company_product .shop_btn_none {display:table; float:left; width:50%; height:120px; background:#ededed; color:#bbb; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_read .company_product .korea_btn_none {display:table; float:left; width:50%; height:120px; background:#ededed; color:#bbb; font-size:18px; line-height:1.5; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
.company_read .company_product .shop_btn > div, .company_read .company_product .korea_btn > div, .company_read .company_product .shop_btn_none > div, .company_read .company_product .korea_btn_none > div {display:table-cell; vertical-align:middle;}
.company_read .company_product .icon_arrow {margin:0 0 3px 3px; vertical-align:middle;}

.category_list li {float:left; width:33%; margin:2px 0;}
.category_list li.etc {clear:both; width:100%;}

/*기업 및 기관 -> 전국 안경원 찾기*/
#container {overflow:hidden;height:460px;position:relative;margin-bottom:10px;}
#mapWrapper {width:100%;height:460px;z-index:1;}
#rvWrapper {width:100%;height:460px;top:0;position:absolute;z-index:0;}
#close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#close .img {display: block;background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}
#roadviewControl {position: absolute;top:5px;left:5px;z-index: 2;}
#roadviewControl .img {display: block;width:42px;height:42px;cursor: pointer; background: url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png) 0 -450px no-repeat;}

.customoverlay {position:relative;bottom:40px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.store_search_wrap {border-top:2px solid #333; border-bottom:1px solid #ddd; background-color:#f9f9f9; font-family:'Noto Sans KR'; padding:40px 0; margin-bottom:20px; text-align:center;}
.store_search_wrap select {width:300px; height:40px; border:1px solid #c7c7c7; padding:0 8px; font-size:15px; color:#626262; vertical-align:middle;}
.store_search_wrap select::-ms-expand {background-color:transparent; border:0;}
.store_search_wrap input[type=text] {width:290px; height:38px; border:1px solid #c7c7c7; padding:0 10px; font-size:15px; color:#626262; vertical-align:middle;}
.store_search_wrap .btn_search {display:inline-block; width:50px; padding-left:40px; height:38px; line-height:38px; font-size:16px; font-weight:500; color:#fff; background:url('/img/icon_store_search.png') no-repeat #444; background-position:16px 50%; border:1px solid #222; vertical-align:middle; text-align:left;}

.store_map_info {border:1px solid #ddd; background-color:#f9f9f9; padding:10px 15px; margin-bottom:20px; font-size:13px;}
.store_map_info li {padding:3px 0; line-height:1.5;}
.store_map_info li img {vertical-align:text-top;}
.store_map_info li u {font-weight:bold;}
.store_map_info li .icon_store {display:inline-block; width:18px; height:18px; line-height:18px; background-color:#456EB2; border:1px solid #456EB2; font-family:"Nanum Gothic"; font-weight:bold; font-size:12px; color:#fff; vertical-align:text-top; text-align:center; border-radius:0 3px 3px 0;}

.store_total_num {margin-bottom:10px;}

.store_list_wrap {height:480px; margin-bottom:10px;}
.store_list {border-top:1px solid #333;}
.store_list th, .store_list td {padding:10px; border-bottom:1px solid #ddd}
.store_list th {height:35px; background-color:#f9f9f9; font-size:16px; color:#222;}
.store_list th.d_check {width:50px;}
.store_list th.d_store {width:200px;}
.store_list td {line-height:1.4;}
.store_list td .map_icon {vertical-align:middle;}

.year_tit {position:relative; text-align:center; font-family:'Noto Sans KR'; font-size:32px; line-height:normal; font-weight:500; letter-spacing:-0.5px; color:#222; margin-bottom:10px;}
.year_tit .prev_year {display:inline-block; width:28px;  height:28px; background-image:url(/img/btn_pagination.png); background-repeat:no-repeat; background-position:-43px -5px; border:1px solid #ddd; margin:0 12px 6px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; vertical-align:middle; cursor:pointer;}
.year_tit .next_year {display:inline-block; width:28px;  height:28px; background-image:url(/img/btn_pagination.png); background-repeat:no-repeat; background-position:-81px -5px; border:1px solid #ddd; margin:0 12px 6px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; vertical-align:middle; cursor:pointer;}
.year_tit .prev_year:hover,
.year_tit .next_year:hover {border:1px solid #aaa;}
.year_tit .data_down {position:absolute; display:block; top:7px; right:3px; padding:0 10px; height:32px; line-height:32px; font-size:16px; color:#fff; background-color:#444; border:1px solid #222;}

.select_year {text-align:center;}
.select_year .prev_year {display:inline-block; width:38px;  height:38px; background-image:url(/img/btn_pagination.png); background-repeat:no-repeat; background-position:-38px 0; border:1px solid #ddd; margin:0 12px 6px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; vertical-align:middle; cursor:pointer;}
.select_year .next_year {display:inline-block; width:38px;  height:38px; background-image:url(/img/btn_pagination.png); background-repeat:no-repeat; background-position:-76px 0; border:1px solid #ddd; margin:0 12px 6px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; vertical-align:middle; cursor:pointer;}
.select_year .prev_year:hover,
.select_year .next_year:hover {border:1px solid #aaa;}

.exhibition_wrap .timeline {position:relative; padding-bottom:30px; box-sizing:border-box;}
.exhibition_wrap .timeline:after {content:""; display:block; clear:both;}
.exhibition_wrap .timeline:before {content:""; width:1px; height:calc(100% - 50px); background-color:#dedede; position:absolute; top:20px; left:50%; z-index:-1;}
.exhibition_wrap .timeline > li {width:50%; padding:0 0 0 60px; position:relative; margin-bottom:20px; box-sizing:border-box; font-family:'Noto Sans KR';}
.exhibition_wrap .timeline > li .exhibition_box {padding:20px 25px; border:1px solid #d4d4d4; border-radius:8px; box-shadow:3px 3px 3px #eee; margin:0 20px 0 0;}
.exhibition_wrap .timeline > li:before {content:""; position:absolute; top:32px; left:0; width:60px; height:1px; background-color:#999999;}
.exhibition_wrap .timeline > li:after {content:""; position:absolute; top:22px; left:0; width:20px; height:20px; border:3px solid #0059b3; background-color:#fff; border-radius:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); box-sizing:border-box;}
.exhibition_wrap .timeline > li:nth-child(odd) {right:-50%;}
.exhibition_wrap .timeline > li:nth-child(even) {padding:0 60px 0 0; text-align:right;}
.exhibition_wrap .timeline > li:nth-child(even):after {right:0; left:inherit; -webkit-transform:translateX(50%); transform:translateX(50%);}
.exhibition_wrap .timeline > li:nth-child(even):before {right:0; left:inherit;}
.exhibition_wrap .timeline > li:nth-child(even) .exhibition_box {margin:0 0 0 20px;}
.exhibition_wrap .timeline > li strong {display:block; font-size:22px; font-weight:500; color:#000; margin-bottom:15px;}
.exhibition_wrap .timeline > li ul > li {overflow:hidden; line-height:28px; position:relative; font-size:18px; font-weight:300; color:#333; letter-spacing:-0.5px;}
.exhibition_wrap .timeline > li ul > li .homepage {display:inline-block; height:28px; line-height:28px; padding:0 14px; margin-top:10px; font-size:15px; font-weight:400; color:#333; background-color:#f5f5f5; border:1px solid #ccc; vertical-align:middle; text-align:center;}
.exhibition_wrap .timeline .month_tit {text-align:center; font-family:'Noto Sans KR';}
.exhibition_wrap .timeline .month_tit strong {display:inline-block; width:48px; height:48px; line-height:48px; font-size:24px; font-weight:500; color:#fff; border:1px solid #0059b3; background-color:#0059b3; border-radius:100%; text-align:center;}
.exhibition_wrap .mini_text {margin-bottom:5px; font-size:13px; text-align:right;}

.job_list .source_text {text-align:right; padding:0 15px 5px 0; font-size:14px; color:#333; letter-spacing:-0.5px;}
.job_list .source_text a {color:#4868c0;}
.job_list:after {clear:both; display:block; content:"";}
.job_list li {float:left; width:25%; padding:10px; box-sizing:border-box;}
.job_list li:nth-child(4n+1) {clear:both;}
.job_item {position:relative; display:block; min-height:270px; padding:30px 30px 25px; border:1px solid #d9d9d9; box-sizing:border-box;}
.job_item:hover {border:1px solid #666;}
.job_item h4 {height:45px; font-size:20px; color:#000; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.job_item p {display:block; color:#494949; font-size:16px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; margin-bottom:14px;}
.job_item .info {display:block; color:#575757; font-size:14px; font-family:'Noto Sans KR'; font-weight:300; letter-spacing:-0.5px; line-height:22px;}
.job_item .info .time {font-size:15px;}
.job_item .info .local {position:relative; display:inline-block; padding-right:11px; margin-right:10px;}
.job_item .info .local:after {content:""; position:absolute; top:5px; right:0; width:1px; height:14px; background:#d9d9d9;}
.job_item .info .edu {display:inline-block;}
.job_item .info .pay {display:block; color:#ff3333; font-weight:400;}
.job_item .view_icon {position:absolute; bottom:0; left:50%; margin:0 0 -18px -60px; width:120px; height:36px; line-height:36px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background:#222; text-align:center;}

.trade_list {width:100%; border-top:1px solid #333; margin-bottom:20px;}
.trade_list > li {position:relative; padding:0 0 0 140px; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.trade_list .num {position:absolute; top:50%; left:0; width:140px; font-size:22px; font-weight:400; color:#222; text-align:center; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.trade_list .num .view_btn {display:inline-block; height:28px; line-height:28px; padding:0 14px; margin-top:10px; font-size:15px; font-weight:400; color:#333; background-color:#f5f5f5; border:1px solid #ccc; vertical-align:middle; text-align:center;}
.trade_list .trade_preview {float:left; width:50%; padding-bottom:5px; border-bottom:1px solid #eee; box-sizing:border-box;}
.trade_list .text_wrap {position:relative;}
.trade_list .subject {padding:15px; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:20px; font-weight:500; color:#000;}
.trade_list .info {padding:0 15px 10px;}
.trade_list .info:after {clear:both; display:block; content:"";}
.trade_list .info > dt, .trade_list .info > dd {float:left; position:relative; font-size:15px; font-weight:400;} 
.trade_list .info > dt {color:#000; width:90px;}
.trade_list .info > dd {padding:0; color:#666; white-space:nowrap;}
.trade_list .trade_file {clear:both; padding-top:15px;}
.trade_list .info > dd div {margin-bottom:2px;}

.trade_table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:20px;}
.trade_table th {padding:10px; border-bottom:1px solid #888; border-right:1px solid #ddd; background-color:#f7f7f7; color:#333; font-size:14px; font-weight:bold; line-height:1.3;}
.trade_table td {padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:14px; line-height:1.3;}
.trade_table td .view_btn {display:inline-block; padding:4px 10px; margin:2px; font-size:14px; font-weight:400; color:#333; background-color:#f5f5f5; border:1px solid #ccc; vertical-align:middle; text-align:center;}
.trade_table td .view_btn span {display:block;}
.trade_table tr:hover {background-color:#f7f7f7;}


.magazine_wrap .magazine_list {margin:30px auto 80px;}
.magazine_wrap .magazine_list.showone {width:40%;}
.magazine_list .slick-slide a {display:block; width:70%; margin:12% auto 0; box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.magazine_list .slick-slide strong {display:block; width:70%; margin:15px auto; text-align:center; font-family:'Noto Sans KR'; font-size:18px; font-weight:300; color:#222; letter-spacing:-0.5px;}
.magazine_list .slick-slide img {width:100%;}
.magazine_list .slick-slide.slick-center a {width:90%; margin:0 auto;}
.magazine_list .slick-slide.slick-center strong {width:90%; margin:20px auto; font-size:22px; font-weight:400;}

.magazine_list .slick-dots {bottom:-45px;}
.magazine_list .slick-dots li {width:14px; height:14px;}
.magazine_list .slick-dots li button {width:100%; height:100%; padding:0; background-color:#d9d9d9; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:100%;}
.magazine_list .slick-dots li.slick-active button {background-color:#111; border:1px solid #111;}
.magazine_list .slick-dots li button:before {display:none;}

.magazine_list .slick-arrow {top:42%; width:30px; height:40px; transform:none; transition:all 0.2s ease-out; z-index:10;}
.magazine_list .slick-arrow:before {display:none;}
.magazine_list .slick-prev {left:20px; text-align:left; background:url(/img/book_prev.png) no-repeat;}
.magazine_list .slick-next {right:20px; text-align:right; background:url(/img/book_next.png) no-repeat;}

.faq_list {border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.faq_list .question {border-top:1px solid #ddd; background:url('/img/icon_q.png') no-repeat 30px center; }
.faq_list .question.on {border-top:1px solid #333; background:#f6f6f6 url('/img/icon_q.png') no-repeat 30px center;}
.faq_list .question a {display:block; padding:20px 60px; font-size:18px; color:#333; font-weight:500; line-height:1.3; background: url('/img/faq_open.png') no-repeat right 30px center;}
.faq_list .question.on a {background: url('/img/faq_close.png') no-repeat right 30px center;}
.faq_list .answer {display:none; border-top:1px solid #ddd; min-height:70px; padding:25px 60px; font-size:15px; color:#555; font-weight:300; line-height:1.4; background:url('/img/icon_a.png') no-repeat 30px 30px;}

.csc_write {padding:10px; border:1px solid #ddd; background:#f6f6f6;}
.csc_write .subject {margin-bottom:5px;}
.csc_write .subject select {float:left; width:210px; height:40px; padding:0 10px; border:1px solid #bbb; font-size:15px; color:#222; box-sizing:border-box;}
.csc_write .subject select::-ms-expand {background-color:transparent; border:0;}
.csc_write .subject .in_tit {float:left; width:210px; height:40px; line-height:38px; border:1px solid #555; background:#777; font-family:'Noto Sans KR'; font-size:16px; color:#fff; font-weight:500; text-align:center; box-sizing:border-box;}
.csc_write .subject .in_text {padding-left:215px;}
.csc_write .subject input[type=text] {width:100%; height:40px; padding:0 10px; border:1px solid #bbb; font-size:15px; color:#222; box-sizing:border-box;}
.csc_write textarea {width:100%; height:400px; padding:10px; border:1px solid #bbb; font-family:'Malgun Gothic'; font-size:15px; color:#222; box-sizing:border-box;}

.reply_write {border:1px solid #ddd; background-color:#f9f9f9; padding:15px; margin-bottom:10px;}
.reply_write h4 {font-size:15px; font-weight:700; color:#222; margin-bottom:10px;}
.reply_write textarea {width:calc(100% - 95px); height:80px; border:1px solid #bbb; padding:5px; font-size:14px; box-sizing:border-box;}
.reply_write .reply_btn {float:right; display:inline-block; width:90px; height:80px; line-height:80px; background:#333; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; color:#fff; text-align:center; box-sizing:border-box;}

.reply_title {padding:10px 0; font-size:15px; font-weight:400; color:#222;}
.reply_title strong {font-weight:700;}

.reply_list {border-top:1px solid #333; margin-bottom:20px;}
.reply_comment {padding:15px; border-bottom:1px solid #ddd;}
.reply_comment .reply_name {font-size:13px; color:#666; margin-bottom:15px;}
.reply_comment .reply_name strong {font-size:15px; color:#222;}
.reply_comment .reply_name .reply_btn {display:inline-block; padding:4px 6px; margin:0 2px; font-size:12px; color:#000; background:#fff; border:1px solid #bbb; border-radius:3px;}
.reply_comment .reply_content {font-size:14px; color:#444;}

.reply_comment.re2 {background:#f9f9f9 url(/img/icon_re2.gif) no-repeat 20px 18px; padding-left:45px;}
.reply_comment.re3 {background:#f9f9f9 url(/img/icon_re3.gif) no-repeat 20px 18px; padding-left:90px;}
.reply_comment.re4 {background:#f9f9f9 url(/img/icon_re4.gif) no-repeat 20px 18px; padding-left:135px;}
.reply_comment.re5 {background:#f9f9f9 url(/img/icon_re5.gif) no-repeat 20px 18px; padding-left:180px;}
.reply_comment.re6 {background:#f9f9f9 url(/img/icon_re6.gif) no-repeat 20px 18px; padding-left:225px;}

.reply_comment.write {background:#f9f9f9 url(/img/icon_re2.gif) no-repeat 20px 18px; padding-left:45px;display:none;}
.reply_comment.write .reply_name {margin-bottom:10px;}
.reply_comment.write .reply_content textarea {width:calc(100% - 75px); height:60px; border:1px solid #bbb; padding:5px; font-size:14px; box-sizing:border-box;}
.reply_comment.write .reply_content .comment_btn {float:right; display:inline-block; width:70px; height:60px; line-height:60px; background:#333; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; color:#fff; text-align:center; box-sizing:border-box;}

.con_box {margin-bottom:20px;}
.con_tit {font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:22px; color:#333; font-weight:500; padding:10px 0; line-height:1.3;}
.con_stit {font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:18px; color:#333; font-weight:500; padding:10px 0; line-height:1.3;}
.con_img {padding:10px; border:1px solid #ddd; text-align:center;}

.con_table {width:100%; border-top:1px solid #333; border-left:1px solid #ddd; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.con_table th {padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f9f9f9; color:#222; font-size:16px; font-weight:500; line-height:1.5;}
.con_table td {padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#555; font-size:15px; font-weight:300; line-height:1.5;}
.con_table td strong {color:#333; font-size:16px; font-weight:400;}

.con_process {overflow:hidden; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.con_process > li {position:relative; float:left; padding:15px 20px; border:1px solid #ccc; color:#333; font-size:15px; font-weight:400; line-height:1.5; margin-right:40px; margin-top:5px; margin-bottom:5px;}
.con_process > li:after {content:''; position:absolute; top:50%; right:-25px; width:10px; height:20px; margin-top:-10px; background:url(/img/process_arrow.png);}
.con_process > li:last-child {margin-right:0;}
.con_process > li:last-child:after {display:none;}

.dot_list {padding:5px 0; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.dot_list > li {position:relative; padding:0 0 0 10px; color:#555; font-size:15px; line-height:24px;}
.dot_list > li:before {content:''; position:absolute; top:11px; left:0; width:3px; height:3px; background-color:#666;}

.equip_pay {text-align:right; margin-bottom:5px; font-size:13px; color:#555;}
.equip_text {padding:5px; font-size:13px; color:#555; line-height:1.4;}

.equip_down {padding:10px 0; text-align:center; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.equip_down .equip_btn {display:inline-block; padding:0 24px; height:43px; line-height:43px; font-size:17px; font-weight:500; color:#fff; background-color:#333; margin:2px;}

.equip_list {overflow:hidden; padding:5px 0; margin:0 -10px;}
.equip_list > li {float:left; width:50%; padding:0 10px 20px; box-sizing:border-box;}
.equip_list > li:nth-child(2n+1) {clear:both;}
.equip_list .equip_box {padding:15px; border:1px solid #ccc;}
.equip_list .equip_box:after {content:""; display:block; clear:both;}
.equip_list .equip_img {float:left; width:200px; height:200px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.equip_list .equip_info {padding-left:220px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.equip_list .equip_info h5 {font-size:20px; color:#333; font-weight:500; padding:5px 0 10px; border-bottom:1px dotted #aaa; margin-bottom:10px;}
.equip_list .equip_info dl {overflow:hidden; font-size:15px; color:#555; font-weight:300;}
.equip_list .equip_info dl > dt {float:left; width:70px; color:#333; font-weight:500; line-height:22px;}
.equip_list .equip_info dl > dd {padding:0 0 10px 80px; line-height:22px;}

.equip_list2 {overflow:hidden; padding:5px 0;}
.equip_list2 > li {padding:0 0 20px; box-sizing:border-box;}
.equip_list2 .equip_box {padding:15px; border:1px solid #ccc;}
.equip_list2 .equip_box:after {content:""; display:block; clear:both;}
.equip_list2 .equip_img {float:left; width:300px; height:260px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.equip_list2 .equip_info {padding-left:320px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.equip_list2 .equip_info h5 {font-size:20px; color:#333; font-weight:500; padding:5px 0 10px; border-bottom:1px dotted #aaa; margin-bottom:10px;}
.equip_list2 .equip_info dl {overflow:hidden; font-size:15px; color:#555; font-weight:300;}
.equip_list2 .equip_info dl > dt {float:left; width:70px; color:#333; font-weight:500; line-height:22px;}
.equip_list2 .equip_info dl > dd {padding:0 0 10px 80px; line-height:22px;}

.test_step {border-top:1px solid #333; font-family:'Noto Sans KR'; letter-spacing:-0.5px; margin:10px 0;}
.test_step > li {min-height:140px; padding:30px 10px 30px 240px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.test_step > li h5 {font-size:18px; color:#222; font-weight:400; margin-bottom:20px;}
.test_step > li p {font-size:15px; color:#555; line-height:1.5;}
.test_step > li.step1 {background:url(/equipment/img/test_step1.jpg) no-repeat 80px 50%;}
.test_step > li.step2 {background:url(/equipment/img/test_step2.jpg) no-repeat 80px 50%;}
.test_step > li.step3 {background:url(/equipment/img/test_step3.jpg) no-repeat 80px 50%;}
.test_step > li.step4 {background:url(/equipment/img/test_step4.jpg) no-repeat 80px 50%;}
.test_step > li.step5 {background:url(/equipment/img/test_step5.jpg) no-repeat 80px 50%;}

.equip_step {padding:10px 0; margin-bottom:30px; overflow:hidden; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.equip_step > li {position:relative; float:left; width:16.66666666666667%; text-align:center;}
.equip_step > li:after {content:''; position:absolute; top:63px; right:-10px; width:20px; height:40px; background:url(/img/equip_arrow.png);}
.equip_step > li:last-child:after {display:none;}
.equip_step > li > div {width:160px; height:160px; margin:0 auto; border:3px solid #e5e5e5; border-radius:100%;}
.equip_step > li > h5 {font-size:18px; color:#222; font-weight:400; line-height:1.3; margin-top:20px; padding:0 10px;}
.equip_step > li > div.step1 {background:url(/equipment/img/equip_step1.jpg) no-repeat 50% 50%;}
.equip_step > li > div.step2 {background:url(/equipment/img/equip_step2.jpg) no-repeat 50% 50%;}
.equip_step > li > div.step3 {background:url(/equipment/img/equip_step3.jpg) no-repeat 50% 50%;}
.equip_step > li > div.step4 {background:url(/equipment/img/equip_step4.jpg) no-repeat 50% 50%;}
.equip_step > li > div.step5 {background:url(/equipment/img/equip_step5.jpg) no-repeat 50% 50%;}
.equip_step > li > div.step6 {background:url(/equipment/img/equip_step6.jpg) no-repeat 50% 50%;}

.org_list {overflow:hidden; margin:0 -10px;}
.org_list > li {float:left; width:50%; padding:10px; box-sizing:border-box; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.org_list > li a, .org_list > li span {display:block; height:100px; line-height:20px; border:1px solid #ccc; font-size:18px; color:#222; font-weight:400; text-align:center;}
.org_list > li img {display:inline-block; vertical-align:top; margin-top:12px;}

.btn_homepage {display:inline-block; padding:3px 8px 3px 22px; font-size:13px; color:#fff; font-weight:400; background:url(/img/icon_homepage.png) no-repeat 7px 50%; background-color:#0763bd; border:1px solid #0254a5;}

.privacy_wrap {padding:30px 40px 10px; border:1px solid #ddd; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-weight:300;}
.policy-cont {margin-bottom:30px; color:#444; font-size:16px; line-height:1.6;}
.policy-cont .policy-title{padding:0; margin:0; color:#333; font-size:20px; line-height:32px; font-weight:500;}
.policy-cont .num-list{margin-top:5px;}
.policy-cont .num-list > li {position:relative; padding:0 0 0 16px; color:#555; font-size:15px; line-height:24px;}
.policy-cont .num-list > li .num {position:absolute; top:0; left:0; }
.policy-cont .num-list > li + li {margin-top:5px;}
.policy-cont .num-list1{margin-top:10px;}
.policy-cont .num-list1 > li {position:relative; padding:0 0 0 16px; color:#555; font-size:15px; line-height:24px;}
.policy-cont .num-list1 > li .num {position:absolute; top:0; left:0; }
.policy-cont .num-list1 > li + li {margin-top:5px;}
.policy-cont .num-list2{margin-top:5px; margin-bottom:10px;}
.policy-cont	.num-list2 > li {position:relative; padding:0 0 0 20px; color:#888; font-size:15px; line-height:24px;}
.policy-cont	.num-list2 > li .num {position:absolute; top:0; left:0; }
.policy-cont	.num-list2 > li + li {margin-top:5px;}
.policy-cont .none-list{margin-top:10px;}
.policy-cont .none-list > li {position:relative; padding:0; color:#555; font-size:15px; line-height:24px;}
.policy-cont .none-list > li + li {margin-top:5px;}
.policy-cont	.dot-list {margin-top:5px;}
.policy-cont	.dot-list > li {position:relative; padding:0 0 0 10px; color:#555; font-size:15px; line-height:24px;}
.policy-cont	.dot-list > li:before {content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#666;}
.policy-cont	.dot-list > li a:hover{text-decoration:underline;}
.policy-cont	.dot-list > li + li {margin-top:5px;}

.tac_cont {position:relative; max-width:900px; min-height:300px; padding:20px 20px 10px; margin:80px auto; overflow:hidden; background:#fff; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-weight:300;}
.tac_cont h4 {text-align:center; color:#222; font-size:28px; font-weight:500; padding-bottom:10px;}

.viewer_wrap {position:relative;	padding-bottom:56.25%;	height:0;}
.viewer_wrap iframe {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}

.cate_con {clear:both; padding-top:13px;}
.cate2_con {clear:both; padding-top:13px;}
.full_view {text-align:right;}
.full_view .view_btn {display:inline-block; padding:0 20px; height:38px; line-height:38px; font-size:16px; font-weight:500; color:#fff; background-color:#333; margin:2px;}

.nation_cate {margin:-5px -2px 15px; overflow:hidden; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-weight:400;}
.nation_cate li {float:left; width:12.5%; padding:2px; box-sizing:border-box;}
.nation_cate ul.num2 li {width:50%;}
.nation_cate ul.num3 li {width:33.33333333333333%;}
.nation_cate ul.num4 li {width:25%;}
.nation_cate ul.num5 li {width:20%;}
.nation_cate ul.num6 li {width:16.66666666666667%;}
.nation_cate li a {display:block; height:38px; line-height:38px; font-size:16px; border:1px solid #ccc; color:#555; text-align:center; background:#f7f7f7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.nation_cate li a:hover {background:#00b8ab; border:1px solid #009e94; color:#fff; font-weight:500;}
.nation_cate li a.on {background:#00b8ab; border:1px solid #009e94; color:#fff; font-weight:500;}

.month_cate {margin:-5px -2px 15px; overflow:hidden; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-weight:400;}
.month_cate li {float:left; width:8.333333333333333%; padding:2px; box-sizing:border-box;}
.month_cate li a {display:block; height:38px; line-height:38px; font-size:16px; border:1px solid #ccc; color:#555; text-align:center; background:#f7f7f7;}
.month_cate li a:hover {background:#888; border:1px solid #777; color:#fff; font-weight:500;}
.month_cate li a.on {background:#888; border:1px solid #777; color:#fff; font-weight:500;}

.e404_wrap {max-width:640px; margin:50px auto;}
.e404_top {text-align:center; padding:10px 0; border-bottom:1px solid #999;}
.e404_middle {background-color:#fafafa; text-align:center; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-weight:300;}
.e404_middle .e404_icon {padding:50px 0 40px;}
.e404_middle h3 {font-size:22px; font-weight:400; color:#000; margin-bottom:20px;}
.e404_middle p {font-size:16px; color:#666; line-height:1.6;}
.e404_middle .e404_home {padding:30px 0 40px;}
.e404_middle .e404_home a {display:inline-block; font-size:16px; font-weight:400; color:#fff; background-color:#333; border:1px solid #333; height:38px; line-height:38px; padding:0 20px; border-radius:5px;}
.e404_bottom {text-align:center; padding:20px 0 10px; border-top:1px solid #ccc; font-size:12px; color:#666;}

.chart_2w {overflow:hidden;}
.chart_2w li {float:left; width:50%; padding:10px 0; box-sizing:border-box;}
.chart_2w li .bb > svg {margin:auto;}

.summary_box {font-family:'Noto Sans KR'; letter-spacing:-0.5px; padding:30px 20px; margin:20px 0; border:1px solid #ddd; border-top:2px solid #333; background-color:#f9f9f9;}
.summary_box h4 {font-size:28px; font-weight:400; color:#000; line-height:normal; text-align:center; margin-bottom:15px;}
.summary_box h4 p {display:inline;}
.summary_box h4 .xdsoft_flipcountdown {vertical-align:middle; margin-bottom:10px;}
.summary_box dl {width:380px; margin:auto; font-size:22px; font-weight:400; line-height:1.7; color:#000; overflow:hidden;}
.summary_box dt {float:left;}
.summary_box dd {text-align:right;}
.summary_box dd span {display:inline-block; width:70px; color:#f2181f;}

.company_info_box {font-family:'Noto Sans KR'; letter-spacing:-0.5px; padding:10px; margin-bottom:20px; border:1px solid #ddd; background:#f6f6f6;}
.company_info_box h4 {font-size:22px; font-weight:400; color:#000; line-height:normal; text-align:center; margin-bottom:10px;}
.company_info_box textarea {width:100%; height:200px; padding:10px; border:1px solid #bbb; font-family:'Malgun Gothic'; font-size:15px; color:#222; box-sizing:border-box;}
.company_info_box .info_text {min-height:200px; padding:10px; border:1px solid #ddd; background-color:#fff; font-family:'Malgun Gothic'; font-size:15px; color:#222; box-sizing:border-box;}

.sub_reference_wrap {overflow:hidden;}
.sub_reference {float:right; padding:0 4px 8px; font-size:13px; line-height:18px; letter-spacing:-0.5px; color:#555;}

.bsi_top {font-family:'Noto Sans KR'; letter-spacing:-0.5px; padding:20px; margin-bottom:10px; border:1px solid #ddd; border-top:1px solid #333; background:#f9f9f9;}
.bsi_top h4 {font-size:22px; font-weight:400; color:#000; line-height:normal; margin-bottom:10px;}
.bsi_top p {font-size:15px; line-height:1.4; margin-bottom:10px;}
.bsi_top p.blue {color:#0044cc;}

.bsi_source {font-family:'Noto Sans KR'; letter-spacing:-0.5px; margin-bottom:10px; overflow:hidden;}
.bsi_source p {font-size:14px; line-height:1.3; float:right;}

.bsi_chart {padding:10px; min-height:500px; margin-bottom:10px; border:1px solid #ddd;}
.bsi_chart h4 {font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:22px; font-weight:400; color:#000; line-height:normal; margin-bottom:10px; text-align:center;}

.bsi_info {display:flex; justify-content:space-between; font-family:'Noto Sans KR'; letter-spacing:-0.5px; margin-bottom:10px;}
.bsi_info > div {width:calc(50% - 5px); padding:10px 20px; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box;}
.bsi_info h4 {position:relative; font-size:22px; font-weight:400; color:#000; line-height:normal; padding-bottom:15px; margin-bottom:15px; text-align:center;}
.bsi_info h4:after {position:absolute; bottom:0; left:50%; width:120px; height:2px; background:#808080; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:""}
.bsi_info h4 small {font-size:16px;}
.bsi_info h5 {font-size:16px; color:#000; line-height:1.4; margin-bottom:10px;}
.bsi_info p {font-size:14px; color:#555; line-height:1.4; margin-bottom:10px;}
.bsi_info em {display:block; font-size:14px; color:#222; line-height:1.4; margin-bottom:15px; text-align:center;}

.bsi_chart_2 {display:flex; justify-content:space-between; margin-bottom:10px;}
.bsi_chart_2 > div {width:calc(50% - 5px); min-height:300px; padding:10px; border:1px solid #ddd; box-sizing:border-box;}
.bsi_chart_2 h4 {font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:22px; font-weight:400; color:#000; line-height:normal; margin-bottom:10px; text-align:center;}

.bsi_table {width:100%; margin-bottom:20px; border-top:1px solid #333; border-left:1px solid #ddd; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.bsi_table th {padding:10px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f9f9f9; color:#222; font-size:16px; font-weight:500; line-height:1.5;}
.bsi_table th.on {color:#fff; background-color:#ff8800;} 
.bsi_table td {padding:10px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#444; font-size:16px; font-weight:300; line-height:1.5; text-align:center;}
.bsi_table td.on {color:#fff; background-color:#ff8800;} 
.bsi_table td.t_left {text-align:left;}

.bsi_alarm {padding:15px 0; margin-bottom:10px; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:16px; font-weight:400; color:#856838; background:#fcf8e3; border:1px solid #f5e3bf; text-align:center; border-radius:3px;}

.fix_range .fix_title {float: left; padding:0 20px; line-height: 38px; text-align: center; font-family: 'Noto Sans KR'; font-size: 24px; font-weight: 700; color:#000;}

.fix_date {position:relative;}
.fix_date small {position:absolute; top:0; width:33.33333333333333%; line-height: 38px; text-align: center; font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 400; color:#999;}
.fix_date small.fix_prev {left:0;}
.fix_date small.fix_next {right:0;}


/* 반응형 Style */
@media screen and (max-width:1440px){
  .gnb-menu-area .inner-wrap:before {display:none;}
  .gnb-menu-area .menu-box-none {margin-left:-50px; padding:0 0 0 50px; background:url('/img/submenu_img.jpg') no-repeat right top;}

  .main_trade_box {border-radius:0;}

  .main_video_player .video_wrap {padding-bottom:0; height:100%;}

  .sub_content_wrap {padding:15px 10px;}

  .main_trade_box .main_trade_tab li:last-child a {border-right:0;}

  .main_map_wrap {height:580px;}
  .main_map {-webkit-transform:scale(.7); transform:scale(.7)}

  .company_search select#Employees {/*width:calc(60% - 17px);*/}
  .company_search input[type=text]#CompanyName {/*width:calc(60% - 17px);*/}
}

@media screen and (max-width:1280px){
  #header .total_search_box {width:380px;}
  #header .total_search_box input[type=text] {width:320px;}

  #header .keyword_wrap {margin-left:-185px;}
  
  #header #gnb li a {font-size:16px;}
  #header #gnb li > a .bsi {height:32px; line-height:32px; font-size:13px; margin-top:6px; padding:0 6px; border-radius:6px;}

  .gnb-menu-area .menu-box ul li a {padding:5px 5px 5px 10px; font-size:14px; line-height:18px;}

  .main_rolling_img .slick-list div .roll_banner .info_text {padding:30px 30px 0;}

  .main_bigdata li .word_cloud {-webkit-transform:scale(.75); transform:scale(.75)}

  .main_store h3 {padding:40px 0 0 25px;}
  .main_store span {padding:10px 0 10px 25px;}
  .main_store ul {padding:20px 20px;}
  .main_store .btn_store_search {padding:0 25px;}

  .main_video_list ul {padding:30px 25px 0;}

  .main_ebook_list .main_ebook_tit {padding:40px 25px 0;}
  .main_ebook_list ul {padding:20px 15px 0;}
  .main_ebook_list ul li strong {max-height:44px; white-space:normal;}

  .main_company li > div strong {max-width:75%;}

  .store_search_wrap select {width:240px;}
  .store_search_wrap input[type=text] {width:230px;}
  
  .company_search .com_name .btn_search {width:46px; padding-left:34px; height:38px; line-height:38px; font-size:16px; background-position:12px 50%;}
  .company_search .com_name .btn_list {width:80px; height:38px; line-height:38px; font-size:16px;}

  .company_list li {width:50%;}
  .company_item strong {max-width:80%;}

  .equip_list > li {float:none; width:100%; padding:0 10px 10px;}
  .equip_list > li:nth-child(2n+1) {clear:none;}

  .equip_step {margin-bottom:20px;}
  .equip_step > li:after {top:49px; right:-7px; width:14px; height:28px; background-size:14px 28px;}
  .equip_step > li > div {width:120px; height:120px;}
  .equip_step > li > div.step1 {background-size:80px 80px;}
  .equip_step > li > div.step2 {background-size:80px 80px;}
  .equip_step > li > div.step3 {background-size:80px 80px;}
  .equip_step > li > div.step4 {background-size:80px 80px;}
  .equip_step > li > div.step5 {background-size:80px 80px;}
  .equip_step > li > div.step6 {background-size:80px 80px;}

  .magazine_wrap .magazine_list.showone {width:50%;}

  .fix_range .fix_title {padding:0 10px; height: 34px; line-height: 34px; font-size: 20px;}
  .fix_date small {line-height: 34px; font-size: 16px;}

}

@media screen and (max-width:1024px){
  #header {height:90px;}
  #header .util_menu_wrap {display:none;}
  #header .header_wrap {height:90px;}  
  #header .header_wrap .logo {top:15px; left:10px;}
  #header .header_wrap .banner_app {display:none;}
  #header .total_search_wrap {display:none;}
  #header .keyword_wrap {display:none;}
  #header .btn_all_menu {display:none;}
  #header .top_menu_wrap {display:none;}

		.type-mobile{display:block; position:absolute; top:25px; right:15px; width:44px; height:40px; background:url(/img/icon_menu_m.png) no-repeat; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}
		.mobile-menu{display:block;}

  .search-open {display:block; position:absolute; top:25px; right:90px; width:40px; height:40px; background:url(/img/icon_search_m.png) no-repeat; font-size: 0; line-height: 0;}
  .search-close {position:absolute; top:25px; right:90px; width:40px; height:40px; background:url(/img/icon_search_close.png) no-repeat; font-size: 0; line-height: 0;}
  .search-mobile {position:absolute; top:90px; left:0; width:100%; height:90px; padding-top:20px; background-color:#3c5f8f; text-align:center; z-index:11; box-sizing:border-box;}
  .search-mobile input[type=text] {width:60%; height:50px; background-color:#fff; border:1px solid #fff; padding-left:10px; font-size:24px; color:#333; box-sizing:border-box; border-radius:3px; vertical-align:middle;}
  .search-mobile .search-btn {display:inline-block; width:37px; height:40px; margin-left:10px; background:url(/img/icon_search_btn.png) no-repeat; background-size:100% 100%; font-size: 0; line-height: 0; vertical-align:middle;}

  .dimmed {display:none; width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:10; opacity:0.5;}
		.dimmed.show {display:block;}

		.mobile-menu{position:fixed; top:0; right:-3000px; width:300px; height:100%;z-index:15; background-color:#fff;}
		.mobile-menu .user-menu{position:relative; background-color:#f5f5f5; height:32px; padding:19px 20px;}
  .mobile-menu .user-menu .btn-menu {display:inline-block; height:30px; line-height:30px; background-color:#fff; border:1px solid #ccc; padding:0 20px; margin-right:2px; font-family:'Noto Sans KR'; letter-spacing:-0.5px; font-size:15px; color:#444; font-weight:500; border-radius:16px;}
  .mobile-menu .user-menu .btn-close {display:block; position:absolute; top:22px; right:15px; width:26px; height:26px; background:url(/img/icon_menu_close.png) no-repeat; background-size:100% 100%; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}

		.mobile-menu .menu-area {background-color:#fff; padding-bottom:0; position:absolute; top:70px; bottom:0; left:0; right:0; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
		.mobile-menu .menu-area .depth1{display:block; background:#fff url(/img/icon_menu_off.png) no-repeat right 20px center; background-size:16px; font-size:18px; font-weight:500; color:#222; padding:16px 20px; border-top:1px solid #ddd;}
		.mobile-menu .menu-area .depth1-none{display:block; background:#fff url(/img/icon_menu_off.png) no-repeat right 20px center; background-size:16px; font-size:18px; font-weight:500; color:#222; padding:16px 20px; border-top:1px solid #ddd;}
		.mobile-menu .menu-area .depth1.on{background:#fff url(/img/icon_menu_on.png) no-repeat right 20px center; background-size:16px; }
  .mobile-menu .menu-area .depth1 .new{display:inline-block; margin:-10px 0 0 0; color:red; font-size:11px; line-height:normal; font-weight:normal; vertical-align:top;}
  .mobile-menu .menu-area .depth1-none .new{display:inline-block; margin:-10px 0 0 0; color:red; font-size:11px; line-height:normal; font-weight:normal; vertical-align:top;}
  .mobile-menu .menu-area .depth1-none .sky {color:#0079f2;}
		.mobile-menu .menu-area .depth2-wrap {display:none; background:#f5f5f5; padding:10px 0;}
		.mobile-menu .menu-area .depth2-wrap > li > a{display:block; background:#f5f5f5; font-size:15px; color:#555; padding:8px 30px; }
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2{background:#f5f5f5 url(/img/icon_menu2_off.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2.on{background:#f5f5f5 url(icon_menu2_on.png) no-repeat right 20px center; background-size:14px auto;}
  .mobile-menu .menu-area .depth2-wrap > li > a .new{display:inline-block; width:14px; height:14px; line-height:14px; margin:1px 0 0 3px; color:#fff; font-size:10px; font-weight:normal; background:red; text-align:center; vertical-align:top; border-radius:50%;}
  .mobile-menu .menu-area .depth2-wrap > li > a .api {display:inline-block; height:14px; line-height:14px; padding:0 7px; margin:3px 0 0 3px; color:#fff; font-size:10px; font-weight:normal; background:#005ad9; text-align:center; vertical-align:top; border-radius:7px;}
		.mobile-menu .menu-area .depth3-wrap{display:none; padding:5px 20px; background-color:#fff;}
		.mobile-menu .menu-area .depth3-wrap a{position:relative; font-size:13px; color:#333; line-height:30px; padding-left:10px;}
		.mobile-menu .menu-area .depth3-wrap a:before{content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333;}

		.mobile-menu .menu-area .layer-scroll {overflow:hidden; overflow-y:auto; height:100%; padding:0;}
		.mobile-menu .menu-area .mCSB_scrollTools {width:6px; margin:0; padding:0; line-height:0; opacity:1;}
		.mobile-menu .menu-area .mCSB_inside > .mCSB_container{margin-right:0;}

  #footer .copyright {height:auto;}
  #footer .copyright h1 {display:none;}
  #footer .copyright p {padding:20px 0; text-align:center;}
  #footer .copyright ul {padding:20px 0 0; text-align:center; font-size:0; line-height:0;}
  #footer .copyright ul li {float:none; display:inline-block;}

  .main_content_wrap {height:auto;}

  .main_support_wrap {position:relative; top:0; left:0; float:left; width:50%; height:340px;}
  .main_support_list .main_support_item {height:305px; padding:30px 20px;}

  .main_agency_wrap  {position:relative; top:0; left:0; float:left; width:50%;}
  .main_agency_list .main_agency_item {padding:30px 20px;}

  .main_rolling_wrap {position:relative; top:0; left:0; float:left; width:50%; height:340px; animation-delay: 0.0s;}
  .main_rolling_img .slick-dots {bottom:20px; right:20px;}
  .main_rolling_img .img_bg {max-height:340px;}
  .main_rolling_img {height:340px;}
  .main_rolling_img .slick-list {height:340px;}
  .main_rolling_img .slick-list div {height:340px;}
  .main_rolling_img .slick-list div .roll_banner .info_text {padding:25px 20px 0;}
  .main_rolling_img .slick-list div .roll_banner .info_text strong {font-size:20px; margin-bottom:20px;}
  .main_rolling_img .slick-list div .roll_banner .info_text span {font-size:14px; margin-bottom:6px;}

  .main_bsi_wrap {position:relative; top:0; right:0; float:left; width:50%; animation-delay: 0.0s;}

  .main_exhibition_wrap {position:relative; top:0; right:0; float:left; width:50%; animation-delay: 0.0s;}
  .main_bidding_wrap {width:50%; animation-delay: 0.0s;}
  .main_education_wrap {position:relative; top:0; left:0; float:left; width:50%; animation-delay: 0.0s;}
  .main_news_wrap {position:relative; top:0; left:0; float:left; width:50%; animation-delay: 0.0s;}
  .main_banner_wrap {position:relative; top:0; right:0; float:left; width:100%; height:auto; overflow:hidden; animation-delay: 0.0s;}
  .main_banner_wrap .banner_eyenshop {float:left; width:50%; height:180px;}
  .main_banner_wrap .banner_eyewearkorea {float:left; width:50%; height:180px; background:url(/img/icon_banner_go.png) no-repeat 91% 87%; background-color:#65676d;}
  .main_banner_wrap .banner_eyewearkorea .img_eyewearkorea {float:left;}
  .main_banner_wrap .banner_eyewearkorea .logo_eyewearkorea {margin-right:0; margin-left:40%;}

  .main_banner2_wrap {position:relative; top:0; right:0; float:left; width:50%; animation-delay: 0.8s;}

  .main_map_wrap {height:440px;}
  .main_map_wrap .map_info_text {font-size:14px; line-height:1.4;}
  .main_map_wrap .map_info_text small {font-size:12px;}
  .main_map {-webkit-transform:scale(.5); transform:scale(.5)}

  .main_trade_box .main_trade_tab li {float:left; width:50%;}
  .main_trade_box .main_trade_tab li:nth-child(2) a {border-right:0;}
  .main_trade_box .main_trade_list li {width:33.33333333333334%;}
  .main_trade_box .main_trade_list li:nth-child(1) {animation-delay: 0.0s; border-bottom:1px solid #4e4e4e; width:100%;}
  .main_trade_box .main_trade_list li:nth-child(2) {animation-delay: 0.0s; border-bottom:1px solid #4e4e4e;}
  .main_trade_box .main_trade_list li:nth-child(3) {animation-delay: 0.0s; border-bottom:1px solid #4e4e4e;}
  .main_trade_box .main_trade_list li:nth-child(4) {animation-delay: 0.0s; border-bottom:1px solid #4e4e4e; border-right:0;}
  .main_trade_box .main_trade_list li:nth-child(5) {animation-delay: 0.0s;}
  .main_trade_box .main_trade_list li:nth-child(6) {animation-delay: 0.0s;}
  .main_trade_box .main_trade_list li:nth-child(7) {animation-delay: 0.0s;}

  .main_media_wrap {margin-bottom:0;}

  .main_bigdata {clear:both; margin-bottom:0;}
  .main_bigdata li .word_cloud {-webkit-transform:scale(1); transform:scale(1)}
  .main_bigdata li:nth-child(2) {animation-delay: 0.0s;}

  .main_video_player {width:100%; height:auto; padding:0; animation-delay: 0.0s;}
  .main_video_player .video_wrap {padding-bottom:50.35%; height:0;}
  .main_video_list {width:50%; animation-delay: 0.0s;}

  .main_ebook_list {width:50%; animation-delay: 0.0s;}

  .main_etc_wrap {margin-bottom:0;}
  .main_store {width:50%;}
  .main_job {width:50%; animation-delay: 0.0s;}
  .main_degisn_banner {width:100%; height:auto; animation-delay: 0.0s;}
  .main_degisn_banner img {width:100%; display:block;}

  .main_quick {padding:0;}
  .main_quick li {width:50%;}
  .main_quick li:nth-child(1) {border-bottom:1px solid #65666f; animation-delay: 0.0s;}
  .main_quick li:nth-child(2) {border-bottom:1px solid #65666f; animation-delay: 0.0s;}
  .main_quick li:nth-child(2) a {border-right:0;}
  .main_quick li:nth-child(3) {animation-delay: 0.0s;}
  .main_quick li:nth-child(4) {animation-delay: 0.0s;}

  .main_company_title {margin:5px -10px; height:50px; line-height:50px; font-size:20px;}
  .main_company_title .btn_more {right:5px; font-size:15px;}
  .main_company {overflow:hidden; padding:5px;}
  .main_company li {width:50%; padding:5px;}
  .main_company li > div {border:1px solid #ddd;}
  .main_company li > div strong {max-width:80%;}
  .main_company li:nth-child(2) {animation-delay: 0.0s;}
  .main_company li:nth-child(3) {animation-delay: 0.0s;}
  .main_company li:nth-child(4) {animation-delay: 0.0s;}
  .main_company li:nth-child(5) {animation-delay: 0.0s;}
  .main_company li:nth-child(6) {animation-delay: 0.0s;}
  .main_company li:nth-child(7) {animation-delay: 0.0s;}
  .main_company li:nth-child(8) {animation-delay: 0.0s;}
  .main_company li:nth-child(1) > div {background-color:#fff;}
  .main_company li:nth-child(2) > div {background-color:#fff;}
  .main_company li:nth-child(3) > div {background-color:#fff;}
  .main_company li:nth-child(4) > div {background-color:#fff;}
  .main_company li:nth-child(5) > div {background-color:#fff;}
  .main_company li:nth-child(6) > div {background-color:#fff;}
  .main_company li:nth-child(7) > div {background-color:#fff;}
  .main_company li:nth-child(8) > div {background-color:#fff;}

  .youtube_list_wrap li {padding-bottom:30px; margin-bottom:30px;}
  .youtube_list_wrap .youtube_info {padding:10px 0 0 63%;}
  .youtube_list_wrap .youtube_info h4 {line-height:24px; font-size:20px; margin-bottom:10px;}
  .youtube_list_wrap .youtube_info p {line-height:20px; font-size:14px; margin-bottom:10px;}
  .youtube_list_wrap .youtube_info p.view {font-size:12px;}
  .youtube_list_wrap .youtube_info p.info {max-height:200px;}
  .youtube_list_wrap .youtube_info .link_btn a {padding:8px 14px;font-size:14px;}

  .sub_tab ul.num5 li {width:33.33333333333333%;}
  .sub_tab ul.num6 li {width:33.33333333333333%;}
  
  .board_list > li {padding:0 0 0 100px;}
  .board_list .num {width:100px;}

  .board_read .read_cont img {height:auto !important;}
  .board_read .read_page th {width:160px;}

  .company_search .com_name {width:100%;}

  .company_search select {width:50%;}
  .company_search input[type=text] {width:50%;}

  .company_search_box input[type=text] {width:36%; height:40px; padding-left:8px; font-size:16px;}
  .company_search_box .btn_search {width:46px; padding-left:34px; height:38px; line-height:38px; font-size:16px; background-position:12px 50%;}
  .company_search_box .btn_list {width:80px; height:38px; line-height:38px; font-size:16px;}

  .company_search_category table th {width:25%; padding:4px 10px; font-size:16px;}
  .company_search_category table td {padding:4px 10px; font-size:14px;}
  .company_search_category ul li {width:33%; padding:2px 0;}
  .company_search_category ul.num3 li {width:50%;}
  .company_search_category input[type=checkbox] {width:16px; height:16px;}
  .company_search_category input[type=radio] {width:17px; height:17px;}
  .company_search_category label {padding:0 0 0 4px;}
  .company_search_category label.no_chk {padding:0 0 0 20px;}
  .company_search_category select {height:28px; font-size:14px;}
  
  .category_fold ul {height:27px;}
  .category_fold .btn_fold {left:-35px; padding:6px;}

  .category_list li {width:50%;}

  .store_search_wrap select {width:180px;}
  .store_search_wrap input[type=text] {width:170px;}

  .job_list li {width:50%;}
  .job_list li:nth-child(4n+1) {clear:none;}
  .job_list li:nth-child(2n+1) {clear:both;}

  .trade_list .trade_preview {float:none; width:100%;}
  .trade_list .subject {padding:12px 15px;}
  .trade_list .info {padding:0 15px 10px;}
  .trade_list .trade_file {padding-top:10px;}

  .magazine_list .slick-slide strong {margin:13px auto; font-size:16px;}
  .magazine_list .slick-slide.slick-center strong {margin:18px auto; font-size:20px;}

  .equip_list2 > li {padding:0 0 10px;}

  .equip_step {margin-bottom:15px;}
  .equip_step > li:after {top:33px; right:-5px; width:10px; height:20px; background-size:10px 20px;}
  .equip_step > li > div {width:80px; height:80px;}
  .equip_step > li > div.step1 {background-size:60px 60px;}
  .equip_step > li > div.step2 {background-size:60px 60px;}
  .equip_step > li > div.step3 {background-size:60px 60px;}
  .equip_step > li > div.step4 {background-size:60px 60px;}
  .equip_step > li > div.step5 {background-size:60px 60px;}
  .equip_step > li > div.step6 {background-size:60px 60px;}
  .equip_step > li > h5 {font-size:14px; margin-top:10px;}

  .org_list > li a, .org_list > li span {height:80px; line-height:16px; font-size:16px;}
  .org_list > li img {margin-top:3px;}

  .magazine_wrap .magazine_list.showone {width:60%;}

  .viewer_wrap {padding-bottom:75%;}

  .nation_cate li {width:25%;}
  .nation_cate ul.num5 li {width:33.33333333333333%;}
  .nation_cate ul.num6 li {width:33.33333333333333%;}

  .month_cate li {width:16.66666666666667%;}

  .summary_box {padding:20px 10px; margin:20px 0;}
  .summary_box h4 {font-size:24px; margin-bottom:10px;}
  .summary_box h4 .xdsoft_flipcountdown {margin-bottom:8px;}
  .summary_box dl {width:340px; font-size:20px; line-height:1.7;}
  .summary_box dd span {width:60px;}

  .chart_2w li {width:100%;}

  .table_responsive {width:100%; overflow-y:hidden; overflow-x:auto;}

}

@media screen and (max-width:720px){
  #header {height:70px;}
  #header .header_wrap {height:70px;}  
  #header .header_wrap .logo img {height:40px;}

  .type-mobile{top:20px; right:15px; width:33px; height:30px; background-size:100% 100%;}

  .search-open {top:20px; right:70px; width:30px; height:30px; background-size:100% 100%;}
  .search-close {top:20px; right:70px; width:30px; height:30px; background-size:100% 100%;}
  .search-mobile {top:70px; height:70px; padding-top:15px;}
  .search-mobile input[type=text] {width:60%; height:40px; background-color:#fff; border:1px solid #fff; padding-left:10px; font-size:22px; color:#333; box-sizing:border-box; border-radius:3px; vertical-align:middle;}
  .search-mobile .search-btn {width:29px; height:32px; margin-left:8px;}

  #footer .site_banner_wrap {height:100px;}
  #footer .site_banner {height:100px;}
  #footer .site_banner_ctrl {width:100%;}
  #footer .site_banner_list {padding:65px 0 0;}
  #footer .copyright p {padding:15px 10px; font-size:12px; line-height:18px;}
  #footer .copyright ul {padding:15px 0 0;}
  #footer .copyright ul li a {font-size:13px; line-height:18px;}

  .main_support_wrap {height:300px;}
  .main_support_list .main_support_item {padding:20px 20px; height:255px;}
  .main_support_list .main_support_item strong {font-size:18px; line-height:22px; max-height:44px; margin-bottom:15px;}
  .main_support_list .main_support_item span {font-size:15px; line-height:20px; max-height:160px;}

  .main_agency_list .main_agency_item {padding:20px 20px;}
  .main_agency_list .main_agency_item strong {font-size:18px; line-height:22px; max-height:44px; margin-bottom:15px;}
  .main_agency_list .main_agency_item span {font-size:15px; line-height:20px; max-height:200px;}

  .main_rolling_wrap {height:300px;}
  .main_rolling_img .img_bg {max-height:300px;}
  .main_rolling_img {height:300px;}
  .main_rolling_img .slick-list {height:300px;}
  .main_rolling_img .slick-list div {height:300px;}

  .main_map_wrap {height:2px; /*padding:20px 0 60px;*/}
  .main_map_wrap .map_info_text {display:none;}
  .main_map {display:none;}

  .main_trade_wrap .trade_reference {font-size:12px;}
  .main_trade_box .main_trade_tab a {height:50px; line-height:50px; font-size:16px;}
  .main_trade_box .main_trade_subtab a {height:44px; line-height:44px; font-size:16px;}
  .main_trade_box .main_trade_list li {height:94px; font-size:14px;}
  .main_trade_box .main_trade_list li strong {padding-top:12px; font-size:18px;}
  .main_trade_box .main_trade_list li span {padding:4px 0; font-size:14px;}

  .main_bigdata li .word_cloud {-webkit-transform:scale(.85); transform:scale(.85)}

  .main_video_list {height:340px;}
  .main_video_list li {margin-bottom:15px;}
  .main_video_list li a strong {font-size:16px; line-height:20px; max-height:40px;}

  .main_ebook_list {height:340px;}
  .main_ebook_list .main_ebook_tit {padding:30px 25px 0;}

  .main_store h3 {font-size:22px;}
  .main_store span {font-size:14px; line-height:18px;}

  .main_job .main_job_tit {font-size:20px;}
  .main_job ul li a {font-size:15px;}
  
  .main_quick li a {height:60px; line-height:60px; font-size:18px;}
  .main_quick li:nth-child(1) a img {width:38px; margin:0 6px 9px 0;}
  .main_quick li:nth-child(2) a img {width:38px; margin:0 6px 6px 0;}
  .main_quick li:nth-child(3) a img {width:46px; margin:0 6px 3px 0;}
  .main_quick li:nth-child(4) a img {width:36px; margin:0 6px 12px 0;}

  .main_company_title {height:46px; line-height:46px; font-size:18px;}
  .main_company_title .btn_more {font-size:14px;}
  .main_company li > div {height:320px; padding:40px 20px 0;}
  .main_company li > div h4 {height:34px;}
  .main_company li > div strong {font-size:18px;}
  .main_company li > div small {font-size:12px; padding:1px 4px;}
  .main_company li > div span {font-size:14px;}
  /*.main_company li > div .view_icon {margin-left:-50px; width:100px; height:30px; line-height:30px; font-size:14px;}*/

  .sub_navi_wrap {height:40px;}
  .sub_navi_wrap>nav>div>a.home {width:40px; height:40px; background-size:18px auto;}
  .sub_navi_wrap>nav>div>.depth_title {height:40px; font-size:14px; width:150px; text-indent:10px; line-height:40px; background:url(/img/icon_snb.png) no-repeat 95% center;}
  .sub_navi_wrap>nav>div>ul {top:40px; overflow:visible;}
  .sub_navi_wrap>nav>div>ul>li {height:35px; line-height:35px; text-indent:10px; width:150px;}
  .sub_navi_wrap>nav>div>ul>li>a {font-size:13px;}

  .sub_content_wrap {padding:10px; min-height:0;}

  #sub_title {padding:0 0 5px; margin:0 0 15px; font-size:22px; line-height:30px;}

  .form_table th {width:20%;}

  .form_table.mobile_form tr {float:left; width:100%; box-sizing:border-box;}
  .form_table.mobile_form tr th {float:left; width:100%; box-sizing:border-box;}
  .form_table.mobile_form tr td {float:left; width:100%; box-sizing:border-box;}

  .sub_tab {margin-bottom:10px;}
  .sub_tab li {width:50%; min-width:0;}
  .sub_tab ul.num3 li {width:50%;}
  .sub_tab ul.num4 li {width:50%;}
  .sub_tab ul.num5 li {width:50%;}
  .sub_tab ul.num6 li {width:50%;}
  .sub_tab li a {height:34px; line-height:34px; font-size:16px;}

  .login_wrap .a_txt {text-indent:10px;}
  .join_wrap .a_txt {text-indent:5px; font-size:13px;}
  .secession_wrap .a_txt {text-indent:5px; font-size:13px;}

  .youtube_list_wrap li {padding-bottom:20px; margin-bottom:20px;}
  .youtube_list_wrap .youtube_video {float:none; width:100%;}
  .youtube_list_wrap .youtube_info {padding:10px 0 0 0;}

  .board_list {margin-bottom:10px;}
  .board_list > li {padding:0 0 0 40px;}
  .board_list .num {width:40px; font-size:16px; text-align:left;}
  .board_list .subject {padding:10px 0;}
  .board_list .subject a {font-size:16px;}
  .board_list .subject .icon_ing {font-size:12px; padding:2px 6px;}
  .board_list .subject .icon_com {font-size:12px; padding:2px 6px;}
  .board_list .desc {padding:10px 0; font-size:13px;}
  .board_list .info {padding:0 0 10px;}
  .board_list .info > dt, .board_list .info>dd {font-size:13px;}
  .board_list .info > dt ~ dt {padding-left:5px;}

  .ic_soon {padding:0 6px; margin-right:2px; line-height:22px; border-radius:3px; font-size:12px;}
  .ic_ing {padding:0 6px; margin-right:2px; line-height:22px; border-radius:3px; font-size:12px;}
  .ic_end {padding:0 6px; margin-right:2px; line-height:22px; border-radius:3px; font-size:12px;}
  .ic_dayend {padding:0 6px; margin-right:2px; line-height:22px; border-radius:3px; font-size:12px;}

  .board_read .subject {padding:12px 0; font-size:16px; text-align:center;}
  .board_read .read_info {padding:10px;}
  .board_read .read_info dt, .board_read .read_info dd {font-size:13px;}
  .board_read .read_cont {padding:10px;}
  .board_read .read_page {margin-bottom:10px;}
  .board_read .read_page th {width:100px; height:32px; font-size:13px;}
  .board_read .read_page td {padding:0 0 0 10px; font-size:13px;}

  .board_read .answer_tit {padding:12px 0; font-size:16px; text-align:center;}
  .board_read .answer_box {padding:10px; margin-bottom:10px;}
  .board_read .answer_cont {padding:10px;}

  .board_btn_wrap {margin-bottom:10px;}
  .board_btn_wrap .btn_board {padding:0 20px; height:34px; line-height:34px; font-size:15px;}

  .pagenation_wrap {margin:10px 0 0;}

  .company_search {padding:10px 20px;}
  .company_search li {width:50%; padding:6px 0;}
  .company_search input[type=checkbox] {width:16px; height:16px;}
  .company_search label {font-size:16px; padding:0 2px 0 4px; margin-right:4px;}
  .company_search select {width:60%; height:30px;padding:0 6px; font-size:14px;}
  .company_search select#Employees {/*width:calc(60% - 15px);*/}
  .company_search input[type=text] {width:60%; height:30px;padding:0 6px; font-size:14px;}
  .company_search input[type=text]#CompanyName {/*width:calc(60% - 15px);*/}
  .company_search .com_name {padding:10px 0 6px;}

  .company_search_box {margin-bottom:10px;}
  .company_search_box input[type=text] {width:50%;}

  .company_search_category {margin:0 0 10px;}
  .company_search_category table th {width:34%; padding:4px 8px; font-size:14px;}
  .company_search_category table td {padding:4px 8px; font-size:12px;}
  .company_search_category ul li {width:50%;}
  .company_search_category ul.num3 li {width:100%;}

  .category_fold ul {height:25px;}
  .category_fold .btn_fold {left:-25px; padding:6px;}
  .category_fold .btn_fold img {width:10px;}

  .company_result {padding:15px 0; font-size:16px;}

  .company_list li {width:100%; padding:5px 0;}
  .company_item {height:auto; padding:40px 20px 60px;}
  .company_item h4 {height:34px;}
  .company_item strong {font-size:18px;}
  .company_item small {font-size:12px; padding:1px 4px;}
  .company_item span {font-size:14px;}
  .company_item dl {font-size:14px;}
  .company_item dl dd {padding-left:57px;}

  .company_read .company_title {padding:10px 0; font-size:18px;}
  .company_read .company_title small {font-size:12px; padding:1px 4px; margin:0 0 4px 4px;}
  .company_read .company_detail {font-size:14px;}
  .company_read .company_detail th {padding:10px;}
  .company_read .company_detail td {padding:10px;}
  .company_read .company_map {height:300px;}
  .company_read .btn_list {padding:10px 0; text-align:center;}
  .company_read .btn_list .list_icon {display:inline-block; width:120px; height:34px; line-height:34px; font-size:16px;}

  .company_read .company_detail.mobile_form tr {float:left; width:100%; box-sizing:border-box;}
  .company_read .company_detail.mobile_form tr th {float:left; width:100%; box-sizing:border-box; text-align:left; color:#333; font-size:15px; font-weight:500;}
  .company_read .company_detail.mobile_form tr td {float:left; width:100%; box-sizing:border-box; padding-bottom:20px;}

  .company_read .company_product .shop_btn {width:100%; height:100px; font-size:16px; line-height:1.3;}
  .company_read .company_product .korea_btn {width:100%; height:100px; font-size:16px; line-height:1.3;}
  .company_read .company_product .shop_btn_none {width:100%; height:100px; font-size:16px; line-height:1.3;}
  .company_read .company_product .korea_btn_none {width:100%; height:100px; font-size:16px; line-height:1.3;}

  .store_search_wrap {padding:20px 0; margin-bottom:10px;}
  .store_search_wrap span {display:block; margin:3px 0;}
  .store_search_wrap select {width:160px;}
  .store_search_wrap input[type=text] {width:206px;}

  .store_list th, .store_list td {padding:5px;}
  .store_list th {height:30px; font-size:15px;}
  .store_list th.d_check {width:40px;}
  .store_list th.d_store {width:160px;}
  .store_list td .map_icon {height:22px;}

  .year_tit {font-size:24px; margin-bottom:0;}
  .year_tit .prev_year {width:24px; height:24px; background-position:-45px -7px; margin:0 8px 4px;}
  .year_tit .next_year {width:24px; height:24px; background-position:-83px -7px; margin:0 8px 4px;}
  .year_tit .data_down {top:4px; right:3px; padding:0 6px; height:26px; line-height:26px; font-size:14px;}

  .select_year .prev_year {width:30px;  height:30px; background-position:-42px -4px; margin:0 10px 4px;}
  .select_year .next_year {width:30px;  height:30px; background-position:-80px -4px; margin:0 10px 4px;}

  .exhibition_wrap .timeline {padding-bottom:20px;}
  .exhibition_wrap .timeline:before {height:calc(100% - 40px); top:20px; left:18px;}
  .exhibition_wrap .timeline > li {width:100%; padding:0 0 0 40px; margin-bottom:10px;}
  .exhibition_wrap .timeline > li .exhibition_box {padding:15px 20px; border-radius:8px; box-shadow:3px 3px 3px #eee; margin:0 10px 0 0;}
  .exhibition_wrap .timeline > li:before {top:26px; left:18px; width:22px;}
  .exhibition_wrap .timeline > li:after {top:19px; left:11px; width:14px; height:14px; border:2px solid #0059b3; -webkit-transform:translateX(0); transform:translateX(0);}
  .exhibition_wrap .timeline > li:nth-child(odd) {right:0;}
  .exhibition_wrap .timeline > li:nth-child(even) {padding:0 0 0 40px; text-align:left;}
  .exhibition_wrap .timeline > li:nth-child(even):after {right:inherit; left:11px; -webkit-transform:translateX(0); transform:translateX(0);}
  .exhibition_wrap .timeline > li:nth-child(even):before {right:inherit; left:18px;}
  .exhibition_wrap .timeline > li:nth-child(even) .exhibition_box {margin:0 10px 0 0 ;}
  .exhibition_wrap .timeline > li strong {font-size:18px; margin-bottom:10px;}
  .exhibition_wrap .timeline > li ul > li {line-height:22px; font-size:14px;}
  .exhibition_wrap .timeline > li ul > li .homepage {display:inline-block; height:24px; line-height:24px; padding:0 10px; margin-top:8px; font-size:13px;}
  .exhibition_wrap .timeline .month_tit {text-align:left;}
  .exhibition_wrap .timeline .month_tit strong {width:34px; height:34px; line-height:34px; font-size:18px;}

  .job_list .source_text {font-size:12px; padding:0 10px 5px 0;}
  .job_list li {padding:5px;}
  .job_item {min-height:240px; padding:20px 20px 15px;}
  .job_item h4 {height:34px; font-size:18px;}
  .job_item p {font-size:14px; margin-bottom:10px;}
  .job_item .info {font-size:13px;}
  .job_item .info .time {font-size:14px;}
  .job_item .info .local {padding-right:9px; margin-right:8px;}
  .job_item .info .local:after {top:6px; height:13px;}

  .trade_list {margin-bottom:10px;}
  .trade_list > li {padding:0 0 0 70px;}
  .trade_list .num {width:60px; font-size:16px;}
  .trade_list .num .view_btn {height:auto; line-height:16px; padding:4px 6px; margin-top:10px; font-size:12px;}
  .trade_list .num .view_btn span {display:block;}
  .trade_list .subject {padding:10px 0; font-size:16px;}
  .trade_list .info {padding:0 0 5px;}
  .trade_list .info > dt, .trade_list .info>dd {font-size:13px;}
  .trade_list .info > dt {width:80px; margin-bottom:5px;}

  .trade_table {margin-bottom:10px;}
  .trade_table th {padding:5px; font-size:13px;}
  .trade_table td {padding:5px; font-size:13px;}
  .trade_table td .view_btn {padding:2px 8px; font-size:13px;}

  .magazine_wrap .magazine_list.showone {width:80%;}
  .magazine_list .slick-slide strong {margin:10px auto; font-size:13px;}
  .magazine_list .slick-slide.slick-center strong {margin:15px auto; font-size:16px;}

		.faq_list .question {background:url('/img/icon_q.png') no-repeat 15px center;}
		.faq_list .question.on {background:#f6f6f6 url('/img/icon_q.png') no-repeat 15px center;}
		.faq_list .question a {font-size:16px; padding:12px 45px; background: url('/img/faq_open.png') no-repeat right 15px center; background-size:15px auto;}
		.faq_list .question.on a {background: url('/img/faq_close.png') no-repeat right 15px center; background-size:15px auto;}
		.faq_list .answer {font-size:13px; min-height:50px; padding:12px 20px 12px 45px; background:url('/img/icon_a.png') no-repeat 15px 15px;}

  .csc_write {padding:5px;}
  .csc_write .subject select {float:none; width:100%; height:36px; padding:0 8px; font-size:14px; margin-bottom:5px;}
  .csc_write .subject .in_tit {display:none;}
  .csc_write .subject .in_text {padding-left:0;}
  .csc_write .subject input[type=text] {height:36px; padding:0 8px; font-size:14px;}
  .csc_write textarea {height:300px; padding:8px; font-size:14px;}

  .reply_write {padding:10px; margin-bottom:8px;}
  .reply_write h4 {font-size:13px; margin-bottom:8px;}
  .reply_write textarea {width:calc(100% - 75px); height:60px; font-size:13px;}
  .reply_write .reply_btn {width:70px; height:60px; line-height:60px; font-size:14px;}

  .reply_title {padding:8px 0; font-size:13px;}

  .reply_list {margin-bottom:15px;}
  .reply_comment {padding:10px;}
  .reply_comment .reply_name {font-size:12px;margin-bottom:10px;}
  .reply_comment .reply_name strong {font-size:14px; color:#222;}
  .reply_comment .reply_name .reply_btn {display:inline-block; padding:3px 5px; margin:0 2px; font-size:11px; border-radius:2px;}
  .reply_comment .reply_content {font-size:13px;}

  .reply_comment .re2 {background:#f9f9f9 url(/img/icon_re2.gif) no-repeat 15px 10px; padding-left:35px;}
  .reply_comment .re3 {background:#f9f9f9 url(/img/icon_re2.gif) no-repeat 15px 10px; padding-left:70px;}

  .reply_comment .write {background:#f9f9f9 url(/img/icon_re2.gif) no-repeat 15px 10px; padding-left:35px;}
  .reply_comment .write .reply_name {margin-bottom:6px;}

  .con_box {margin-bottom:10px;}
  .con_tit {font-size:18px; padding:5px 0;}
  .con_stit {font-size:15px; padding:5px 0;}
  .con_img {padding:5px;}

  .con_table th {padding:5px; font-size:14px;}
  .con_table td {padding:5px; font-size:13px;}
  .con_table td strong {font-size:14px;}

  .con_process > li {padding:10px 15px; font-size:14px; margin-right:24px; margin-top:5px; margin-bottom:5px;}
  .con_process > li:after {right:-16px; width:6px; height:12px; margin-top:-6px; background-size:6px 12px;}

  .dot_list {padding:5px 0;}
  .dot_list > li {font-size:14px; line-height:22px;}

  .equip_down {padding:5px 0;}
  .equip_down .equip_btn {padding:0 16px; height:33px; line-height:33px; font-size:13px;}

  .equip_list .equip_box {padding:10px;}
  .equip_list .equip_img {width:160px; height:160px;}
  .equip_list .equip_info {padding-left:180px;}
  .equip_list .equip_info h5 {font-size:16px; padding:5px 0 10px; margin-bottom:10px;}
  .equip_list .equip_info dl {font-size:14px;}
  .equip_list .equip_info dl > dt {width:60px; line-height:20px;}
  .equip_list .equip_info dl > dd {padding:0 0 8px 70px; line-height:20px;}

  .equip_list2 .equip_box {padding:10px;}
  .equip_list2 .equip_img {width:180px; height:156px;}
  .equip_list2 .equip_info {padding-left:190px;}
  .equip_list2 .equip_info h5 {font-size:16px; padding:5px 0 10px; margin-bottom:10px;}
  .equip_list2 .equip_info dl {font-size:14px;}
  .equip_list2 .equip_info dl > dt {width:60px; line-height:20px;}
  .equip_list2 .equip_info dl > dd {padding:0 0 8px 70px; line-height:20px;}

  .test_step {margin:5px 0;}
  .test_step li {min-height:100px; padding:20px 10px 20px 120px;}
  .test_step li h5 {font-size:16px; margin-bottom:10px;}
  .test_step li p {font-size:14px;}
  .test_step li.step1 {background:url(/equipment/img/test_step1.jpg) no-repeat 30px 50%; background-size:60px 60px;}
  .test_step li.step2 {background:url(/equipment/img/test_step2.jpg) no-repeat 30px 50%; background-size:60px 60px;}
  .test_step li.step3 {background:url(/equipment/img/test_step3.jpg) no-repeat 30px 50%; background-size:60px 60px;}
  .test_step li.step4 {background:url(/equipment/img/test_step4.jpg) no-repeat 30px 50%; background-size:60px 60px;}
  .test_step li.step5 {background:url(/equipment/img/test_step5.jpg) no-repeat 30px 50%; background-size:60px 60px;}

  .equip_step {padding:0;}
  .equip_step > li {width:33.33333333333333%; margin-top:15px;}
  .equip_step > li:nth-child(3):after {display:none;}
  .equip_step > li > h5 {margin-top:5px; margin-bottom:5px; padding:0 5px;}

  .org_list {margin:0 -5px;}
  .org_list > li {padding:5px;}
  .org_list > li a, .org_list > li span {height:60px; line-height:14px; font-size:14px;}
  .org_list > li img {height:40px; margin-top:0;}

  .btn_homepage {padding:2px 6px; font-size:12px; background:#0763bd;}

  .privacy_wrap {padding:20px 20px 5px;}
  .policy-cont {margin-bottom:15px; font-size:14px; line-height:1.5;}
  .policy-cont .policy-title{font-size:16px; line-height:24px;}
  .policy-cont .num-list{margin-top:5px;}
  .policy-cont .num-list > li {font-size:14px; line-height:22px;}
  .policy-cont .num-list1{margin-top:5px;}
  .policy-cont .num-list1 > li {font-size:14px; line-height:22px;}
  .policy-cont .num-list2{margin-top:0; margin-bottom:5px;}
  .policy-cont	.num-list2 > li {font-size:14px; line-height:22px;}
  .policy-cont .none-list{margin-top:5px;}
  .policy-cont .none-list > li {font-size:14px; line-height:22px;}
  .policy-cont	.dot-list {margin-top:5px;}
  .policy-cont	.dot-list > li {font-size:14px; line-height:22px;}

  .tac_cont {padding:15px 15px 5px; margin:40px auto;}
  .tac_cont h4 {font-size:24px;}

  .cate_con {clear:both; padding-top:8px;}
  .cate2_con {clear:both; padding-top:8px;}
  .full_view .view_btn {padding:0 15px; height:32px; line-height:32px; font-size:14px;}

  .nation_cate {margin:0 -1px 10px; text-align:center;}
  .nation_cate li {width:33.33333333333333%; padding:1px;}
  .nation_cate ul.num3 li {width:50%;}
  .nation_cate ul.num4 li {width:50%;}
  .nation_cate ul.num5 li {width:50%;}
  .nation_cate ul.num6 li {width:50%;}
  .nation_cate li a {height:28px; line-height:28px; font-size:14px;}

  .month_cate {margin:0 -1px 10px; text-align:center;}
  .month_cate li {width:25%; padding:1px;}
  .month_cate li a {height:28px; line-height:28px; font-size:14px;}

  .summary_box {padding:15px 5px; margin:10px 0 0;}
  .summary_box h4 {font-size:20px; margin-bottom:10px;}
  .summary_box h4 p {display:block;}
  .summary_box h4 .xdsoft_flipcountdown {margin-bottom:6px;}
  .summary_box dl {width:300px; font-size:18px; line-height:1.5;}
  .summary_box dd span {width:50px;}

  .company_info_box h4 {font-size:18px;}

  .bsi_top {padding:10px;}
  .bsi_top h4 {font-size:18px;}
  .bsi_top p {font-size:14px;}

  .bsi_source p {font-size:13px;}

  .bsi_chart h4 {font-size:18px;}

  .bsi_info {margin-bottom:0; flex-wrap:wrap;}
  .bsi_info > div {width:100%; padding:10px 10px; margin-bottom:10px;}
  .bsi_info h4 {font-size:18px; padding-bottom:10px; margin-bottom:10px;}
  .bsi_info h4:after {width:100px; height:1px;}

  .bsi_table {margin-bottom:20px;}
  .bsi_table th {padding:5px 5px; font-size:14px; line-height:1.4;}
  .bsi_table td {padding:5px 5px; font-size:14px; line-height:1.4;}

  .fix_range .fix_title {padding:0 5px; width: calc(100% - 72px); min-width: 210px; font-size: 16px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  .fix_date small {display:none;}
}

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

  .main_content_wrap .main_top_more {width:48px;}

  .main_support_wrap {width:100%;}
  .main_support_list .main_support_item {padding:20px 20px;}

  .main_agency_wrap {width:100%; height:300px;}
  .main_agency_list .main_agency_item {padding:20px 20px; height:255px;}
  .main_agency_list .main_agency_item span {max-height:160px;}

  .main_rolling_wrap {width:100%; height:auto;}
  .main_rolling_img .slick-dots {bottom:15px; right:15px;}
  .main_rolling_img .img_bg {height:auto; max-height:none;}
  .main_rolling_img {height:auto;}
  .main_rolling_img .slick-list {height:auto;}
  .main_rolling_img .slick-list div {height:auto;}

  .main_bsi_wrap {width:100%;}

  .main_exhibition_wrap {width:100%;}
  .main_bidding_wrap {width:100%;}
  .main_education_wrap {width:100%;}
  .main_news_wrap {width:100%;}

  .main_banner_wrap .banner_eyenshop {width:100%;}
  .main_banner_wrap .banner_eyewearkorea {width:100%; background:url(/img/icon_banner_go.png) no-repeat 43% 87%; background-color:#65676d;}
  .main_banner_wrap .banner_eyewearkorea .img_eyewearkorea {float:right;}
  .main_banner_wrap .banner_eyewearkorea .logo_eyewearkorea {margin-right:40%; margin-left:0;}

  .main_banner2_wrap {width:100%;}

  .main_bigdata li {width:100%;}
  .main_bigdata li .word_cloud {-webkit-transform:scale(1); transform:scale(1)}

  .main_video_list {width:100%; height:auto;}
  .main_video_list ul {padding:20px 20px;}

  .main_ebook_list {width:100%; height:auto;}
  .main_ebook_list .main_ebook_tit {padding:20px 20px 0;}
  .main_ebook_list ul {padding:20px 10px 0;}
  .main_ebook_list ul li {padding:0 10px 20px;}
  .main_ebook_list ul li img {width:100%;}

  .main_store {width:100%; height:auto; background-size:56px 65px;}
  .main_store h3 {padding:25px 0 0 20px;}
  .main_store span {padding:10px 0 0 20px;}
  .main_store ul {padding:15px 15px;}
  .main_store .btn_store_search {padding:0 20px 25px;}

  .main_job {width:100%; height:auto;}
  .main_job .main_job_tit {padding:25px 20px 0;}
  .main_job ul {padding:5px 20px 25px;}

  .main_company li {width:100%;}
  .main_company li > div {height:auto; padding:50px 20px 70px 20px;}

  .store_list th.d_check {width:30px;}
  .store_list th.d_store {width:120px;}
  .store_list td .map_icon {height:20px;}

  .job_list li {float:none; width:100%;}
  .job_list li:nth-child(4n+1) {clear:none;}
  .job_list li:nth-child(2n+1) {clear:none;}

  .magazine_wrap .magazine_list.showone {width:100%;}

  .e404_wrap {max-width:100%; margin:10px auto;}
  .e404_top img {height:44px;}
  .e404_middle .e404_icon {padding:30px 0 20px;}
  .e404_middle .e404_icon img {height:44px;}
  .e404_middle h3 {font-size:18px; margin-bottom:10px;}
  .e404_middle p {font-size:13px; line-height:1.4; padding:0 10px;}
  .e404_middle .e404_home {padding:20px 0 30px;}
  .e404_middle .e404_home a {font-size:14px; height:32px; line-height:32px; padding:0 12px;}
  .e404_bottom {padding:15px 0 10px; font-size:11px;}

  .viewer_wrap {padding-bottom:100%; }

}

@media screen and (max-width:480px){
  #footer .copyright p span {display:block;}
  #footer .copyright p br {display:none;}

  .main_rolling_img .slick-list div .roll_banner .info_text {padding:20px 15px 0;}
  .main_rolling_img .slick-list div .roll_banner .info_text strong {font-size:18px; margin-bottom:14px;}
  .main_rolling_img .slick-list div .roll_banner .info_text span {font-size:13px; margin-bottom:4px;}

  .main_quick li a {font-size:15px; height:50px; line-height:50px;}
  .main_quick li:nth-child(1) a img {width:26px; margin:0 4px 6px 0;}
  .main_quick li:nth-child(2) a img {width:26px; margin:0 4px 4px 0;}
  .main_quick li:nth-child(3) a img {width:32px; margin:0 4px 2px 0;}
  .main_quick li:nth-child(4) a img {width:24px; margin:0 4px 9px 0;}

  .board_header .page_num {float:none; padding:8px 0;}
  .board_search {float:none; width:100%;}

  .company_search select {width:50%;}
  .company_search select#Employees {/*width:calc(50% - 15px);*/}
  .company_search input[type=text] {width:50%;}
  .company_search input[type=text]#CompanyName {/*width:calc(50% - 15px);*/}

  .join_wrap dt {float:left; width:90px; font-size:14px;}
  .join_wrap dd {padding:0 0 10px 100px;}
  .join_wrap .a_txt {font-size:12px;}
  .join_wrap .join_agree {font-size:13px;}

  .company_alarm {font-size:13px; padding:10px 0;}
  .company_alarm h4 {font-size:18px;}

  .join_alarm {font-size:13px; padding:10px 0;}
  .join_alarm h4 {font-size:18px;}
  .join_alarm h5 {font-size:16px;}

  .secession_wrap h4 {font-size:16px; margin-bottom:15px;}
  .secession_wrap .secession_info {padding:15px 15px 5px;}
  .secession_wrap .secession_info p {font-size:13px; margin-bottom:10px;}
  .secession_wrap .secession_info strong {font-size:14px;}
  .secession_wrap dt {float:left; width:90px; font-size:14px;}
  .secession_wrap dd {padding:0 0 10px 100px;}
  .secession_wrap dd strong {font-size:14px;}
  .secession_wrap .a_txt {font-size:12px;}

  .equip_list .equip_img {float:none; width:50%; height:120px; margin:0 auto 5px;}
  .equip_list .equip_info {padding-left:0;}

  .equip_list2 .equip_img {float:none; width:160px; height:139px; margin:0 auto 5px;}
  .equip_list2 .equip_info {padding-left:0;}

  .org_list {margin:0;}
  .org_list > li {width:100%; padding:5px 0;}

}