@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:145px;}
#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 .header_wrap {position:relative; height:0; max-width:1200px; margin:auto;}
#header .header_wrap .logo {position:absolute; top:28px; left:10px; z-index:1;}


#header .btn_all_menu {position:absolute; top:36px; right:8px; display:block; width:34px; height:30px; background:url(/kolas/img/icon_menu_pc.png) no-repeat 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; z-index:1;}

#header .top_menu_wrap {height:72px; padding-top:28px;}
#header #gnb {position:relative; height:45px; max-width:1200px; margin:auto;}
#header #gnb ul {padding:0 50px 0 270px;}
#header #gnb li {float:left; width:20%;}
#header #gnb li.top_menu_wrap_li {width:16%; height:45px;}
#header #gnb li a {display:block; font-family:'Noto Sans KR'; font-size:19px; 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:145px; left:0; width:100%; height:150px; border-top:1px solid #cecece; border-bottom:1px solid #d9d9d9; background-color:#f5f5f5; z-index:11;}
.gnb-menu-area .inner-wrap {max-width:1200px; padding:0 50px 0 270px; margin:auto; box-sizing:border-box;}
.gnb-menu-area .menu-box{position:relative; float:left; width:20%; min-height:150px; 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:180px; 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:1000px; margin:0 0 0 -500px;}
.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:20%; height:180px; 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;}


/* Footer */
#footer {background-color:#444;}
#footer .site_banner_wrap {height:50px; background-color:#2f2f2f; display:none;}
#footer .site_banner {position:relative; height:50px; max-width:1200px; 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:1200px; 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;}


/*animation*/
@keyframes scroll_down {
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}
.scroll_down {animation-name:scroll_down; animation-duration:1s; animation-fill-mode:both; animation-iteration-count:infinite;}


/* Main */
.main_visual_wrap {position:relative; height:740px;}
.main_visual_wrap .main_btn_prev {position:absolute; top:50%; left:50%; margin-top:-38px; margin-left:-700px;}
.main_visual_wrap .main_btn_next {position:absolute; top:50%; right:50%; margin-top:-38px; margin-right:-700px;}
.main_visual_wrap .main_scroll {position:absolute; bottom:40px; left:50%; margin-left:-50px;}

