@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* font */
@font-face{
  font-family:NanumGothic;
  src:url('/skin/css/font/NanumGothic.eot');
  src:url('/skin/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
  url('/skin/css/font/NanumGothic.woff') format('woff'),
  url('/skin/css/font/NanumGothic.ttf') format('truetype');
}

@font-face {
  font-family: NanumGothic;
  font-style: normal;
  font-weight: 800;
  src: url(/skin/css/font/NanumGothicBold.eot);
  src: url(/skin/css/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/skin/css/font/NanumGothicBold.woff) format('woff'),
       url(/skin/css/font/NanumGothicBold.ttf) format('truetype');
}

/* Common */
html {font-size: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address,select,button,input{margin:0;padding:0;font-size:12px;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a {color:#000000;}
hr,caption,legend {display:none;}
img{border:none}
a{text-decoration:none}
a:hover,a:active,a:focus{color:#ff6600;}
input {vertical-align:middle}
.container  {width:1000px;margin:0 auto;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clear {clear: both;width:100%;}
.placeholder { color: #969696; }
.placeholderFocus { color: #000; }
.btn {-moz-user-select: none;border: 1px solid transparent;cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;}
.btn-default {background-color: #ffffff;border-color: #cccccc;color: #333333;}
.btn-primary {background-color: #696969;border-color: #696969;color: #ffffff;}
.btn-danger {background-color: #d27b7b;border-color: #d43f3a;color: #ffffff;}
.btn-gray {background-color: #615F60;border-color: #d6d6d6;color: #ffffff;}

.pull-right {text-align:right;}
.pull-center {text-align:center;}

.imgfix{width:50%; margin-left:auto;margin-right:auto;}
.imgfix img{width:50%;}
.img50 {width:50%;}
.imgfix60 {width:60%;}

/* Layout */
html,body{}
body.sub {}
.wrapper{margin-left: 212px;margin-right: auto;height:auto;position: relative;}
.exchange-wrap {text-align:right;}
aside{width: 212px;position: fixed;background-color:#000000;height: 100%;bottom:0;top: 0;left: 0;z-index:2;}

/* left menu */
.left-menu {border-top:1px solid #202020}
.left-menu li .onedepth {display:block;text-decoration:none;text-align:center;font-size:16px;font-weight:bold;color:#878787;background:#000000;height:49px;line-height:49px;border-bottom:1px solid #202020;}
.left-menu li .onedepth2 {display:block;text-decoration:none;text-align:center;font-size:18px;font-weight:bold;color:#fdef16;background:#000000;height:49px;line-height:49px;border-bottom:1px solid #202020;}
.copyfix .left-menu li .onedepth {font-size:14px;height:40px;line-height:40px;}
.copyfix h1 a {display:block;text-align:center;}
.copyfix h1 a img {width:80%;}
.left-menu li.selected .onedepth {color:#999;background:#222;transition: all 0.3s ease;}
.left-menu li .onedepthon{display:block;text-decoration:none;text-align:center;font-size:16px;font-weight:bold;height:49px;line-height:49px;border-bottom:1px solid #202020;color:#e0e0e0;background:#4f4f4f;transition: all 0.3s ease;}
.left-menu li .onedepth2on{display:block;text-decoration:none;text-align:center;font-size:18px;font-weight:bold;height:49px;line-height:49px;border-bottom:1px solid #202020;color:#fdef16;background:#4f4f4f;transition: all 0.3s ease;}
.left-menu li .onedepth:hover {color:#e0e0e0;background:#1f1f1f;color:#ffffff;transition: all 0.3s ease;}
.left-menu li .onedepth2:hover {color:#e0e0e0;background:#1f1f1f;color:#ffffff;transition: all 0.3s ease;}
.left-menu li.selected .sub-menu {display:block;height:100%;left:212px;position:absolute;z-index:70;top:0px;padding-top:144px;}

.sub-menu {display:none;background:url(/skin/img/main/submenu-bg.png) repeat;width:155px; margin:0;}
.sub-menu li:first-child {border-top:1px solid #505050;}
.sub-menu li {border-bottom:1px solid #505050;}
.sub-menu li .twodepth {display:block;text-decoration:none;padding-left:31px;color:#D4D4D4;font-weight:bold;font-size:14px;height:49px;line-height:49px;background-color:transparent;}
.sub-menu li.selected .twodepth {color:#ffffff;}
.sub-menu li .twodepth:hover {color:#ffffff;}
.sub-menu li.selected .sub-sub-menu {display:block;}

.sub-sub-menu {display:none;}
.sub-sub-menu li .threedepth {display:block;text-decoration:none;padding-left:41px;color:#ffffff;font-size:13px;height:49px;line-height:49px;background-color:transparent;}
.sub-sub-menu li.selected .threedepth {color:#ffffff;background:#000000;}
.sub-sub-menu li .threedepth:hover {color:#ffffff;background:#000000;}
.sub-sub-menu li:last-child {border-bottom:0px}

.link-select {background: url("/skin/img/main/select-bg.png") right center no-repeat #c58702; border:none;text-align:center;width:184px;min-height:28px; height:auto;line-height:28px;}
.link-select select {opacity: 0;filter: alpha(opacity=0);width:184px;height:auto; min-height:28px; line-height:28px;color:#ffffff;border:none;cursor:pointer;}
.link-select select option {height:28px;line-height:28px;color:#444;border:none;cursor:pointer; display:block;}
.link-select label {line-height:28px; position: absolute; font-size: 14px; color: #fff; bottom: 20px; left: 20px;}
.leftbtn {text-align:right;position:relative; margin-bottom:10px;}
.leftbtn ul {height:29px;display:inline-block;}
.leftbtn ul li {float:left;margin:0 3px;}
.copy-tooltip-on {background: #ececec;color: #fff;font-size: 20px;position: relative;text-align: left;width: 200px;-webkit-transform: translateZ(0);-webkit-font-smoothing: antialiased;}
.copy-tooltip-on .tooltip {background: #C58702;bottom: 100%;display: block;left: -25px;margin-bottom: 15px;padding: 20px;pointer-events: none;position: absolute;z-index:100;width: 300px;
-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);
-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
opacity: 0;/* IE 8 */  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* IE 5-7 */  filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0;}
.copy-tooltip-on .tooltip p {text-decoration:none;color: #fff;}
.copy-tooltip-on .tooltip:before {bottom: -20px;content: " ";display: block;height: 20px;left: 0;position: absolute;width: 100%;}  
.copy-tooltip-on .tooltip:after {border-left: solid transparent 10px;border-right: solid transparent 10px;border-top: solid #C58702 10px;bottom: -5px;content: " ";height: 0;left: 30px;position: absolute;width: 0;}
.copy-tooltip-on.on .tooltip {opacity: 1;/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
/* IE 5-7 */  filter: alpha(opacity=100);/* Netscape */  -moz-opacity: 1;  /* Safari 1.x */  -khtml-opacity: 1;
pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}  
.copy-tooltip-on:hover .tooltip {/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
/* IE 5-7 */  filter: alpha(opacity=80);/* Netscape */  -moz-opacity: 0.8;  /* Safari 1.x */  -khtml-opacity: 0.8;
opacity: .8;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);}
.lte8 .copy-tooltip-on .tooltip {display: none;}
.lte8 .copy-tooltip-on:hover .tooltip {display: block;}


/* board */
/* °Ô½ÃÆÇ ¸®½ºÆ® */
.board-list {table-layout:fixed;border-collapse: collapse;margin-bottom: 2em;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #000;}
.board-list td,.board-list th {font-family:'NanumGothic','Open Sans', sans-serif;color:#454544;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:14px;}
.board-list th {font-weight:bold;background:#F8F8F8;}
.board-list th .chk {color:#FE7701}
.board-list td {height:30px;}
.board-list td.title {text-align:left;padding-left:30px;}
.board-list th.thtitle {font-size:15px}
.board-list th.thleft {text-align:left;padding-left:30px;}
.board-list th.thleft1 {text-align:left;padding-left:40px;background:none;border-right:none;}
.board-list td.tdleft {text-align:left;padding-left:30px;}
.board-list td.tdleft1 {text-align:left;padding-left:30px;border-left:none;}
.board-list td.tdleft ul li {float:left;}
.board-list td.tdleft ul li.bar {margin:0 20px;}
.board-list td.title  a{font-size:14px;}
.board-list td.contents {text-align:left;padding:10px 20px 10px 20px;vertical-align:top;}
.board-list td.contents td {text-align:left;border:none;}
.board-list td.bold {font-weight:bold;}
.board-list td .board_input {font-family:'NanumGothic','Open Sans', sans-serif;border: 1px solid #eaeaea;color: #333333;background:#FAFAFA;height: 32px;line-height: 2.3em;padding: 0 0 0 10px;font-size:14px;}
.board-list td em {float:right;margin-right:20px;}
.board-list td label {cursor:pointer;}
.gtie8 .form-control.search-select {width:78px;padding: 6px 0 6px 12px;line-height:34px;}
.gtie8 .form-control.search-select option {line-height:34px;}
.form-control {background-color: #ffffff;border: 1px solid #cccccc;border-radius: 4px;color: #555555;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;vertical-align: middle;}
.help-inline {font-family:'NanumGothic','Open Sans', sans-serif;color:#454544;font-size:11px;margin-left:5px;color:#D36161;}

/* tablet phone */
.phone-list {border-top:1px solid #dddddd}
.phone-list li {border-bottom:1px solid #dddddd;display:block;padding:15px 10px;}
.phone-list li.nodata {font-size:14px;font-weight:bold;border-bottom:1px solid #dddddd;text-align:center;}
.phone-list li a {display:block;padding:10px 0;}
.phone-list li .title {font-weight:bold;font-size:13px;}
.phone-list li .date {text-align:right;font-size:11px;}
.phone-list li .date span {color:#DDDDDD;margin:0 5px;}

/* page */
.paginate_complex{padding:15px 0;line-height:normal;text-align:center;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;border:1px solid #ddd;width:28px;height:25px;line-height:25px;text-decoration:none !important;color:#000;vertical-align:top;}
.paginate_complex strong {color:#fff;background:#615f60;border:1px solid #615f60;}
.paginate_complex a.default:hover,
.paginate_complex a.default:active,
.paginate_complex a.default:focus{color:#fff;background:#615f60;border:1px solid #615f60}
.paginate_complex .pprev{width:28px;height:26px;line-height:26px;}
.paginate_complex .prev{width:28px;height:26px;}
.paginate_complex .nnext{width:28px;height:26px;}
.paginate_complex .next{width:28px;height:26px;}

.nondesktop-top {background:#000;}
.nondesktop-top .ntop h1 {padding:0;text-align:center;margin:0 auto;}
.nondesktop-top .ntop h1 a {display: block;width: 150px;margin:0 auto;}
.nondesktop-top .ntop h1 a img {width:100%;}
.nondesktop-top .ntop .tmenu {display: block;right: 15px;top: 22px;background: url("/layouts/kfair_main/image/tmenu.png");background-repeat: no-repeat;background-size: auto auto;font-size: 0;height: 19px;overflow: hidden;position: absolute;text-indent: -9999px;width: 24px;}

/* panel */
.menu-panel {background-color: #000;overflow-x: hidden;overflow-y: hidden;position: absolute;transition-delay: 0s;transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;z-index: 1001;width: 100%;}
.menu-panel-open {top: 0;}
.menu-panel-close {top: -100px;height: 100px;left: 0;width: 100%;}
.menu-panel .sitemap {color:#fff;font-size:17px;position:relative;height:50px;line-height:50px;padding:0 20px;background:#0F0F0F;}
.menu-panel .sitemap a {display:block;position:absolute;right:1em;top:0.8em;width:20px;height:20px;background:url('/layouts/kfair_main/image/menu_close.png') no-repeat center center;padding:5px}
.menu-panel .sitemap a span {display:none;}
/*.menu-panel .nav .link {position:relative;font-size:15px;font-weight:bold;display:block;text-decoration:none;height:40px;line-height:40px;
padding:0 19px;color:#444444;background:#D5D5D5;border-bottom:1px solid #DCDCDC;}*/
.menu-panel .nav .link1 {position:relative;font-size:15px;font-weight:bold;display:block;text-decoration:none;height:40px;line-height:40px;
padding:0 19px;color:#999;background:#2f2f2f;border-bottom:1px solid #222;}
.menu-panel .link1:hover{background:#4f4f4f;color:#fff;transition: all 0.3s ease;}
/*Ãß°¡*/
.menu-panel .nav .link2 {position:relative;font-size:16px;font-weight:bold;display:block;text-decoration:none;height:40px;line-height:40px;
padding:0 19px;color:#fdef16;background:#2f2f2f;border-bottom:1px solid #222;}
.menu-panel .link2:hover{background:#4f4f4f;color:#fdef16;transition: all 0.3s ease;}
/*//Ãß°¡*/
.menu-panel .nav.selected .link {background:#0C4CA3;color:#fff;transition: all 0.3s ease;}
.menu-panel .nav .link span {display:block;position:absolute;top:17px;right:26px;width:9px;height:5px;background:url('/skin/img_page/panel_arrow.png') no-repeat center center}
.menu-panel .sub-nav li a.sub-nav-link {display:block;font-weight:bold;text-decoration:none;height:30px;line-height:30px;background:#F2F2F2;padding:0 20px;color:#7e7e7e;}
.menu-panel .sub-nav {display:none;}
.menu-panel .sub-nav li a:hover {color:#0c4ca3;}
.top-ssmenu li a {font-weight:normal;padding:0 10px;display:block;background:#F2F2F2;height:30px;line-height:30px;padding:0 30px;}

.exchange {width: 220px; border:1px solid #ccc;background-color:#fff;align:center;text-align;left;margin:0px 0px;padding:0px 0px;margin:6px 0 0 6px;}
.exchange-in {text-align:center;font-size:12px; line-height:16px;font-family: arial;color:#6e6e6e; font-weight:bold;background:#FFFFFF;padding:3px 3px;}
.exchange a {text-decoration:none;color:#173a00;font-size:12px; line-height:16px;font-family: arial;}

.closeSns {display:block;position:absolute;top:-13px; right:-7px;}
.button_cont {padding:10px 0 0 14px;}
.button_cont a:hover {opacity:0.8;}
.openSns {display:block;cursor:pointer;}
.openSns:hover {opacity:0.8;}
.sms_cont {position:fixed;bottom:100px;left:14px; padding-bottom:20px; -webkit-transition: all 0.4s ease;  -ms-transition: all 0.4s ease;  transition: all 0.4s ease; }
.sms_cont.opened {left:14px;}
.sms-wrap {padding-top:110px;width:187px;height:350px;background:url('/layouts/kfair_main/image/qa_bg.gif') no-repeat 0 0;margin-bottom:30px;position:relative;}
.gtie8 .sms-wrap {height:310px;}
.sms-wrap .count-wrap {position:absolute;top:120px;right:17px;color:#767676;}
.sms-wrap .sms-box {width:156px;margin:0 auto;box-sizing:content-box;}
.sms-wrap .text {margin-bottom:21px;box-sizing:content-box;}
.sms-wrap .text textarea {width:146px;color:#fff;height:40px;background:#767676;border:transparent;padding:5px;box-sizing:content-box;}
.sms-wrap input.inname,.sms-wrap input.inhp {color:#fff;width:110px;height:20px;display:block;float:left;background:#767676;border:transparent;padding:0 0 0 5px; box-sizing:content-box;}
.sms-wrap .nm {overflow:hidden;margin-bottom:5px;box-sizing:content-box;}
.sms-wrap .hp {overflow:hidden;margin-bottom:5px;box-sizing:content-box;}
.sms-wrap .send {position: absolute;top: 300px;left: 15px;}
.sms-wrap label {line-height:20px;display:block;float:left;width:40px;color:#767676;font-weight:bold;}
.sms-wrap .ch {color:#999;position: absolute;top: 260px;left: 15px;font-size: 11px;line-height:16px;letter-spacing:-1px;width:146px;}
.sms-wrap .ch label {}
.sms-wrap #ch_txtbox {display:none;background-color:#fff;position: absolute;top: 150px;left:0;z-index: 99;padding: 8px 8px 5px 8px;border: 2px solid black;}
.sms-wrap #ch_txtbox h6 {color: black;}
.sms-wrap #ch_txtbox ul {margin-top: 5px;}
.sms-wrap #ch_txtbox ul li {margin: 3px 0;}
.sms-wrap .ch a {color:#999;margin-left: 15px;text-decoration: underline;}
.sms-wrap select.add  {border:none; width: 115px; height:20px;background:#767676;}

.msms-wrap {width:100%;height:240px;position:relative;background:#2f2f2f;padding:10px;}

.msms-wrap .msms-box {}
.msms-wrap .title {float:left;color:#f1f1f1;font-family:'NanumGothic','Open Sans', sans-serif;font-weight:bold;font-size: 15px;width:100%;margin-bottom: 10px;padding:10px 0 10px 0;background:#b5783d;}
.msms-wrap .text {margin-bottom:21px;}
.msms-wrap .left {width:50%;padding:0 10px 0 0;}
.msms-wrap .right{width:50%;}
.msms-wrap .ment {padding:5px 5px 5px 5px;color:#fff;}
.msms-wrap .text textarea {width:100%;color:#fff;float:left;height:70px;background:#767676;border:transparent;padding:5px;}
.msms-wrap input.inname,.msms-wrap input.inhp {color:#fff;width:70%;height:20px;display:block;float:right;background:#767676;border:transparent;padding:0 0 0 5px;}
.msms-wrap .nm {overflow:hidden;margin-bottom:5px;}
.msms-wrap .hp {overflow:hidden;margin-bottom:5px;}
.msms-wrap .send {}
.msms-wrap label {line-height:20px;display:block;float:left;width:40px;color:#767676;font-weight:bold;}
.msms-wrap .ch {float:left;color:#999;font-size: 11px;line-height:16px;letter-spacing:-1px;width:100%;padding:10px 0 10px 0;}
.msms-wrap .ch label {}
.msms-wrap .ch_txtbox {background:#767676;padding: 8px 8px 5px 8px;}
.msms-wrap .ch_txtbox h6 {color: black;}
.msms-wrap .ch_txtbox ul {margin-top: 5px;}
.msms-wrap .ch_txtbox ul li {margin: 3px 0;}
.msms-wrap select.add  {border:none; width: 70%;float:right; height:20px;background:#767676;}

.copyright {position:fixed;bottom:10px;left:14px; padding-bottom:10px;}
.copyright p {font-size: 11px;line-height:19px;}
.copyright p.copy {font-size: 10.5px;line-height:16px; color:#000000;padding-top:10px;}
.sub-bottom #to_top {width: 50px;height: 50px;position: fixed;bottom: 10px;right: 20px;cursor: pointer; z-index: 180000;zoom: 1;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}

.sub-bottom_sms {position:relative;background:#2f2f2f;padding:0;}
.sub-bottom {text-align:center;position:relative;background:#d5d5d5;padding:0;clear:both;}
.sub-bottom p {font-size: 11px;line-height:19px; color:#6f6f6f;}
.sub-bottom p.copy {font-size: 10.5px;line-height:16px; color:#a1a1a1;padding-top:10px;}

.sub-bottom-inner {width: 953px;position: relative;overflow: hidden;padding:20px;max-width: 100%;text-align:center;}

.rooton {font-size: 10px;line-height:15px;font-weight:bold;padding:5px 0 0 0;text-align:center;}
.rooton a{color:#888;}
.rooton a:hover{color:#ff6600;}

.rootoff {font-size: 10px;line-height:15px;font-weight:bold;padding:5px 0 0 0;text-align:center;}
.rootoff a{color:#888;}
.rootoff a:hover{color:#ff6600;}

.popup_wrap {position:absolute;left:0; top:0;z-index:9999;width:100%; }
#popup img{width:100%; }