@charset "euc-kr";

/* Layout */
html {overflow-y:auto;width:100%}
body {position:relative;min-width:1280px; width:100%; }
.con_inner, .wrap.main { background:#f8f8f8}
img {vertical-align:middle}

.wid30 {width:30% !important}
.wid25 {width:24.8% !important}
.wid50 {width:50% !important}
.wid60 {width:60% !important}
.wid70 {width:70% !important}
.wid100 {width:100% !important}
.txt_highlight {color:#26b4e3 !important}

	@media screen and (max-width:768px) {
		.wid30, .wid25, .wid50, .wid60, .wid70, .mwid100,
		.wid100 {width:100% !important}
	}

input[type='submit'], input[type='button'], a {transition:all .5s ease;}
.line-h {display:inline-block; width:18px;height:2px;background:#000;}
.line-h.line-white {background:#fff !important}
.line-h.line-blue {background:#26b4e3 !important}


/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */
/* Header
/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */

#header {position:fixed;top:0;left:0;z-index:999;width:100%}
#header .inner{ position:relative; margin:0 auto;padding-left:15px;padding-right:15px;width:1170px;height:100%}
.header_jimff {background:#222}
/*.main .header_jimff {background:rgba(0,0,0,.7.6);transition:all .3s ease;}*/
.main .header_jimff {background:#ffffff;transition:all .3s ease;}
/*.main .s-color {background:#222}*/
.main .s-color {background:#ffffff;}

.header_wrap {position:relative;height:100px;padding-top:10px;padding-bottom:20px;}
#logo {text-align:center; margin-top:0;}
#logo a {display:block;line-height:60px;width:334px;margin:0 auto;}

#sns {position:absolute;left:15px;top:0;line-height:60px;}
#sns li a {color:#fff}

#util {position:absolute;right:15px;top:0;line-height:60px;}
#util ul li {paddig-top:20px;padding-bottom:20px;}
#util ul li a {color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.3); border-radius:50px; -webkit-border-radius:50px;padding:5px 15px;}
#util ul li a:hover {color:#fff;border-color:#fff}

/*.gnb_wrap {border-top:1px solid rgba(255,255,255,.2);}*/
.gnb_wrap {border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
#gnb { margin:auto; width:100%; }
#gnb nav { }
#gnb nav .depth1 {margin:0;padding:0;height:45px;  width:100%;}
/*#gnb nav .depth1 li{width:33%;border-right:1px solid rgba(255,255,255,.2);padding:0}*/
#gnb nav .depth1 li{width:33%;border-right:1px solid #ececec;padding:0}
/*#gnb nav .depth1 li:first-child {border-left:1px solid rgba(255,255,255,.2)}*/
#gnb nav .depth1 li:first-child {border-left:1px solid #ececec;}
#gnb nav .depth1 li a {display:block;color:#000000;font-size:18px;line-height:45px;text-align:center;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  }

#gnb nav .depth1 li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#gnb nav .depth1 li a:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

#footer {border-top:solid 1px #d4d4d4; }
#foot_banner {border-bottom:solid 1px #e5e5e5; }
#foot_util {border-bottom:solid 0px #e5e5e5; }
#addr {border-bottom:solid 0px #e5e5e5;  text-align:center; }

#open_sm {display:none;}


/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */
/* left_menu
/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */

#contents.sub {margin-top:145px;padding-top:100px;padding-bottom:100px;}
#left_menu {}
#left_menu .left_menu_wrap{width:160px;}
#left_menu .left_menu_wrap ul li {display:block;padding:10px 0;margin-bottom:5px;background:#f5f5f5;text-align:center;}
#left_menu .left_menu_wrap ul li.on {background:url(/kor/addon/00000011/img/bg_blug_s.jpg) no-repeat 0 0 #26b4e3;}
#left_menu .left_menu_wrap ul li.on a {color:#fff;}
#left_menu .left_menu_wrap ul li a {display:block;font-size:16px;line-height:80px;color:#444;font-weight:bold;}

.left_top {color:#26b4e3}
.left_top h2 {font-size:26px;font-weight:600;line-height:26px;}
.left_top .en {font-size:20px;font-weight:bold;line-height:30px;}
.left_top .line-h{margin-top:35px;margin-bottom:35px}

/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */
/* Footer
/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */

#foot_util {border-bottom:1px solid #e0e0e0;padding:20px 0;}
#foot_util .inner {position:relative}
.foot_util {width:540px; margin:0 auto; }
.foot_util li {float:left; text-align:center; height:24px; line-height:24px; padding:0; }
.foot_util li:first-child {background:none;}
.foot_util li a {display:block;padding:0 14px;color:#000;text-decoration:none;font-size:13px;line-height:20px /* transition:background .3s, color .3s; */ }
.foot_util li a .tc {font-weight:bold}
.foot_util li:first-child a {}
.foot_util li a:hover, .foot_util li a:active, .foot_util li a:focus {}

.addr { padding:20px 0 0; line-height:25px; font-size:13px;}
.addr .tit {font-weight:bold; display:inline-block; margin-right:20px;}

#copyright {text-align:center; padding:30px 0;}


/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */
/* Common
/* 收收收收收收收收收收收收收收收收收收收收收收收收收收收收收收 */


/* button */
/*
.btn_wrap {position:relative;display:block;padding-top:30px;padding-bottom:30px}
.btn {display:inline-block;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border-radius:50px;-webkit-border-radius:50px;}
.btn-m {padding:10px 20px;width:160px;font-size:16px;font-weight:bold}
.btn-s {padding:5px 10px;font-size:12px;font-weight:normal}

.btn_default {color:#fff;background-color:#333333;}
.btn_default:hover,
.btn_default:focus {background-color:#222;}

.btn_primary {color:#fff !important;background-color:#26b4e3;}
.btn_primary:hover,
.btn_primary:focus {background-color:#444; color:#fff}

.btn_warning {color:#fff;background-color:#d9534f;}
.btn_warning:hover,
.btn_warning:focus {background-color:#d43f3a;}

.btn_search {color:#aaa;border:1px solid #aaa; background:#fff}
.btn_search:hover,
.btn_search:focus {color:#26b4e3; border:1px solid #26b4e3;background:#fff}
*/
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Form */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus
, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus
, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus
, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus
, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus 
, input[type="radio"]:focus
, input[type="checkbox"]:focus
, select:focus, checkbox:focus, radio:focus
{   
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    background:none;
}


/* TABLE */
.tbWriteA {width:100%; border:1px solid #e4e4e4; border-collapse:collapse; border-spacing:0;  margin-top:20px}
.tbWriteA tbody tr th { font-size:15px; height:27px; padding:15px 15px 15px 20px; font-weight:bold; color:#3e3e3e; text-align:left; vertical-align:middle; border-top:1px solid #e4e4e4; background:#fff;border-right:1px solid #e4e4e4}
.tbWriteA tbody tr td {height:27px; padding:10px 10px 10px 15px; line-height:18px; vertical-align:middle; border-top:1px solid #e4e4e4; background:#fff;}
.tbWriteA tbody tr:first-child th, .tbWriteA tbody tr:first-child td {border-top:0;}
.tbWriteA tbody tr td .chkList {overflow:hidden; margin:-7px 0 10px;}
.tbWriteA tbody tr td .chkList li {float:left; width:152px; margin-top:12px;}
.tbWriteA tbody tr td .chkList li.long {width:304px;}
.tbWriteA tbody tr td .chkList li label input {margin-right:1px;}
.tbWriteA tbody tr td .chkList li label span {color:#006dba;}
.tbWriteA tbody tr td .chkList li label.focus, .tbWriteA tbody tr td .chkList li label.focus span {color:#b56a00;}
.tbWriteA .inputTxt {height:32px;padding: 0 5px;border: 1px solid #dbdbdb;}

/* checkbox, radio button */
.chk_blue,
.radio_blue {
	position:relative;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(/kor/addon/00000011/img/ico_form_blue.png) no-repeat;
    border: none;
    cursor: pointer;
}
.chk_blue .member_chk {width:100%;height:100%}

.chk_blue {background-position: 0 0;}
.chk_blue:hover {background-position: -26px 0;}
.chk_blue.checked {background-position: -52px 0;}
.chk_blue.disabled {background-position: -78px 0;cursor:default;}
.chk_blue.checked.disabled {background-position: -104px 0;}

.radio_blue {background-position:-130px 0;}
.radio_blue.hover {background-position:-156px 0;}
.radio_blue.checked {background-position:-182px 0;}
.radio_blue.disabled {background-position:-208px 0;cursor:default;}
.radio_blue.checked.disabled {background-position: -234px 0;}


.chk_red,
.radio_red {
	position:relative;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(/kor/img/icons/ico_form_red.png) no-repeat;
    border: none;
    cursor: pointer;
}
.chk_red .member_chk {width:100%;height:100%}

.chk_red {background-position: 0 0;}
.chk_red:hover {background-position: -26px 0;}
.chk_red.checked {background-position: -52px 0;}
.chk_red.disabled {background-position: -78px 0;cursor:default;}
.chk_red.checked.disabled {background-position: -104px 0;}

.radio_red {background-position:-130px 0;}
.radio_red.hover {background-position:-156px 0;}
.radio_red.checked {background-position:-182px 0;}
.radio_red.disabled {background-position:-208px 0;cursor:default;}
.radio_red.checked.disabled {background-position: -234px 0;}


@media screen and (max-width:768px) {
	body {position:relative;min-width:100%;}
	.container {width:100%;}
	#header .inner {width:100%;}
	#gnb nav .depth1 li a { font-size:14px; }
	/*#gnb nav .depth1 li{ border-bottom:1px solid rgba(255,255,255,.2); float: left; }*/
	#gnb nav .depth1 li{ border-bottom:1px solid #ececec; float: left; }
	#gnb nav .depth1 li:nth-child(3) { border-right:none;}
	.visual{ height: auto; padding-top:0;}
	#foot_util { padding-bottom:60px;}
}