.main_slide {height:740px;}
.main_slide .slide_item {position:relative; height:740px; overflow:hidden;}
.main_slide .main_img1 .bg {background:url('/kolas/img/main_img01.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img2 .bg {background:url('/kolas/img/main_img02.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img3 .bg {background:url('/kolas/img/main_img03.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img4 .bg {background:url('/kolas/img/main_img04.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .slick-slide .slide_item .bg {height:740px; z-index: -1; opacity:0; -ms-transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s; transition:transform 7s ease-out, opacity 1s ease 0.3s;}
.main_slide.ani .slick-slide.slick-active .slide_item .bg {opacity:1; -ms-transform:scale(1.1, 1.1) rotate(.001deg); -webkit-transform:scale(1.1, 1.1) rotate(.001deg); transform:scale(1.1, 1.1) rotate(.001deg); -webkit-transition-delay:0s; transition-delay:0s;}

.main_slide .slide_item .txt {position:absolute; top:50%; left:0; width:100%; margin-top:-170px; text-align:center; z-index:1;}
.main_slide .slide_item .txt_stit {font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; color:#fff; margin-bottom:40px; text-shadow:2px 2px 2px rgba(0,0,0,.5); opacity:0; -webkit-transform:translateX(-50px); transform:translateX(-50px);}
.main_slide .slide_item .txt_btit {font-size:48px; font-weight:700; line-height:1.1; letter-spacing:-0.05em; color:#fff; margin-bottom:40px; text-shadow:3px 3px 3px rgba(0,0,0,.5); opacity:0; -webkit-transform:translateX(50px); transform:translateX(50px);}
.main_slide .slide_item .view_more {opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px);}
.main_slide .slide_item .view_more a {display:inline-block; height:50px; line-height:50px; padding:0 35px; margin:0 4px; font-size:20px; font-weight:600; letter-spacing:-0.05em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.4); box-shadow:0 0 8px rgba(0,0,0,.3); border-radius:25px;}
.main_slide .slide_item.main_img1 .view_more a {background:#00a1f2;}
.main_slide .slide_item.main_img2 .view_more a {background:#00b3a4;}
.main_slide .slide_item.main_img3 .view_more a {background:#4c88ff;}
.main_slide .slide_item.main_img4 .view_more a {background:#8a5ce6;}

.main_slide.ani .slick-slide.slick-active .slide_item .txt_stit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition: -webkit-transform 1s; transition:transform 1s; transition: transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_btit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition:-webkit-transform 1s; transition:transform 1s; transition:transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .view_more {opacity:1; -webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition:transform 1s; transition:transform 1s;}


.main_content_wrap {position:relative; max-width:1200px; height:450px; padding-top:50px; margin:auto; overflow:hidden;}

.main_board {overflow:hidden; padding-bottom:20px;}
.main_board_box {float:left; width:calc(50% - 20px); margin:0 10px 10px; font-family:'Noto Sans KR';}
.main_board_box .main_board_top {position:relative; height:50px; line-height:50px; border-radius:10px 10px 0 0;}
.main_board_box .main_board_top h4 {padding-left:20px; font-size:20px; font-weight:400; color:#fff;}
.main_board_box .main_board_top .board_more {position:absolute; top:16px; right:19px;}
.main_board_box.bg1 .main_board_top {background:#404040;}
.main_board_box.bg2 .main_board_top {background:#3d5499;}
.main_board_box .main_board_list {height:160px; padding:20px 20px 0; border:1px solid #ccc; border-top:0; border-radius:0 0 10px 10px; box-sizing:border-box;}
.main_board_box .main_board_list li {overflow:hidden; line-height:1.7; margin-bottom:5px;}
.main_board_box.bg2 .main_board_list li {padding-left:12px; background:url('/kolas/img/ic_dot.gif') no-repeat 0 12px;}
.main_board_box .main_board_list li a {display:inline-block; float:left; font-size:16px; font-weight:400; color:#1a1a1a; max-width:calc(100% - 90px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_board_box .main_board_list li .icon_ing {display:inline-block; float:left; background-color:#ff7f00; color:#fff; font-size:14px; line-height:21px; padding:3px 7px; margin-right:7px; border-radius:3px;}
.main_board_box .main_board_list li .icon_com {display:inline-block; float:left; background-color:#666; color:#fff; font-size:14px; line-height:21px; padding:3px 7px; margin-right:7px; border-radius:3px;}
.main_board_box .main_board_list li .new {display:inline-block; width:14px; height:14px; line-height:14px; margin:3px 0 0 5px; color:#fff; font-size:10px; font-weight:normal; background:red; text-align:center; vertical-align:middle; border-radius:50%;}
.main_board_box .main_board_list li .date {display:block; margin-top:3px; float:right; font-size:13px; font-weight:300; color:#808080;}


.main_banner {overflow:hidden; padding-bottom:20px;}
.main_banner_box {float:left; width:calc(25% - 20px); height:160px; margin:0 10px 10px; font-family:'Noto Sans KR'; border-radius:10px; overflow:hidden;}
.main_banner_box a {position:relative; display:block; height:160px; padding:30px 0 0 20px; box-sizing:border-box;}
.main_banner_box h4 {font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; color:#fff; margin-bottom:10px; text-shadow:2px 2px 2px rgba(0,0,0,.4);}
.main_banner_box p {font-size:14px; font-weight:400; line-height:1.3; letter-spacing:-0.05em; color:rgba(255,255,255,.8);}
.main_banner_box .banner_more {position:absolute; bottom:19px; left:20px;}
.main_banner_box.bg1 {background:url(/kolas/img/banner_icon01.png) no-repeat 90% 80% #7479b3;}
.main_banner_box.bg2 {background:url(/kolas/img/banner_icon02.png) no-repeat 90% 80% #5995b3;}
.main_banner_box.bg3 {background:url(/kolas/img/banner_icon03.png) no-repeat 90% 80% #5c94cc;}
.main_banner_box.bg4 {background:url(/kolas/img/banner_icon04.png) no-repeat 90% 80% #63a69b;}


/* 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:1200px; 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:1200px; 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:14px; line-height:1.5; 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:14px; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-size:14px; color:#222; box-sizing:border-box; vertical-align:middle;}
.form_table td textarea {padding:8px; border:1px solid #bbb; font-family:'Malgun Gothic'; font-size:14px; color:#222; box-sizing:border-box;}
.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 ul.num7 li {width:14.28571428571429%; 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;}
.btn_red {color:#fff; background:linear-gradient(to bottom, #ff5c61, #f03e44); border:1px solid #d92b31;}

.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_tit.ic {padding-left:24px; background:url(/kolas/img/ic_circle.png) no-repeat 0 50%;}
.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;}


.online_form_wrap {margin-bottom:40px; line-height:1.3; color:#000;}
.online_form_box {border:1px solid #888; padding:4px;}

.online_form_table {width:100%; border-top:1px solid #888; border-left:1px solid #888; font-size:15px;}
.online_form_table th {border-bottom:1px solid #888; border-right:1px solid #888; padding:5px; background:#ddd; text-align:center; font-weight:bold;}
.online_form_table th.sub {background:none;}
.online_form_table td {border-bottom:1px solid #888; border-right:1px solid #888; padding:5px;}

.online_form_table select {height:34px; padding:0 3px; border:1px solid #bbb; font-size:14px; color:#222; vertical-align:middle;}
.online_form_table select::-ms-expand {background-color:transparent; border:0;}
.online_form_table input[type=text] {height:34px; padding:0 8px; border:1px solid #bbb; font-size:15px; color:#222; box-sizing:border-box; vertical-align:middle;}

.online_form_btn {display:inline-block; padding:0 28px; height:48px; line-height:48px; font-family:'Noto Sans KR'; font-size:20px; font-weight:500; color:#fff; background-color:#024da1; margin:2px;}
.online_form_btn.btn_red {color:#fff; background-color:#d92127;}

.online_select {padding:30px 0; overflow:hidden;}
.online_select li {float:left; width:50%; padding:20px; box-sizing:border-box;}
.online_select li a {display:block; height:200px; line-height:200px; text-align:center; font-family:'Noto Sans KR'; font-size:32px; font-weight:500; color:#fff; background-color:#0070bf; border-radius:20px;}
.online_select li:nth-child(2) a{background-color:#008c81;}

.kolas_intro_wrap {overflow:hidden;}
.kolas_intro_box {float:left; width:50%; margin-bottom:20px; box-sizing:border-box;}
.kolas_intro_box:nth-child(odd) {padding-right:20px;}
.kolas_intro_box:nth-child(even) {padding-left:20px;}
.kolas_intro_box:nth-child(2n+1) {clear:both;}
.kolas_intro_img {float:left;}
.kolas_intro_txt {padding-left:170px;}
.kolas_intro_txt .con_table th {padding:10px;}
.kolas_intro_txt .con_table td {padding:5px 10px; vertical-align:top;}
.kolas_intro_txt .con_table td small {font-size:0.75em;}

.kolas_title {padding:20px 0; display:flex; flex-flow:row wrap; align-items:center;}
.kolas_title_img {width:200px;}
.kolas_title_txt {width:calc(100% - 200px); font-family:'Noto Sans KR'; font-size:18px; font-weight:400; line-height:1.3;}

.kolas_table_wrap {height:500px; border-top:1px solid #333; border-bottom:1px solid #ddd; overflow-y:auto;}
.kolas_table_wrap .con_table {border-top:0;}
.kolas_table_txt {padding-top:10px; font-size:12px; line-height:1.5;}

.kc_wrap {text-align:center; line-height:1.3; margin-bottom:40px;}
.kc_wrap .kc_img {padding:20px 0 30px;}
.kc_wrap .kc_tit {font-family:'Noto Sans KR'; font-size:24px; color:#222; font-weight:500; margin-bottom:20px;}
.kc_wrap .kc_tit b {color:#0050bf; font-size:26px;}
.kc_wrap .kc_tit strong {color:#d90000; font-size:26px;}
.kc_wrap p {font-family:'Noto Sans KR'; letter-spacing:-0.5px; color:#444; font-size:17px; line-height:24px;}
.kc_btn_wrap {padding:20px 0 10px;}
.kc_btn_wrap a {display:inline-block; padding:0 20px; margin-bottom:5px; height:40px; line-height:40px; text-align:center; font-family:'Noto Sans KR'; font-size:18px; font-weight:500; color:#fff; background-color:#0070bf;}

.con_txt {font-family:'Noto Sans KR'; letter-spacing:-0.5px; color:#555; font-size:15px; line-height:24px;}
.line_box {padding:15px 25px; border:1px solid #ccc; margin:10px 0;}

.watermark_box {padding:20px; border:1px solid #ccc; margin:10px 0; overflow:hidden;}
.watermark_img {float:left; border-right:1px dotted #ccc;}
.watermark_txt {float:left; padding:20px 0 0 30px;}
.watermark_txt .dot_list {margin-bottom:20px;}

.report_search_box {padding:40px 20px; border:2px solid #ddd;}
.report_search_box dl {max-width:600px; margin:10px auto; overflow:hidden; font-family:'Noto Sans KR'; font-size:16px; font-weight:500; color:#222; line-height:34px;}
.report_search_box dt {float:left; width:140px;}
.report_search_box dd {padding-left:140px;}
.report_search_box input[type=text] {width:100%; height:34px; padding:0 8px; border:1px solid #bbb; font-size:15px; color:#222; box-sizing:border-box; vertical-align:middle;}
.report_search_box .mobile_chk .a_txt {width:calc(100% - 124px); vertical-align:top;}
.report_search_box .mobile_chk .a_txt.on {border:1px solid #ff1500;}
.report_search_box .mobile_chk .a_btn {float:right; display:inline-block; width:120px; height:34px; line-height:32px; border:1px solid #aaa; color:#333; border-radius:4px; font-size:14px; text-align:center; background:#fff; box-sizing:border-box;}
.report_search_box .mobile_chk .a_btn:hover {border:1px solid #024da1; background:#024da1; color:#fff;}

.report_list {overflow:hidden;}
.report_list li {float:left; width:20%;}
.report_list li a {display:block; height:100px; padding:20px 5px 0; border:1px solid #ccc; margin:5px; text-align:center; color:#333;}
.report_list li a p {padding-top:10px; font-family:'Noto Sans KR'; font-size:16px; font-weight:500; line-height:20px; max-height:40px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.report_list li a:hover {border:1px solid #0060bf; color:#0045a6;}

.report_list_b {padding:20px 0; text-align:center;}
.report_list_b div {display:block; width:380px; padding:30px 20px 20px; border:1px solid #ccc; margin:auto; text-align:center; color:#333; border-radius:10px; box-sizing:border-box;}
.report_list_b div img {margin-bottom:10px;}
.report_list_b div p {padding-top:10px; font-family:'Noto Sans KR'; font-size:18px; font-weight:500; line-height:24px;}
.report_list_b div a {display:block; padding:10px 0; background:#024da1; color:#fff; border-radius:5px;}

.report_list_pop {display:flex; flex-flow:column wrap;}
.report_list_pop .report_list_s {padding:5px; box-sizing:border-box; text-align:center;}
.report_list_pop .report_list_s div {padding:10px; border:1px solid #ccc; margin:auto; text-align:center; color:#333; border-radius:10px; box-sizing:border-box;}
.report_list_pop .report_list_s div.t_list:hover {border:1px solid #024da1; background:#024da1; color:#fff;}
.report_list_pop .report_list_s img {margin-top:5px; height:60px;}
.report_list_pop .report_list_s p {padding:5px 0; font-family:'Noto Sans KR'; font-size:14px; font-weight:500; line-height:18px;}

.test_info_box {overflow:hidden; padding:25px; margin:40px 0; border:1px solid #ccc;}
.test_info_img {float:left;}
.test_info_txt {padding-left:460px;}
.test_info_txt .dot_list {margin-bottom:10px;}

.test_info2_tit {padding:20px 0; margin-bottom:20px; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; line-height:1.3; text-align:center;}
.test_info2_tit h4 {font-size:28px; color:#222; font-weight:600; margin-bottom:15px;}
.test_info2_tit p span {display:block; margin-bottom:5px;}
.test_info2_img {overflow:hidden; margin-bottom:20px;}
.test_info2_img .img_box {float:left; width:50%; margin-bottom:10px;}
.test_info2_img .img_box p {padding:5px 0 0 20px; font-size:12px;}
.test_info2_txt {overflow:hidden; margin-bottom:20px;}
.test_info2_txt .txt_box {float:left; width:50%; margin-bottom:10px; padding:0 20px; box-sizing:border-box;}
.test_info2_txt .con_tit {padding-left:24px; background:url(/kolas/img/ic_circle.png) no-repeat 0 50%;}
.test_info2_txt .dot_list {padding-left:14px;}

.standard_wrap {clear:both; overflow:hidden;}
.standard_box {float:left; width:50%; padding:0 20px; margin-bottom:20px; box-sizing:border-box;}
.standard_txt {padding-right:180px;}
.standard_txt.bg1 {background:url(/kolas/sub01/img/sub02_4_img1.jpg?v=2.2) no-repeat bottom right;}
.standard_txt.bg2 {background:url(/kolas/sub01/img/sub02_4_img2.jpg?v=2.2) no-repeat bottom right;}

.ipr_step_pc {clear:both; text-align:center;}
.ipr_step_mobile {clear:both; display:none; text-align:center;}

.research_tit {padding:20px 0; margin-bottom:20px; font-family:'Noto Sans KR'; font-size:22px; font-weight:400; line-height:1.3; text-align:center;}
.research_wrap {overflow:hidden; margin-bottom:20px;}
.research_txt {float:left; width:50%; padding:120px 0 0 60px; box-sizing:border-box;}
.research_txt .dot_list li {font-size:18px; margin-bottom:40px;}
.research_img {float:right; width:50%;}

.online_legend {float:right; margin-top:-38px;}
.online_legend > div {float:left; padding:7px 20px; margin-left:5px; font-family:'Noto Sans KR'; font-size:16px; font-weight:500;}
.online_legend > div.legend1 {background:#fff; border:3px solid #5ca1e6;}
.online_legend > div.legend2 {background:#f7f7f7; border:3px solid #b5b5b5;}

.online_step {border-top:1px solid #333; font-family:'Noto Sans KR'; letter-spacing:-0.5px; margin:10px 0;}
.online_step > li {min-height:140px; padding:30px 10px 30px 240px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.online_step > li h5 {font-size:18px; color:#222; font-weight:400; margin-bottom:20px;}
.online_step > li p {font-size:15px; color:#555; line-height:1.5;}
.online_step > li.step1 {background:url(/kolas/sub02/img/online_01.png) no-repeat 65px 50%;}
.online_step > li.step2 {background:url(/kolas/sub02/img/online_02.png) no-repeat 65px 50%;}
.online_step > li.step3 {background:url(/kolas/sub02/img/online_03.png) no-repeat 65px 50%;}
.online_step > li.step4 {background:url(/kolas/sub02/img/online_04.png) no-repeat 65px 50%;}
.online_step > li.step5 {background:url(/kolas/sub02/img/online_05.png) no-repeat 65px 50%;}
.online_step > li.step6 {background:url(/kolas/sub02/img/online_06.png) no-repeat 65px 50%;}
.online_step > li.step7 {background:url(/kolas/sub02/img/online_07.png) no-repeat 65px 50%;}
.online_step > li.step8 {background:url(/kolas/sub02/img/online_08.png) no-repeat 65px 50%;}
.online_step > li.step9 {background:url(/kolas/sub02/img/online_09.png) no-repeat 65px 50%;}
.online_step > li.step10 {background:url(/kolas/sub02/img/online_10.png) no-repeat 65px 50%;}

.offline_step {border-top:1px solid #333; font-family:'Noto Sans KR'; letter-spacing:-0.5px; margin:10px 0;}
.offline_step > li {min-height:140px; padding:30px 10px 30px 240px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.offline_step > li h5 {font-size:18px; color:#222; font-weight:400; margin-bottom:20px;}
.offline_step > li p {font-size:15px; color:#555; line-height:1.5;}
.offline_step > li.step1 {background:url(/kolas/sub02/img/offline_01.png) no-repeat 75px 50%;}
.offline_step > li.step2 {background:url(/kolas/sub02/img/offline_02.png) no-repeat 75px 50%;}
.offline_step > li.step3 {background:url(/kolas/sub02/img/offline_03.png) no-repeat 75px 50%;}
.offline_step > li.step4 {background:url(/kolas/sub02/img/offline_04.png) no-repeat 75px 50%;}
.offline_step > li.step5 {background:url(/kolas/sub02/img/offline_05.png) no-repeat 75px 50%;}
.offline_step > li.step6 {background:url(/kolas/sub02/img/offline_06.png) no-repeat 75px 50%;}

.untact_step {border-top:1px solid #333; font-family:'Noto Sans KR'; letter-spacing:-0.5px; margin:10px 0;}
.untact_step > li {min-height:140px; padding:30px 10px 30px 240px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.untact_step > li h5 {font-size:18px; color:#222; font-weight:400; margin-bottom:20px;}
.untact_step > li p {font-size:15px; color:#555; line-height:1.5;}
.untact_step > li.step1 {background:url(/kolas/sub02/img/untact_01.png) no-repeat 75px 50%;}
.untact_step > li.step2 {background:url(/kolas/sub02/img/untact_02.png) no-repeat 75px 50%;}
.untact_step > li.step3 {background:url(/kolas/sub02/img/untact_03.png) no-repeat 75px 50%;}
.untact_step > li.step4 {background:url(/kolas/sub02/img/untact_04.png) no-repeat 75px 50%;}
.untact_step > li.step5 {background:url(/kolas/sub02/img/untact_05.png) no-repeat 75px 50%;}
.untact_step > li.step6 {background:url(/kolas/sub02/img/untact_06.png) no-repeat 75px 50%;}


/*KOLAS 관리자 메뉴 아이콘 변경*/
.header_wrap .top_menu li:nth-child(1) a .menu_icon {background:url("/kolas/kolasmng/img/menu_icon01.png") no-repeat 50% 50%;}
.header_wrap .top_menu li:nth-child(2) a .menu_icon {background:url("/kolas/kolasmng/img/menu_icon06.png") no-repeat 50% 50%;}
.header_wrap .top_menu li:nth-child(3) a .menu_icon {background:url("/kolas/kolasmng/img/menu_icon12.png") no-repeat 50% 50%;}
.header_wrap .top_menu li:nth-child(4) a .menu_icon {background:url("/kolas/kolasmng/img/menu_icon07.png") no-repeat 50% 50%;}


/*설문조사*/
.survey_set {float:left; padding:0;}
.survey_set .survey_set_tit {float:left; padding-right:30px;}
.survey_set .survey_set_q {float:left; padding-right:30px;}
.survey_set .survey_set_a {float:left; padding-right:30px;}
.survey_set .survey_set_btn {float:left; padding:9px 0;}
.survey_set .survey_set_btn input {height:40px; width:100px; }
.survey_set dl {clear:left; padding:0;}
.survey_set dl dt, .survey_set dl dd {float:left;}
.survey_set dl dt {margin-right:20px; padding-top:4px;}
.survey_set dl dt input[type=checkbox] {margin-right:5px;}
.survey_set dl dd {margin-right:5px;}



/*설문지 적용 리스트*/
.survey_list{
 
}
.survey_q{
  
}
.survey_q dl { }
.survey_q dt {float:left;}
.survey_q dd {width:100%;}
.survey_q dt,dd {margin:0; }

.survey_q .survey_txt{padding-right:6px; font-weight:bold;}
.survey_q .survey_icon{ height:30px;}
.survey_q .survey_icon img {vertical-align:top; margin-top:0;}
.survey_q .survey_hidden{ height:50px;}
.survey_q .survey_content{ padding-bottom:10px;}

.survey_q ul li dl dd textarea {width:100%; height:60px; padding:4px;}

.survey_subject_item_list dt{
  height:25px; line-height:25px; padding:0 20px;
}
.survey_subject_item_list dd{
  height:32px;
}
.survey_subject_item_list dd img {vertical-align:middle;}

.survey_subject_item_list input {
  width:calc(100% - 160px); height:25px !important;
}

#sortable {list-style-type:none;}
#sortable li {background-color:#f7f7f7; border:1px dotted #a7a7a7; padding:10px 20px 10px 20px; margin-bottom:20px; height:auto !important;}
#sortable li:first-child {margin-top:10px;}
#sortable img {cursor:pointer;}



/* 설문상세페이지 */
#survey_detail_list table { }
#survey_detail_list dl {margin-top:10px; padding-top:10px; line-height:1.5; border-top:1px solid #ccc;}
#survey_detail_list dt {float:left; padding-left:10px;}
#survey_detail_list dd {padding-left:30px;}
#survey_detail_list dt, #survey_detail_list dd {margin:0;}



/* 설문 투표 */
#survey_poll {
  display:none; width:600px;  height:540px; padding:20px; margin-top:20px; background-color:#f7f7f7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}
#survey_poll dl {border:1px dotted #a7a7a7; padding:20px; margin-bottom:20px; background-color:#ffffff;}
#survey_poll dt {padding-bottom:7px; border-bottom:1px solid #cccccc;}
#survey_poll dd {padding-top:7px;}
#survey_poll dd textarea {width:100%; height:50px;}
#survey_poll div.poll_btn ul {text-align:left;}
#survey_poll div.poll_btn li {display:inline-block; padding:15px 0 0 0;}

.survey_poll_tit {font-size:1.1em; line-height:1.3; font-weight:bold; color:#333333; padding:15px; border:1px solid #b3b3b3; margin-bottom:20px; background-color:#ffffff; border-radius:6px;}
/* 개발자 추가 (List Scroll)*/
.survey_poll_list {overflow-y: scroll;}

/* 설문 투표 List */
#survey_poll2_main{
  margin:auto;
}
#survey_poll2 {width:100%; height:100%; padding:20px; margin:auto; background-color:#f7f7f7; box-sizing:border-box;}
#survey_poll2 dl {border:1px dotted #a7a7a7; line-height:1.3; padding:20px; margin-bottom:20px; background-color:#ffffff; border-radius:6px;}
#survey_poll2 dt {padding-bottom:10px; padding-left:2px; font-weight:bold; border-bottom:1px solid #cccccc;}
#survey_poll2 dd {padding-top:10px;}
#survey_poll2 dd textarea {width:100%; height:50px;}
#survey_poll2 dd input[type=radio] {margin:2px 4px 0 6px; width:16px; height:16px; vertical-align:top;}
#survey_poll2 dd label {cursor:pointer;}
#survey_poll2 div.poll_btn ul {text-align:left;}
#survey_poll2 div.poll_btn li {display:inline-block; padding:15px 0 0 0;}

.board_btn {text-align:center;}

.btns   {line-height:28px; text-align:center; display:inline-block; border:0; font-size:15px; font-weight:bold; cursor:pointer; padding:0 12px; border-radius:3px;}
.btnxs  {line-height:22px; text-align:center; display:inline-block; border:0; font-size:13px; font-weight:bold; cursor:pointer; padding:0 10px; border-radius:3px;}
.btnxxs {line-height:18px; text-align:center; display:inline-block; border:0; font-size:11px; font-weight:bold; cursor:pointer; padding:0 6px;  border-radius:2px;}

.btn01 {border:1px solid #ed2134; background:#fd4b5b; color:#fff;}
.btn02 {border:1px solid #bbbbbb; background:#fafafa; color:#666;}
.btn03 {border:1px solid #6595cc; background:#81abdc; color:#fff;}
.btn04 {border:1px solid #333333; background:#333333; color:#fff;}
.btn05 {border:1px solid #0072e3; background:#3399ff; color:#fff;}
.btn06 {border:1px solid #ff9797; background:#ff9966; color:#fff;}


/* 반응형 Style */
@media screen and (max-width:1440px){ 
  .main_visual_wrap .main_btn_prev {left:20px; margin-left:0;}
  .main_visual_wrap .main_btn_next {right:20px; margin-right:0;}
}

@media screen and (max-width:1280px){  
  #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;}


  .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;}

  .watermark_img {width:60%; border-right:0;}
  .watermark_txt {width:40%; padding:10px 0 0 10px; box-sizing:border-box;}
  .watermark_txt .con_stit {padding:5px 0;}
  .watermark_txt .dot_list {padding:0; margin-bottom:10px;}

}

@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:23px; left:10px;}
  #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;}

  .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_visual_wrap {height:auto;}
  .main_visual_wrap .main_scroll {display:none;}

  .main_slide {height:560px;}
  .main_slide .slide_item {height:560px;}
  .main_slide .slick-slide .slide_item .bg {height:560px;}
  .main_slide .slide_item .txt {margin-top:-110px;}
  .main_slide .slide_item .txt_stit {font-size:18px; margin-bottom:36px;}
  .main_slide .slide_item .txt_btit {font-size:46px; margin-bottom:36px;}
  .main_slide .slide_item .view_more a {height:46px; line-height:46px; padding:0 28px; margin:0 3px; font-size:18px; border-radius:23px;}

  .main_content_wrap {height:auto; padding-top:30px;}

  .main_board {padding-bottom:10px;}
  .main_board_box .main_board_top {height:40px; line-height:40px;}
  .main_board_box .main_board_top h4 {padding-left:15px; font-size:18px;}
  .main_board_box .main_board_top .board_more {top:11px; right:14px;}
  .main_board_box .main_board_list {height:150px; padding:15px 15px 0;}
  .main_board_box.bg2 .main_board_list li {padding-left:10px;}
  .main_board_box .main_board_list li a {font-size:15px;}
  .main_board_box .main_board_list li .icon_ing {font-size:13px; line-height:18px; padding:3px 7px; margin-right:5px;}
  .main_board_box .main_board_list li .icon_com {font-size:13px; line-height:18px; padding:3px 7px; margin-right:5px;}
  .main_board_box .main_board_list li .new {margin:0 0 0 3px;}
  .main_board_box .main_board_list li .date {margin-top:2px;}

  .main_banner_box {height:140px; margin:0 10px 10px;}
  .main_banner_box a {height:140px; padding:20px 0 0 15px;}
  .main_banner_box h4 {font-size:20px;}
  .main_banner_box p {font-size:13px;}
  .main_banner_box .banner_more {position:absolute; bottom:14px; left:15px;}
  .main_banner_box.bg1 {background-position:93% 83%; background-size:auto 70px;}
  .main_banner_box.bg2 {background-position:93% 83%; background-size:auto 70px;}
  .main_banner_box.bg3 {background-position:93% 83%; background-size:auto 70px;}
  .main_banner_box.bg4 {background-position:93% 83%; background-size:auto 70px;}


  .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%;}
  .sub_tab ul.num7 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;}

  .kolas_intro_box {float:none; width:100%;}
  .kolas_intro_box:nth-child(odd) {padding-right:0;}
  .kolas_intro_box:nth-child(even) {padding-left:0;}
  .kolas_intro_box:nth-child(2n+1) {clear:none;}

  .kolas_title_txt {font-size:16px;}

  .standard_box {float:none; width:100%;}
  .standard_txt {padding-right:130px;}
  .standard_txt.bg1 {background-size:120px;}
  .standard_txt.bg2 {background-size:120px;}

  .research_tit {font-size:20px;}
  .research_txt {padding:40px 10px 0 10px;}
  .research_txt .dot_list li {font-size:16px; margin-bottom:30px;}

  .report_list li {width:25%;}
}

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

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

  #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_visual_wrap .main_btn_prev a {display:none;}
  .main_visual_wrap .main_btn_next a {display:none;}

  .main_slide {height:420px;}
  .main_slide .slide_item {height:420px;}
  .main_slide .slick-slide .slide_item .bg {height:420px;}
  .main_slide .slide_item .txt {padding:0 5px; box-sizing:border-box;}
  .main_slide .slide_item .txt_stit {font-size:16px; margin-bottom:32px;}
  .main_slide .slide_item .txt_btit {font-size:36px; margin-bottom:32px;}
  .main_slide .slide_item .view_more a {height:40px; line-height:40px; padding:0 20px; margin:0 2px; font-size:16px; border-radius:20px;}

  .main_board_box {width:calc(100% - 20px); margin:0 10px 10px;}
  .main_board_box .main_board_top h4 {padding-left:10px; font-size:17px;}
  .main_board_box .main_board_top .board_more {top:11px; right:9px;}
  .main_board_box .main_board_list {height:130px; padding:10px 10px 0;}
  .main_board_box.bg2 .main_board_list li {padding-left:8px; background-position:0 10px;}
  .main_board_box .main_board_list li a {font-size:14px;}
  .main_board_box .main_board_list li .icon_ing {font-size:12px; line-height:17px; padding:2px 6px; margin-right:4px;}
  .main_board_box .main_board_list li .icon_com {font-size:12px; line-height:17px; padding:2px 6px; margin-right:4px;}
  .main_board_box .main_board_list li .new {margin:0 0 0 3px;}
  .main_board_box .main_board_list li .date {margin-top:1px;}

  .main_banner {padding-left:5px; padding-right:5px;}
  .main_banner_box {width:calc(50% - 10px); margin:0 5px 10px;}
  .main_banner_box a {padding:15px 0 0 10px;}
  .main_banner_box h4 {font-size:18px;}
  .main_banner_box p {font-size:12px;}
  .main_banner_box .banner_more {position:absolute; bottom:14px; left:10px;}
  .main_banner_box.bg1 {background-position:93% 87%; background-size:auto 55px;}
  .main_banner_box.bg2 {background-position:93% 87%; background-size:auto 55px;}
  .main_banner_box.bg3 {background-position:93% 87%; background-size:auto 55px;}
  .main_banner_box.bg4 {background-position:93% 87%; background-size:auto 55px;}


  .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 ul.num7 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;}
  
  .online_form_wrap {min-width:768px;}
  
  .online_select {padding:15px 0;}
  .online_select li {padding:5px;}
  .online_select li a {height:100px; line-height:100px; font-size:18px; border-radius:10px;}

  .kolas_intro_img {float:none; display:none;}
  .kolas_intro_txt {padding-left:0;}

  .kolas_title_img {width:100%; text-align:center;}
  .kolas_title_txt {width:100%; padding-top:20px; font-size:15px;}

  .kc_wrap {margin-bottom:20px;}
  .kc_wrap .kc_img {padding:10px 0 20px;}
  .kc_wrap .kc_tit {font-size:18px; margin-bottom:10px;}
  .kc_wrap .kc_tit b {font-size:20px;}
  .kc_wrap .kc_tit strong {font-size:20px;}
  .kc_wrap p {font-size:14px; line-height:22px;}
  .kc_btn_wrap {padding:10px 0 5px;}
  .kc_btn_wrap a {padding:0 14px; height:36px; line-height:36px; font-size:16px;}

  .con_txt {font-size:14px; line-height:22px;}
  .line_box {padding:5px 10px; margin:5px 0;}

  .watermark_box {padding:10px; margin:5px 0;}
  .watermark_img {float:none; width:100%; margin-bottom:10px;}
  .watermark_txt {float:none; width:100%; padding:5px 0 0 5px;}
  .watermark_txt .con_stit {padding:0;}

  .report_search_box {padding:10px;}
  .report_search_box dl {font-size:14px;}
  .report_search_box dt {width:100px;}
  .report_search_box dd {padding-left:100px;}
  .report_search_box .mobile_chk .a_txt {width:calc(100% - 84px); font-size:12px;}
  .report_search_box .mobile_chk .a_btn {width:80px; font-size:12px;}
  
  .report_list ul {margin:0 -5px;}
  .report_list li {width:50%;}
  .report_list li a p {font-size:14px; line-height:1.2;}

  .report_list_b {padding:10px 0;}
  .report_list_b div {width:100%; padding:25px 10px 10px;}
  .report_list_b div img {margin-bottom:5px;}
  .report_list_b div p {font-size:16px;}
  
  /*.report_list_pop .report_list_s {width:50%;}*/

  .test_info_box {padding:15px; margin:20px 0;}
  .test_info_img {float:none; text-align:center; margin-bottom:10px;}
  .test_info_txt {padding-left:0}
  .test_info_txt .dot_list {margin-bottom:5px;}

  .test_info2_tit {padding:15px 0; margin-bottom:10px; font-size:16px;}
  .test_info2_tit h4 {font-size:22px; margin-bottom:10px;}
  .test_info2_tit p span {display:inline; margin-bottom:0;}
  .test_info2_img {margin-bottom:0;}
  .test_info2_img .img_box {width:100%;}
  .test_info2_img .img_box p {padding:5px 0 0 10px;}
  .test_info2_txt {margin-bottom:0; margin-top:10px;}
  .test_info2_txt .txt_box {width:100%; padding:0;}

  .standard_box {padding:0;}
  .standard_txt {padding-right:0;}
  .standard_txt.bg1 {background:none;}
  .standard_txt.bg2 {background:none;}

  .research_tit {padding:10px 0; margin-bottom:5px; font-size:18px;}
  .research_txt {float:none; width:100%; padding:0;}
  .research_txt .dot_list li {font-size:14px; margin-bottom:10px;}
  .research_img {float:none; width:100%;}

  .online_legend {margin-top:-30px;}
  .online_legend > div {float:left; padding:4px 15px; margin-left:5px; font-size:14px;}
  .online_legend > div.legend1 {border:2px solid #5ca1e6;}
  .online_legend > div.legend2 {border:2px solid #b5b5b5;}

  .online_step {margin:5px 0;}
  .online_step li {min-height:100px; padding:20px 10px 20px 100px;}
  .online_step li h5 {font-size:16px; margin-bottom:10px;}
  .online_step li p {font-size:14px;}
  .online_step li.step1 {background:url(/kolas/sub02/img/online_01.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step2 {background:url(/kolas/sub02/img/online_02.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step3 {background:url(/kolas/sub02/img/online_03.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step4 {background:url(/kolas/sub02/img/online_04.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step5 {background:url(/kolas/sub02/img/online_05.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step6 {background:url(/kolas/sub02/img/online_06.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step7 {background:url(/kolas/sub02/img/online_07.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step8 {background:url(/kolas/sub02/img/online_08.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step9 {background:url(/kolas/sub02/img/online_09.png) no-repeat 20px 50%; background-size:60px 60px;}
  .online_step li.step10 {background:url(/kolas/sub02/img/online_10.png) no-repeat 20px 50%; background-size:60px 60px;}

  .offline_step {margin:5px 0;}
  .offline_step li {min-height:100px; padding:20px 10px 20px 100px;}
  .offline_step li h5 {font-size:16px; margin-bottom:10px;}
  .offline_step li p {font-size:14px;}
  .offline_step li.step1 {background:url(/kolas/sub02/img/offline_01.png) no-repeat 20px 50%; background-size:60px 60px;}
  .offline_step li.step2 {background:url(/kolas/sub02/img/offline_02.png) no-repeat 20px 50%; background-size:60px 60px;}
  .offline_step li.step3 {background:url(/kolas/sub02/img/offline_03.png) no-repeat 20px 50%; background-size:60px 60px;}
  .offline_step li.step4 {background:url(/kolas/sub02/img/offline_04.png) no-repeat 20px 50%; background-size:60px 60px;}
  .offline_step li.step5 {background:url(/kolas/sub02/img/offline_05.png) no-repeat 20px 50%; background-size:60px 60px;}
  .offline_step li.step6 {background:url(/kolas/sub02/img/offline_06.png) no-repeat 20px 50%; background-size:60px 60px;}
  
  .untact_step {margin:5px 0;}
  .untact_step li {min-height:100px; padding:20px 10px 20px 100px;}
  .untact_step li h5 {font-size:16px; margin-bottom:10px;}
  .untact_step li p {font-size:14px;}
  .untact_step li.step1 {background:url(/kolas/sub02/img/untact_01.png) no-repeat 20px 50%; background-size:60px 60px;}
  .untact_step li.step2 {background:url(/kolas/sub02/img/untact_02.png) no-repeat 20px 50%; background-size:60px 60px;}
  .untact_step li.step3 {background:url(/kolas/sub02/img/untact_03.png) no-repeat 20px 50%; background-size:60px 60px;}
  .untact_step li.step4 {background:url(/kolas/sub02/img/untact_04.png) no-repeat 20px 50%; background-size:60px 60px;}
  .untact_step li.step5 {background:url(/kolas/sub02/img/untact_05.png) no-repeat 20px 50%; background-size:60px 60px;}
  .untact_step li.step6 {background:url(/kolas/sub02/img/untact_06.png) no-repeat 20px 50%; background-size:60px 60px;}

}

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



  .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%; }
  
  .ipr_step_pc {display:none;}
  .ipr_step_mobile {display:block;}

}

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



  .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;}

}


.content_wrap {margin-left:210px; padding:25px; min-height:600px; background-color:#fff;}
.content_wrap .sub_title {font-family:'Nanum Gothic'; font-size:20px; color:#222; font-weight:600; padding:2px 0 14px; border-bottom:2px solid #9c9c9c; margin-bottom:20px;}
.content_wrap .sub_title span {float:right; margin-top:8px; font-family:'Malgun Gothic'; font-size:12px; color:#666; font-weight:normal;}
.content_wrap .sub_title span p {display:inline;}
/*jQuery bpopup*/
.jquery_popup {position:relative; display:none; width:50%; padding:25px 30px 40px; background-color:#fff; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.8); border-radius:15px; box-sizing:border-box;}
.jquery_popup h3 {font-size:22px; color:#333; margin-bottom:20px;}
.jquery_popup .popup_close {position:absolute; right:30px; top:30px; cursor:pointer;}