﻿@charset "utf-8";
/* @import url("deco.css"); */

/* 나눔 추가 2015-12-02 leesh  */
/*나눔고딕*/
@font-face{font-family:ng;src:url(/static_root/font/NanumGothic.eot);src:local(※), url(/static_root/font/NanumGothic.woff) format('woff');}
/*나눔고딕Bold*/
@font-face{font-family:ngb;src:url(/static_root/font/NanumGothicBold.eot);src:local(※), url(/static_root/font/NanumGothicBold.woff) format('woff');}

@font-face{font-family:scd1;src:url(/static_root/font/SCDream1.eot);src:local(※), url(/static_root/font/SCDream1.woff) format('woff');}
@font-face{font-family:scd2;src:url(/static_root/font/SCDream2.eot);src:local(※), url(/static_root/font/SCDream2.woff) format('woff');}
@font-face{font-family:scd3;src:url(/static_root/font/SCDream3.eot);src:local(※), url(/static_root/font/SCDream3.woff) format('woff');}
@font-face{font-family:scd4;src:url(/static_root/font/SCDream4.eot);src:local(※), url(/static_root/font/SCDream4.woff) format('woff');}
@font-face{font-family:scd5;src:url(/static_root/font/SCDream5.eot);src:local(※), url(/static_root/font/SCDream5.woff) format('woff');}
@font-face{font-family:scd6;src:url(/static_root/font/SCDream6.eot);src:local(※), url(/static_root/font/SCDream6.woff) format('woff');}
@font-face{font-family:scd7;src:url(/static_root/font/SCDream7.eot);src:local(※), url(/static_root/font/SCDream7.woff) format('woff');}
@font-face{font-family:scd8;src:url(/static_root/font/SCDream8.eot);src:local(※), url(/static_root/font/SCDream8.woff) format('woff');}
@font-face{font-family:scd9;src:url(/static_root/font/SCDream9.eot);src:local(※), url(/static_root/font/SCDream9.woff) format('woff');}

@font-face{font-family:notol;src:url(/static_root/font/NotoSans-Light.eot);src:local(※), url(/static_root/font/NotoSans-Light.woff) format('woff');}
@font-face{font-family:notor;src:url(/static_root/font/NotoSans-Regular.eot);src:local(※), url(/static_root/font/NotoSans-Regular.woff) format('woff');}
@font-face{font-family:notom;src:url(/static_root/font/NotoSans-Medium.eot);src:local(※), url(/static_root/font/NotoSans-Medium.woff) format('woff');}
@font-face{font-family:notob;src:url(/static_root/font/NotoSans-Bold.eot);src:local(※), url(/static_root/font/NotoSans-Bold.woff) format('woff');}
@font-face{font-family:notobk;src:url(/static_root/font/NotoSans-Black.eot);src:local(※), url(/static_root/font/NotoSans-Black.woff) format('woff');}



@font-face{font-family:rbtr;src:url(/static_root/font/Roboto-Regular.eot);src:local(※), url(/static_root/font/Roboto-Regular.woff) format('woff');}
@font-face{font-family:rbtr;src:url(/static_root/font/Roboto-Regular.eot);src:local(※), url(/static_root/font/Roboto-Regular.woff) format('woff');}
@font-face{font-family:rbtm;src:url(/static_root/font/Roboto-Medium.eot);src:local(※), url(/static_root/font/Roboto-Medium.woff) format('woff');}
@font-face{font-family:rbtb;src:url(/static_root/font/Roboto-Bold.eot);src:local(※), url(/static_root/font/Roboto-Bold.woff) format('woff');}
@font-face{font-family:rbtbk;src:url(/static_root/font/NotoSans-Black.eot);src:local(※), url(/static_root/font/NotoSans-Black.woff) format('woff');}

/* 2013-02-05 basic --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
* {padding:0px; margin:0px;}
html{width:100%;height:100%;}
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
/*	color:#464646; */
/* 	color:#333;  */
	letter-spacing:0em;
	word-spacing:0em;
/* 	word-break:keep-all; */
	/*font-family:'나눔고딕', NanumGothic, ng, Arial, Helvetica, sans-serif; font-size:12px; line-height:120%; */
	font-family:'NotoSansKR';
	font-size:13px;  color:#777; font-weight:400; line-height:120%;
	/* font-family:'dotum', dotum; */ 
	cursor:default; 
	background:#F6F7F9  !important;
	/* background:url('../../images/common/common/body_bg.gif') 0 0 repeat-x; */
	}

/* textarea에 입력된 내용을 그대로 보여주기 위한 태그  */
pre{ 
	font-family:'나눔고딕', NanumGothic, ng, Arial, Helvetica, sans-serif;
	white-space:pre-wrap; /*공백이나 탭공간을 그대로 둔다*/
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */	
	word-break:break-all; /*텍스트가 넘칠경우 줄바꿈을 해준다*/
	word-wrap: break-all; /* Internet Explorer 5.5+ */ 
	overflow: auto;
}
	
button {font-size:0.8em;}
div {text-align:left; cursor:default;}
button, blockquote {border:none;}
button img {display:none;}
body, div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, h5, h6, em, address, fieldset, form, iframe, object, blockquote, img, table, tr, td, label {border:none; margin:0; padding:0;}
ol, ul, li, dl, dt, dd {list-style:none;}
input, textarea, select {color:#333; background:#fff; border:1px solid #bebebe;font-size:9pt;}
button, label {cursor:pointer;}
button * {position:relative;}
img {vertical-align:middle; padding-top: 5px;} 
input, textarea, select {vertical-align:middle;} 
li img {vertical-align:middle;} /* for IE imge margin */
textarea {overflow:auto; font:9pt dotum; padding:5px;}
html:first-child select {padding-right:6px;	height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
input[type="checkbox"] {width:13px; height:13px; border:none;}
input[type="radio"] {border:none;}

a {text-decoration:none; color:#777;}
a:hover, a:active {text-decoration:none; color:#b22049;}
em, address {font-style:normal;}
table caption {display:none;}
caption{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}
*:first-child+html caption {display:none;}
* html caption {display:none;}
table {table-layout:fixed; border-collapse:collapse; text-align:center; vertical-align:middle; color:#333; border-spacing:0px;}

h1, h2, h4, h5, h6 {font-size:9pt; font-weight:bold; letter-spacing:-1px;}
legend {position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

hr {clear:both; margin-bottom:23px; height:0; border:1px solid #fff;}
* html hr {clear:both; margin-bottom:8px; height:0; border:1px solid #fff;}
*:first-child+html hr {clear:both; margin-bottom:8px; height:0; border:1px solid #fff;}

*html img {vertical-align:top;}
*html input {position:relative; top:-1px;}

.left {float:left;}
.right {float:right;}

.align_left {text-align:left;}
.align_left a {margin:15px;}
.align_right {text-align:right;}
.align_center {text-align:center;}

.checkbox, .radiobox {border:none; margin:0; padding:0; background:none;}
/* =2013-02-05 basic --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-02-05 wrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* #KTech_wrap {width:1080px; position:relative; margin:0 auto; padding:0 20px;} */
#KTech_wrap {width:100%;  min-width:1200px; position:relative; margin:0 auto; padding:0; background:#fff; border-top:1px solid #cccccc;}
/* =2013-02-05 wrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-02-05 header --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header_wrap {width:1080px; height:92px; padding-top:23px; z-index:100; }
.logo_wrap {height:40px; margin-bottom:15px; overflow:hidden;}
.logo_wrap h1 {float:left;}
.logo_wrap h1 a {display:block;}
.logo_wrap .svc_btn {float:right; height:14px; margin-top:24px;}
.logo_wrap .svc_btn a {display:inline-block; height:12px; font-size:8pt;}
.logo_wrap .svc_btn span {display:inline-block; height:12px; padding:0 11px; background:url('../../images/common/common/svc_div.gif') right 1px no-repeat;}
.logo_wrap .svc_btn span.end {padding:0 0 0 11px; background:none;}

.menu_wrap {clear:both; position:relative;}
.menu_wrap ul {width:1080px; height:37px; overflow:hidden;}
.menu_wrap ul li {float:left;}
/* =2013-02-05 header --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-05 container --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#container {width:1200px; margin:0 auto; background:url('../../images/common/common/left_line.gif') repeat-y, #fff; overflow:hidden;}

/* =2013-02-05 container --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-05 lnb --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
 #sub_lnb {float:left; width:180px; padding:0px 40px 50px 0;}
/* #sub_lnb h2 {width:160px; height:14px; padding:13px 0; color:#0066b3; border-top:1px solid #202020; border-bottom:1px solid #c3c3c3;} */
#sub_lnb h2 {
	/* width:100%; padding:45px 0;  */
	width:180px;
	text-align:center; 
	font-size:22px; 
	font-weight:500; 
	letter-spacing:0; 
	color:#ffffff; 
	border-bottom:#e5e5e5 1px solid; 
	background:url(/static_root/images/common/sub_left_h2_bg.png) repeat; 
	line-height:140%;
	height: 120px;
	display:table-cell;
	vertical-align:middle;
}

/* #sub_lnb h2 {
	width:160px; 
	padding-top:20px 0; 
	background-color:#004D88;
	background:url('/static_root/images/common/common/menu_title.png') no-repeat;
	text-align:center;  
	letter-spacing:0; 
	font-size:1.3em;  
	color:#ffffff; 
	border-top:1px solid #202020; 
	border-bottom:1px solid #c3c3c3;
	line-height:140%;
	height: 90px;
	display:table-cell;
	vertical-align:middle;
} */

#sub_lnb ul {width:100%; overflow:hidden;}
#sub_lnb ul li {border-top:1px solid #e5e5e5;}
#sub_lnb ul li:first-child {border-top:0;}
#sub_lnb ul li a {display:block; width:163px; font-size:14px; line-height:14px; padding:12px 0 12px 24px; background:url('../../images/common/icon/icon_lnb.png') 13px 17px no-repeat;}
#sub_lnb ul li a.on {font-weight:bold; color:#333; background:url('../../images/common/icon/icon_lnb_on.png') 13px 17px no-repeat, #ebebeb;}
/* #sub_lnb ul li a {display:block; width:163px; font-size:1.15em; height:16px; padding:9px 0 9px 17px; color:#333; background:url('../../images/common/icon/icon_lnb.png') 8px 14px no-repeat;}
#sub_lnb ul li a.on {color:#333;  font-weight:400; background:url('../../images/common/icon/icon_lnb_on.png') 8px 14px no-repeat; } */

#sub_lnb dl {border-top:1px solid #dcdcdc; padding-bottom:7px;}
#sub_lnb dl dt a {width:163px; height:16px; font-size:13px; font-weight:350; color:#666; margin:7px 0 2px 24px; padding:0 0 0 8px;background:none;}
#sub_lnb dl dt a.on  {font-weight:350; color:#800000; background:url('../../images/common/icon/icon_lnb.gif') 0px 5px no-repeat;}

/* =2013-02-05 lnb --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-02-05 contents --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contents {width:980px; padding-bottom:50px; min-height:400px; float:left; }
.sub_title { width:980px; height:95px; padding:10px 0 10px 0; border-bottom:1px solid #e5e5e5; margin-bottom:30px; overflow:hidden;}
.sub_title.stBg01 {background:url('../../images/content/sub_visual01.jpg') right 0 no-repeat;}
.sub_title.stBg02 {background:url('../../images/content/sub_visual02.jpg') right 0 no-repeat;}
.sub_title.stBg03 {background:url('../../images/content/sub_visual03.jpg') right 0 no-repeat;}
.sub_title.stBg04 {background:url('../../images/content/sub_visual04.jpg') right 0 no-repeat;}
.sub_title.stBg05 {background:url('../../images/content/sub_visual05.jpg') right 0 no-repeat;}
.sub_title_nbg {padding:10px 0 10px 0;  background:none; border-top:2px solid #f0f0f0;}
.sub_title h3 {padding-top:30px; font-size:24px; font-weight:500; color: #333; letter-spacing:-1px;}
.sub_title p {margin-top:15px; font-size:12px; color:#777; padding-left:22px; background:url('../../images/common/common/channel_bg2.gif') 0 5px no-repeat;}
.sub_title p span {color:#333;}
.sub_title_pop {width:780px; height:25px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; margin-bottom:21px; overflow:hidden;}
.sub_title_pop h3 {font-family:ngb; float:left; font-size:16pt; line-height: 25px;}
/* =2013-02-05 contents --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* =2016-04-19 lsh add --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub_title2 { width:900px; height:29px; padding:10px 0 10px 0; border-bottom:1px solid #f0f0f0; margin-top:20px; margin-bottom:10px;overflow:hidden;}
.sub_title2 h3 {float:left; font-family:ngb; font-size:1.5em; font-weight:bold; color: #006CD2;  line-height: 30px; }

/* 2013-02-05 footer --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* #footer_wrap {width:100%; height:100%; border-top:1px solid #e0e0e0; clear:both;} */
#footer_wrap {position:relative; width:100%; min-width:1080px; height:80px; border-top:1px solid #e2e2e2; clear:both;}
.footer {width:1080px; padding:20px 0; margin:0 auto; overflow:hidden; }
.footer h5 {width:53px; height:50px; background:url('../../images/mainNew/footer_logo.jpg') 0 0 no-repeat; text-indent:-10000px; float:left; }
/* .footer address { background:url('../../images/common/common/address_f.gif') 0 0 no-repeat; } */
.footer address { font-style:normal; line-height:1.6em; font-size:9pt; color:#464646; width:650px; margin:5px 0 0 20px; float:left; }
.footer .site {float:right;}
.footer .site select {border-color:#d8d8d8; color:#666;}
/* =2013-02-05 footer --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-02-06 common --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.align_l {text-align:left;}
.right {float:right;}
.left {float:left;}

.dash_line {width:100%; height:1px; border-bottom:1px dashed #ddd; margin:30px 0 40px; clear:both;}

.dashB_block {width:100%; overflow:hidden;}
.dashB_block .left, .dashB_block .right {width:380px;}

.btn_copy span{display:inline-block; border:1px solid #003876; border-radius:2px; padding:2px 3px 2px 3px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdfdfd 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
 }
.btn_t0, .btn_t0 span{display:inline-block; cursor:pointer; padding-left:10px; background:url('../../images/common/btn/btn_bg1.gif') 0 0 no-repeat;}
.btn_t1, .btn_t1 span, .btn_t2, .btn_t2 span, .btn_t3, .btn_t3 strong, .btn_t4, .btn_t4 strong, .btn_t5, .btn_t5 span, .btn_t6, .btn_t6 span {display:inline-block; cursor:pointer;}
.btn_t1, .btn_t2, .btn_t3, .btn_t4, .btn_t5, .btn_t6 {padding-left:10px; background:url('../../images/common/btn/btn_bg.gif') 0 0 no-repeat;}
.btn_t1 span, .btn_t2 span, .btn_t3 strong, .btn_t4 strong, .btn_t5 span, .btn_t6 span {background:url('../../images/common/btn/btn_bg.gif') 0 0 no-repeat;}

.btn_t0 {background-position:0 0;}
.btn_t0 span{height:30px; padding:7px 15px 5px 5px; background-position:right 0px; color:#666; font-size:8pt;}

.btn_t1 {background-position:0 0;}
.btn_t1 span {height:17px; padding:2px 15px 2px 5px; background-position:right 0; color:#fff;}

.btn_t2 {background-position:0 -41px;}
.btn_t2 span {height:21px; padding:5px 15px 0 5px; background-position:right -41px; color:#666; font-size:8pt;}

.btn_t3 {background-position:0 -87px;}
.btn_t3 strong {height:19px; padding:4px 15px 3px 5px; background-position:right -87px; color:#fff;}

.btn_t3 strong.pop {height:23px; padding:0 15px 3px 5px; background-position:right -87px; color:#fff;}

.btn_t4 {background-position:0 -133px;}
.btn_t4 strong {height:19px; padding:4px 15px 3px 5px; background-position:right -133px; color:#fff;}

.btn_t5 {background-position:0 -133px;}
.btn_t5 span {height:17px; padding:2px 10px 2px 0; background-position:right -133px; color:#fff; font-size:8pt;}
@-moz-document url-prefix() { .btn_t5 span {height:14px; padding:3px 10px 0 0;} }

.btn_t6 {background-position:0 -216px;}
.btn_t6 span {height:15px; padding:2px 10px 0 0; background-position:right -216px; color:#555; font-size:8pt;}
.btn_t6 a{ color:#F00;}
@-moz-document url-prefix() { .btn_t6 span {height:14px; padding:3px 10px 0 0;} }

.btn_t7, .btn_t8 {display:block; width:39px; height:19px; background:url('../../images/common/btn/btn_onoff_bg.gif') 0 0 no-repeat; text-indent:-10000px; float:left;}
.btn_t7 {background-position:0 0;}
.btn_t8 {background-position:-39px 0;}
.btn_t7#on {background-position:0 -19px;}
.btn_t8#on {background-position:-39px -19px;}

.p_color1 {color:#ff8a00;}
.p_color2 {color:#e61c1c;}

.caution {margin-top:13px; padding-left:19px; color:#333; font-size:8pt; background:url('../../images/common/icon/icon_caution.png') 0 0 no-repeat; line-height:140% ! important;}
.caution.bg {background:#f2f2f2 url('../../images/common/icon/icon_caution.png') 16px 14px no-repeat; padding:14px 16px 14px 35px;}
.caution.bg2 {background:#f2f2f2; padding:14px 16px;}
.caution2 {color:#333 ! important; font-size:8pt; margin-bottom:15px;}
.caution2 span {color:#e61c1c; font-weight:bold;}
.caution2 li {margin-bottom:3px;}
.caution2.bg {padding:12px 15px; background-color:#f9f9f9; border:1px solid #e3e3e3;}

.ex_detail li {padding-left:13px; background:url('../../images/common/icon/icon_bullet.png') 0 4px no-repeat; margin-bottom:5px;}

/* =2013-02-06 common --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-07 sub_tab --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub_tab {width:780px; height:36px; border-bottom:1px solid #d3d3d3; margin-bottom:10px; position:relative;}
.sub_tab li {width:166px; height:34px; background-color:#f8f8f8; border-left:1px solid #d3d3d3; border-top:2px solid #303030; border-right:1px solid #d3d3d3; margin-right:-1px; text-align:center; float:left;}
.sub_tab li.on {position:relative; background-color:#fff; padding-bottom:1px; margin-bottom:-1px;}
.sub_tab li a {display:block; line-height:34px; color:#666; font-weight:bold;}
.sub_tab li.on a {color:#333;}

#tab_b5 li {width:155px;}
#tab_b5 li.on {width:154px;}
#tab_b5 li a.double, #tab_b5 li.on a.double {line-height:120%; padding-top:4px;}
#tab_b8 li {width:99px;}
#tab_b8 li.on {width:102px;}
#tab_b8 li a.double, #tab_b8 li.on a.double {line-height:120%; padding-top:4px;}
#tab_b9 li {width:85px;}
#tab_b9 li.on {width:90px;}
#tab_b9 li a.double, #tab_b9 li.on a.double {line-height:120%; padding-top:4px;}
#tab_b17 li {width:38px;}
#tab_b17 li#w2 {width:61px;}
#tab_b17 li a.double {line-height:120%; padding-top:4px;}


.sub_tab2 {width:841px; height:30px; border-bottom:2px solid #c8c8c8; position:relative;}
.sub_tab2 li {height:28px; background-color:#a4a4a3; border-left:2px solid #a4a4a3; border-top:2px solid #a4a4a3; border-right:2px solid #a4a4a3; margin-right:-2px; text-align:center; float:left;}
.sub_tab2 li.on {position:relative; background-color:#fff; border-color:#c8c8c8; padding-bottom:2px; margin-bottom:-2px;}
.sub_tab2 li a {display:block; color:#fff; line-height:28px; font-weight:bold;}
.sub_tab2 li.on a {color:#333;}

#tab_b2 li {width:417px;}
#tab_b2 li.on {width:418px;}
#tab_b3 li {width:180px;}
#tab_b3 li.on {width:185px;}

.sub_tab_L2 {border-right:1px solid #dedede; border-bottom:1px solid #dedede; margin-bottom:21px; overflow:hidden;}
.sub_tab_L2 li {background:url('../../images/common/common/L2_tab_bg.gif') 0 0 no-repeat; float:left;}
.sub_tab_L2 li.on {background:url('../../images/common/common/L2_tab_on_bg.gif') 0 0 no-repeat;}
.sub_tab_L2 li a {display:block; width:98.5px; height:35px; line-height:35px; font-size:8pt; color:#333; text-align:center; letter-spacing:-1px;}
.sub_tab_L2 li a.end1 {width:91px;}
.sub_tab_L2 li a.end2 {width:91px;}
.sub_tab_L2 li.on a {color:#fff; font-weight:bold;}

/* =2013-02-07 sub_tab --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-06 strapline --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.strapline {height:16px; margin-bottom:18px; overflow:hidden;}
.strapline h4 {font-size:11pt; padding-left:21px; background:url('../../images/common/icon/icon_sTit.gif') 0 center no-repeat;}
.strapline h4, .strapline p {color:#5a5a5a; float:left;}
.strapline p {font-size:9pt; margin:2px 0 0 10px;}

.strapline1 {height:18px; margin-bottom:20px; overflow:hidden;}
.strapline1 h4 {font-size:13pt; padding-left:21px; background:url('../../images/common/icon/icon_bTit.gif') 0 7px no-repeat; color:#175c8e;}

/* =2013-02-06 strapline --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2016-10-05 search 추가 -----------------------------------------------------------*/
.list_search_wrap{margin-bottom:9px; padding:15px 25px 15px 25px; 
border-top:2px solid #003876;
border-bottom:1px solid #D2D2D2;
border-left:1px solid #ECECEB;
border-right:1px solid #ECECEB;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdfdfd 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

/* 2013-02-05 list_search --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* .list_search_wrap {padding-left:10px; background:url('../../images/common/common/search_bg_l.gif') 0 0 no-repeat; margin-bottom:9px; } */
.list_search_bg {/* height:21px; padding:15px 25px 15px 17px; background:url('../../images/common/common/search_bg_r.gif') right 0 no-repeat; background-size:980px 51px; */}

.list_search_wrap .s_div {display:inline-block; width:1px; height:13px; margin:0 6px 0 11px; background:url('../../images/common/common/search_div.gif') 0 0 no-repeat; position:relative; top:2px;}
.list_search_wrap label {cursor:default; font-weight:bold; color:#666; margin:0 7px 0 6px;}
.list_search_wrap label:first-child {margin-left:0;}
.list_search_wrap select {height:21px;}
.list_search_wrap input {height:19px;}
.list_search_wrap input, .list_search_wrap select {color:#333;}
@-moz-document url-prefix() { .list_search_wrap input, .list_search_wrap select {position:relative; top:-1px;} }

.list_search_wrap.double {background:url('../../images/common/common/search_bg2_l.gif') 0 0 no-repeat;}
.list_search_wrap.double .list_search_bg {height:110px; background:url('../../images/common/common/search_bg2_r.gif') right 0 no-repeat; background-size:980px 140px;}
.list_search_wrap.double .grade label {font-weight:normal; margin:0 12px 0 3px;}

.list_search_wrap.triple {background:url('../../images/common/common/search_bg3_l.gif') 0 0 no-repeat;}
.list_search_wrap.triple .list_search_bg {height:150px; background:url('../../images/common/common/search_bg3_r.gif') right 0 no-repeat; background-size:980px 180px;}
.list_search_wrap.triple .grade label {font-weight:normal; margin:0 12px 0 3px;}

.list_search2 {padding:14px 40px 12px; background-color:#e9e9e9; margin-bottom:12px;}
.list_search2  select {height:18px;}
.list_search2 input {height:16px;}

.list_search_wrap a:hover span {color:#FE9743;}

.list_search_wrap.double01 {background:url('../../images/common/common/search_bg2_l.gif') 0 0 no-repeat; background-size:40px 95px;}
.list_search_wrap.double01 .list_search_bg {height:65px; background:url('../../images/common/common/search_bg2_r.gif') right 0 no-repeat; background-size:980px 95px;}
/* =2013-02-05 list_search --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-05 list_pageNAV --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_pageNAV {width:100%; text-align:center;}
.list_pageNAV .page_num {display:inline-block; margin:0 auto;}
.list_pageNAV .page_num a {height:17px; padding:2px 7px 0; background-color:#fff; border:1px solid #d6d6d6; color:#666; font:bold 8pt tahoma; text-align:center; margin-left:8px; float:left;}
.list_pageNAV .page_num a.on {color:#fff; background-color:#545454;}

.list_pageNAV .page_num a.btn_first, .list_pageNAV .page_num a.btn_prev, .list_pageNAV .page_num a.btn_next, .list_pageNAV .page_num a.btn_last {height:21px; padding:0; border:0; text-indent:-10000px;}
.list_pageNAV .page_num a.btn_first, .list_pageNAV .page_num a.btn_last {width:10px; margin:0;}
.list_pageNAV .page_num a.btn_prev, .list_pageNAV .page_num a.btn_next {width:6px;}
.list_pageNAV .page_num a.btn_first {background:url('../../images/common/btn/btn_first.gif') 0 center no-repeat;}
.list_pageNAV .page_num a.btn_prev {background:url('../../images/common/btn/btn_prev.gif') 0 center no-repeat; margin:0 17px 0 0;}
.list_pageNAV .page_num a.btn_next {background:url('../../images/common/btn/btn_next.gif') 0 center no-repeat; margin:0 0 0 25px;}
.list_pageNAV .page_num a.btn_last {background:url('../../images/common/btn/btn_last.gif') 0 center no-repeat;}

.list_pageNAV .page_num .num_div1, .list_pageNAV .page_num .num_div2 {display:inline-block; width:1px; height:21px; background:url('../../images/common/common/list_num_div.gif') 0 center no-repeat; float:left;}
.list_pageNAV .page_num .num_div1 {margin:0 10px 0 6px;}
.list_pageNAV .page_num .num_div2 {margin:0 6px 0 10px;}

/* =2013-02-05 list_pageNAV --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-05 list_btn --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_btn {width:100%; text-align:center; margin-top:31px; overflow:hidden;}
.list_btn a:hover span {color:#EA6B02;}
.list_btn a:hover strong {color:#FE9743;}
/* =2013-02-05 list_btn --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-05 list_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_styleA {width:100%; border-top:2px solid #585858; border-bottom:#e4e4e4 1px solid;/* border-bottom:2px solid #cacaca; background:url('../../images/common/common/list_tit_bg.gif') 0 0 repeat-x; */}
.list_styleA table {width:100%; .table-layout:fixed;}
.list_styleA thead th {padding:5px 0; height:35px; font-weight:normal; color:#333; border-left:1px solid #e0e0e0; background-color: #f5f5f5; /* background:url('../../images/common/common/list_tit_div.gif') left 0px top 0px no-repeat;  */}
/* .list_styleA thead th:first-child {background:none;} */
.list_styleA td {height:35px; /* background-color:#fdfdfd;  *//* border-left:1px solid #e0e0e0;  */border-top:#e4e4e4 1px solid;}
.list_styleA td.txtleft {text-align:left; padding-left:14px;}
.list_styleA td.txtleft8 {text-align:left; padding-left:8px;}
.list_styleA td.txtleft4 {text-align:left; padding-left:4px;}
.list_styleA td.txtleft2 {text-align:left; padding-left:2px;}
.list_styleA tr.bg td {/* background-color:#f3f3f4; border-left:1px solid #dcdcdc; */}
.list_styleA th:first-child, .list_styleA td:first-child, .list_styleA tr.bg td:first-child {border-left:none;}

.list_styleA tr.result_none td {height:50px; padding-top:15px; vertical-align:top;}

.list_styleA td a {color:#620B32;}
.list_styleA td a.txtBlueU {color:blue; text-decoration:underline;}
.list_styleA td a.txtGrayU {color:gray; text-decoration:underline;}
.list_styleA td a.txtBlueN {color:blue;}
.list_styleA td a.txtLinkN {color:blue;}
.list_styleA td a:hover {color:#0000cc; text-decoration:underline;}
.list_styleA td a.btn_t5:hover, .list_styleA td a.btn_t6:hover, .list_styleA td a.btn_t5:hover span, .list_styleA td a.btn_t6:hover span {color:#0000cc; text-decoration:none;}

.list_styleA.tit2 {/* background:url('../../images/common/common/list_tit_bg2.gif') 0 0 repeat-x; */}
.list_styleA.tit2 thead th {height:42px; /* background:url('../../images/common/common/list_tit_div2.gif') 0 0 no-repeat; */}

.list_styleA.tit2_1 {/* background:url('../../images/common/common/list_tit_bg2.gif') 0 0 repeat-x; */}
.list_styleA.tit2_1 thead th {height:42px; font-size:12px; line-height:11px; /* background:url('../../images/common/common/list_tit_div2.gif') 0 0 no-repeat; */}

.list_styleA.tit3 {/* background:url('../../images/common/common/list_tit_bg3.gif') 0 0 repeat-x; */}
.list_styleA.tit3 thead th {height:25px; /* background:url('../../images/common/common/list_tit_div3.gif') 0 0 no-repeat; */}
.list_styleA.tit3 thead th.line1 {border-bottom:1px solid #e0e0e0;}
.list_styleA.tit3 thead tr.inside th {height:25px; font-size:0.9em;}
.list_styleA.tit3 thead th:first-child {border-left:1px solid #e0e0e0; }

.list_styleA.list2 td {border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}
.list_styleA.list2 td:first-child {border-left:0;}

.list_styleA .inside {padding:0; border-top:0; border-bottom:0;}
.list_styleA .inside table {width:100%; border:0;}

.list_styleA td.tit_tt {text-align:left; padding:0 10px 0 14px; border-right:1px solid #e9e9e9;}
.list_styleA tr.st_total td {color:#333;}
.list_styleA.st_left {float:left;}
.list_styleA.st_right {float:right;}
.list_styleA.st_right td:first-child, .list_styleA.st_right tr.bg td:first-child {border-left:1px solid #e9e9e9;}

.list_styleA tr.deadline td, .list_styleA tr.deadline td a {color:#999;}

/* =2013-02-05 list_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-14 list_styleB --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.list_styleB, .list_styleB table {width:100%; table-layout:fixed;}
.list_styleB thead th {height:25px; color:#fff; background-color:#ef7409; border-left:1px solid #f39a4c;}
.list_styleB td {height:19px; padding:2px 4px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.list_styleB tr:hover {background-color:#f9f9f9;}
.list_styleB thead th:first-child, .list_styleB td:first-child {border-left:0;}

.list_styleB tr.result_none td {height:50px; padding-top:15px; vertical-align:top;}

.list_styleB td a {color:#333;}

/* =2013-02-14 list_styleB --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-06 view_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.view_styleA {width:100%; border-top:2px solid #8a8a8b; border-bottom:2px solid #8a8a8b; overflow:hidden;}
.view_styleA table {width:100%; table-layout:fixed;}
.view_styleA th, .view_styleA td {height:19px;}
.view_styleA th {background-color:#f3f3f4; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; padding:5px 0; font-weight:normal; color:#333;}
.view_styleA th.txtleft {text-align:left; padding-left:14px;}
.view_styleA td.txtleft8 {text-align:left !important; padding-left:8px !important;}
.view_styleA th.tit1 {background-color:#e7e7e8; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3;}
.view_styleA td {padding:5px 0 5px 14px; border-top:1px solid #c3c3c3; text-align:left; background-color:#fff; border-right:1px solid #c3c3c3; word-break:break-all;}
.view_styleA td.txtcenter {padding-left:0px; text-align:center; }
.view_styleA td.txtright {padding-left:0px; padding-right:14px; text-align:right; }
.view_styleA tr:first-child th, .view_styleA tr:first-child td {border-top:0;}
.view_styleA th:first-child {border-left:1px solid #c3c3c3;}
.view_styleA td:last-child {border-right:1px solid #c3c3c3;}

.view_styleA td.view_article {height:400px; border-left:1px solid #c3c3c3; padding:10px 14px; vertical-align:top;}

.view_styleA td input {height:19px;}
.view_styleA td select {height:21px;}
.view_styleA td a {color:#620B32;}
.view_styleA td a.txtBlueN {color:blue;}
/* 2015-10-03 추가 */
.view_styleA td span.pn_list {display:inline-block; margin-right:10px; font-size:8pt;}
/* 2015-10-03 추가 끝*/
.view_styleA a:hover {color:#0000cc; text-decoration:underline;}
.view_styleA a:hover span {color:#0000cc;}
.view_styleA a:hover strong{color:#FE9743;}

.view_styleA.tit2 {border-top:0;}
.view_styleA.tit2 thead th {height:28px; font-size:11pt; font-weight:bold; color:#fff; background:url('../../images/common/common/view_tit_bg.gif') 0 0 repeat-x; letter-spacing:-1px; border-left:1px solid #717a89; border-right:1px solid #717a89; border-bottom:1px solid #a5a5a5;}
.view_styleA.tit2 thead th a {color:#fff; font-size:8pt; position:relative; top:-1px;}

.view_styleA.resume thead th:last-child {border-right:1px solid #717a89;}
.view_styleA.resume th {border-left:1px solid #c3c3c3;}
.view_styleA.resume th.newtitl {background-color:#ffffff; text-align:left; border-left:none; border-right:none; font-weight:bold; font-size:1.1em;}
.view_styleA.resume th:last-child {border-right:1px solid #c3c3c3;}
.view_styleA.resume td {border-left:1px solid #c3c3c3; /* font-weight:100; */ font-size:0.9em; font-family: ng;}
.view_styleA.resume td.txtleft8 {text-align:left; padding-left:8px;}
.view_styleA.resume .img_box {width:85px; height:113px; border:2px solid #c3c3c3; margin:0 auto 5px;}

.view_styleA.resume .inside th {background-color:#f3f3f4; border-top:1px solid #c3c3c3; padding:5px 0; font-weight:normal; color:#333;}
.view_styleA.resume .inside td {padding:5px 0 5px 14px; border-top:1px solid #c3c3c3; text-align:left;}
.view_styleA.resume .inside td.txtcenter {padding-left:0px; text-align:center; }
.view_styleA.resume .inside tr:first-child th, .view_styleA.resume .inside tr:first-child td {border-top:0;}

.resume_date {border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3; text-align:center; line-height:180%; padding:20px;}
.resume_date .date {font-size:1.25em; margin-top:10px;}
.resume_date .name {margin-top:15px;}

.view_styleA td.survey_item {border-bottom:0; padding:0;}
.view_styleA td.survey_item .inside {border:0;}
.view_styleA td.survey_item .inside th {border-left:0;}
.view_styleA td.survey_item .inside td {border-right:0;}

.app_num {margin-bottom:10px;overflow:hidden;}
.app_num dt, .app_num dd {padding:5px 13px; border:1px solid #c3c3c3; float:left;}
.app_num dt {background-color:#f3f3f4; color:#333;}
.app_num dd {border-left:0;}

/* =2013-02-06 view_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-08 view_styleB --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.view_styleB {width:100%; overflow:hidden;}
.view_styleB h3 {height:28px; padding-top:10px; font-size:11pt; color:#fff; text-align:center; background:url('../../images/common/common/view_tit_bg.gif') 0 0 repeat-x; border-left:1px solid #717a89; border-right:1px solid #717a89; border-bottom:1px solid #a5a5a5;}

.view_styleB .substance {padding:30px 20px 38px 30px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background-color:#fafafa;}
.view_styleB .substance01 {padding:15px; border:1px solid #c3c3c3; background-color:#fafafa;}

.view_styleB p {color:#333; line-height:180%;}
.view_styleB input {height:21px;}
.view_styleB dl {margin-bottom:37px;}
.view_styleB dl dt.strapline {margin-bottom:10px;}
.view_styleB dl dd li {color:#333; line-height:180%;}
.view_styleB dl dd li span {letter-spacing:-1px;}

.view_styleB .seal {text-align:center;}
.view_styleB .seal .date {font-size:11pt; color:#333; margin:50px 0 35px;}
.view_styleB .seal label {font-size:11pt; font-weight:bold; margin:0 10px 0 20px;}
.view_styleB .seal .name {font-size:11pt;}

.view_styleB .overlap {height:69px; padding:20px 0 0 22px; border:1px solid #c3c3c3; background:url('../../images/common/common/overlap_bg.gif') 0 0 repeat-x; margin-right:10px;}
.view_styleB .overlap p.num input {height:24px; font-size:11pt; font-weight:bold; color:#333; top:-1px; vertical-align:top !important;}
.view_styleB .overlap div.num input {height:24px; font-size:11pt; font-weight:bold; color:#333; position:relative; top:-1px;}

.view_styleB .clause {width:726px; height:100px; border:none; background-color:#fafafa; padding:0; color:#333;}
.view_styleB .cl_agree {padding:14px 0; text-align:right; border-bottom:1px solid #c3c3c3; margin-bottom:44px;}
.view_styleB .cl_agree label {font-weight:bold;}

.view_styleB .clause01 {width:760px; height:120px; border:none; background-color:#fafafa; padding:10px; color:#333; overflow-x:hidden;border:1px solid #ccc;}
.view_styleB .cl_agree01 {padding:10px 0; text-align:right; border-bottom:1px solid #c3c3c3; margin-bottom:10px;}
.view_styleB .cl_agree01 label {font-weight:bold;}

.view_styleB .wd_info {margin-right:10px;}
.view_styleB .wd_info li {padding:0 0 15px 19px; margin-bottom:18px; background:url('../../images/common/icon/icon_box.gif') 0 2px no-repeat; line-height:160%; border-bottom:1px dashed #c3c3c3;}
.view_styleB .wd_info li:last-child {border-bottom:0; margin-bottom:0;}

.view_styleB .substance.visitReport dl {overflow:hidden; margin-bottom:10px;}
.view_styleB .substance.visitReport dl dt, .view_styleB .substance.visitReport dl dd {float:left;}
.view_styleB .substance.visitReport dl dd {padding-left:8px; color:#333;}
.view_styleB .substance.visitReport input {height:19px;}
.view_styleB .substance.visitReport .view_styleA td {padding:5px 0; text-align:center;}
.view_styleB .substance.visitReport .view_styleA td p {line-height:120%;}

.view_styleB a:hover strong {color:#FE9743;}
.view_styleB a:hover span {color:#0000cc;}

/* =2013-02-08 view_styleB --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-06 popup --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#pop_body {background:none; background-color: #fff !important;}
#pop_contents {padding:15px;}

#pop_contents .m1, #pop_contents .m2 {font-size:8pt;}
#pop_contents .m1 {color:#ff8a00;}
#pop_contents .m2 {margin:20px 0 5px;}
#pop_contents .box1 {padding:14px 16px; background-color:#e9e9e9;}
#pop_contents label {color:#333;}
#pop_contents .list2 td {height:25px; border-bottom:1px solid #c3c3c3;}

.info_view {border-left:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #c3c3c3; text-align:center;}
.info_view_sc {height:730px; padding:20px; text-align:center; overflow-y:scroll;}
.info_view_sc.s2 {height:684px; padding:0 20px; margin:20px 0;}

/* =2013-02-06 popup --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-18 stu_info --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.stu_info {padding:4px 13px; background-color:#fcfcfc; border-top:2px solid #7d7d7d; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3; margin-bottom:13px;}
.stu_info dl {height:14px; padding:9px 11px 11px; border-top:1px dotted #c3c3c3;}
.stu_info dl:first-child {border-top:0;}
.stu_info dl dt, .stu_info dl dd {float:left;}
.stu_info dl dt {width:80px;}
.stu_info dl dd {width:264px; padding-left:20px; border-left:1px solid #c3c3c3; color:#333;}
.stu_info dl dt strong {color:#e61c1c;}

/* =2013-02-18 stu_info --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-18 surveyWrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.surveyTit {height:28px; padding-top:10px; font-size:11pt; color:#fff; text-align:center; background:url('../../images/common/common/view_tit_bg.gif') 0 0 repeat-x; border-left:1px solid #717a89; border-right:1px solid #717a89; border-bottom:1px solid #a5a5a5;}
.surveyMent {padding:10px; color:#333; background-color:#f3f3f4; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3;}

.surveyWrap {border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; overflow:hidden;}
.surveyWrap .surveyEX {color:#176ed8; padding-left:10px; margin-top:10px;}
.surveyWrap .surveyEX_2 {color:#333; padding-left:10px; margin-top:10px;}
.surveyWrap dl {width:100%;}
.surveyWrap dl dt {padding:10px 10px 0 10px; font-weight:bold;}
.surveyWrap dl dd {padding:5px 10px 20px 25px; .padding-bottom:10px;}
.surveyWrap dl dd ul {overflow:hidden;}
.surveyWrap dl dd ul li {margin-right:15px; float:left;}

.surveyWrap a:hover span {color:#0000cc;}

/* =2013-02-18 surveyWrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*  2016-05-18  */
 /* 2013-02-06 view_styleA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.surveyTable {width:100%; border-top:2px solid #8a8a8b; border-bottom:2px solid #8a8a8b; overflow:hidden;}
.surveyTable table {width:100%; table-layout:fixed;}
.surveyTable th, .surveyWrap td {height:19px;}
.surveyTable th {background-color:#f3f3f4; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; padding:5px 0; font-weight:normal; color:#333;}
.surveyTable td { background-color:#fff; text-align:left; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; padding:5px 0 5px 10px; word-break:break-all;}
.surveyTable tr:first-child th, .view_styleA tr:first-child td {border-top:0;}
.surveyTable th:first-child {border-left:1px solid #c3c3c3;}
.surveyTable td:last-child {border-right:1px solid #c3c3c3;}
.surveyTable td label{display:inline-block; width:16px;}
/*  2016-05-18  */

/* 2013-02-20 system_wrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.system_wrap {overflow:hidden;}
.system_wrap .select_wrap {width:200px; float:left;}
.system_wrap .select_wrap h3 {height:23px; padding:10px 5px 5px 10px; background:url('../../images/common/common/view_tit_bg.gif') 0 0 repeat-x; border-bottom:1px solid #a5a5a5; font-size:11pt; color:#fff;}
.system_wrap .select_wrap select {width:100%; height:469px; border-top:0;}
/* .system_wrap .select_wrap .select_list {width:168px; height:469px; background:#fff; border:1px solid #bebebe; border-top:0; overflow-y:scroll;}
.system_wrap .select_wrap ul li a {display:block; padding:3px 0 2px 5px; .padding:1px 0 0 5px;}
.system_wrap .select_wrap ul li a.depth2 {padding-left:15px;}
.system_wrap .select_wrap ul li a.depth3 {padding-left:25px;}
.system_wrap .select_wrap ul li.on {background:#3399ff;}
.system_wrap .select_wrap ul li.on a {color:#fff;} */

.system_wrap .select_manage_wrap {width:650px; float:right;}
.system_wrap .select_manage_wrap .strapline {height:17px; margin-bottom:10px;}
.system_wrap .select_manage_wrap .strapline p.btn_wrap {margin:0; float:right;}
.system_wrap .select_manage_wrap .view_styleA.list {overflow-y:scroll; border-top:0; border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
.system_wrap .select_manage_wrap .view_styleA.list td {text-align:center; padding:5px 0; border-bottom:1px solid #c3c3c3;}
.system_wrap a:hover span {color:#0000cc;}

.select_user1_wrap, .select_btn_wrap, .select_user2_wrap  {width:98%;}

.select_user1 select, .select_user2 select {width:100%;}
.select_search {padding-bottom:2px; text-align:right;}
.select_user1 select, .select_user2 select {height:141px;}
.select_btn_wrap {text-align:center; margin:7px 0;}
.select_search a:hover strong {color:#FE9743;}
#ss_btn {margin-top:2px;}

/* =2013-02-20 system_wrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-25 submit --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.submit {width:748px; background-color:#f2f2f2; padding:30px 15px; border:1px solid #c3c3c3; text-align:center; font-size:11pt; font-weight:bold;}

/* =2013-02-25 submit --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-03-15 main --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#KTech_main_body {background-color:#f1f1f1 !important; margin:0; padding:0; position:relative;}
#KTech_main_visual {width:1080px; height:582px; margin:0 auto;}

#inha_main_top_wrap {width:100%; min-width:1080px; height:120px; /* background:url('/static_root/images/main/main_top_bg.jpg')  0 bottom repeat-x;*/ position:relative;}
#inha_main_top {width:1080px; height:120px; position:relative;margin:0 auto; /* background:url('/static_root/images/main/main_top.jpg')  center bottom no-repeat;*/ border-bottom:10px solid #186FC4;}
#inha_main_top h1 {padding-top:40px;}
.main_logo_wrap {padding-top:25px;}

#inha_main_visual_wrap {width:100%; min-width:1080px; height:350px; position:relative; clear:both;/*  background:url('/static_root/images/main/main_visual_h.jpg') center 0 no-repeat;  */ }
#inha_main_visual {width:1080px; height:350px; margin:0 auto;  position:relative;}

.main_login_wrap {width:226px; height:126px; padding:41px 0 0 19px; background:url('../../images/main/login_bg.png') 0 0 no-repeat; position:absolute; bottom:20px; left:0; z-index:999; }
.main_login_wrap h2 {display:none;}
.main_login_wrap .user_sel {height:12px;}
.main_login_wrap .user_sel label {font-size:8pt; font-weight:bold; line-height:12px; margin-right:10px; color:#fff;}
.main_login_wrap .entry {margin-top:11px; overflow:hidden;}
.main_login_wrap form {width:141px; height:54px; float:left;}
.main_login_wrap form input {width:120px; height:17px; margin:4px 0 6px 5px; padding:0; border:none;}
.main_login_wrap a {float:left; margin-top:1px;}
/* #LOGIN_ID, #USER_PWD {background-color:#fff; padding-left:5px;} */
#LOGIN_ID.empty {background:url('../../images/main/input_bg_id.gif') 6px 4px no-repeat;}
#USER_PWD.empty {background:url('../../images/main/input_bg_pw.gif') 6px 4px no-repeat;}

.main_login_wrap .idpw_btn {height:10px; margin-top:13px;}
.main_login_wrap .idpw_btn a {display:inline-block; margin:0 12px 0 0;}

.main_login2 {font-size:8pt; line-height:150%;}
.main_login2 strong {font-size:9pt; color:#015cab;}
/******************* 2016년 메인 로그인 변경**********************/
.main_login_wrap_01 {width:267px; height:150px; padding:15px 20px; background-color:#ffffff; position:absolute; bottom:20px; left:0; z-index:999; border:2px solid #f4f3f3; }
.main_login_wrap_01 h2 {display:none;}
.main_login_wrap_01 .user_sel {height:12px;}
.main_login_wrap_01 .user_sel label {font-size:1em; line-height:12px; color:#808080;}
.main_login_wrap_01 .entry {margin-top:7px; overflow:hidden;}
.main_login_wrap_01 form {}
.main_login_wrap_01 form input {width:258px; height:22px; padding:0; border:2px solid #bcbdc1;}
.main_login_wrap_01 .idpw_btn_01 {margin-top:4px;}
.main_login_wrap_01 .idpw_btn_01 a {font-size:0.9em;}
/******************* 2016년 메인 로그인 변경**********************/
#KTech_main_container {width:100%; height:123px; background:url('../../images/main/contents_bg.jpg') 0 0 repeat-x; overflow:hidden; }
#inha_main_container {width:100%; min-width:1080px; height:165px; /* background:url('../../images/main/contents_bg.jpg') 0 0 repeat-x;  */position:relative; padding-bottom:65px; }
.main_contents {width:1080px; height:123px; margin:0 auto;  position:relative; }

.main_notice {width:350px; height:140px; padding:20px 16px 0 1px; float:left; border:1px solid #dfdede; background-color:#ffffff; color:#000000; background-color:rgba(255, 255, 255, 0.8);}
.main_notice .notice_tit {padding-bottom:14px; overflow:hidden; }
.main_notice ul li {height:14px; margin:0 0 5px 10px; overflow:hidden;}
.main_notice ul li a {display:block; width:241px; height:14px; line-height:14px; padding-left:12px; font-size:8pt; color:#000000; background:url('../../images/main/ic_board.png') 0 5px no-repeat; float:left;}
.main_notice ul li span {display:block; height:14px; line-height:14px; font:8pt tahoma; color:#000000; float:right;}
*:first-child+html .main_notice ul li {margin-bottom:3px;}

.main_notice a:hover {color:#FE9743;}

.main_quick {width:300px; height:102px; padding:21px 29px 0 28px; margin-left:10px; background:url('../../images/main/quick_bg.gif') 0 0 no-repeat; float:left; overflow:hidden;}
.main_quick li {width:58px; height:80px; margin-right:9px; float:left;}
.main_quick li.qm06 {margin-right:0;}

.main_tel {width:175px; height:103px; padding:20px 0 0 16px; float:left;}
.main_tel .tel_tit {padding:0 0 1px 2px;}
.main_tel .tel_info {width:175px; height:74px; text-indent:-10000px; background:url('../../images/main/banner_tel.png') 0 0 no-repeat;}
.main_tel .tel_info dl, .main_tel .tel_info dt, .main_tel .tel_info dd {display:none;}

.main_tel_center {width:300px; height:120px; padding:20px 15px; float:right; border:1px solid #dfdede; background-color:#ffffff; color:#000000; background-color:rgba(255, 255, 255, 0.8);/*opacity:0.8;  filter:alpha(opacity=50);  */}

#KTech_main_footer {width:100%; height:158px; clear:both;}
#KTech_main_footer .footer {width:1080px; padding:26px 0 0 0; margin:0 auto; overflow:hidden;}

#inha_main_footer {width:100%; min-width:1080px; height:100px; background:url('../../images/main/main_footer_bg.jpg') 0 0 repeat-x; clear:both;}
#inha_main_footer .footer {width:1080px; padding:26px 0 0 0; margin:0 auto; overflow:hidden;}
#inha_main_footer .footer h5 {width:53px; height:50px; background:url('../../images/main/main_footer_logo.png') 0 0 no-repeat; text-indent:-10000px; float:left; }
#inha_main_footer .footer address {color:#000000;}

/* =2013-03-15 main --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-03-22 main_popup --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main_popWrap {position:absolute; top:50px; left:500px; z-index:1000; overflow:hidden;}

.main_popbg_top {height:24px; padding-left:21px; background:url('../../images/common/common/pop_bg_lt.png') 0 0 no-repeat;}
.main_popbg_topR {height:24px; padding-right:28px; background:url('../../images/common/common/pop_bg_rt.png') right 0 no-repeat;}
.main_popbg_middle1 {padding-left:21px; background:url('../../images/common/common/pop_bg_lm.png') 0 0 repeat-y;}
.main_popbg_middle2 {padding-right:28px; background:url('../../images/common/common/pop_bg_rm.png') right 0 repeat-y;}
.main_pop_contents {background-color:#fff;}
.main_popbg_bottom {height:51px; padding-left:21px; background:url('../../images/common/common/pop_bg_lb.png') 0 0 no-repeat;}
.main_popbg_bottomR {height:37px; padding:14px 28px 0 0; background:url('../../images/common/common/pop_bg_rb.png') right 0 no-repeat; text-align:right;}
.main_popbg_bottomR span, .main_popbg_bottomR a {display:inline-block; line-height:15px; font-weight:bold;}
.main_popbg_bottomR .pop_ch_oneday {padding-right:11px; background:url('../../images/common/common/pop_btn_divline.gif') right 2px no-repeat;}
.main_popbg_bottomR .pop_btn {padding-right:14px; background:url('../../images/common/icon/icon_close.gif') right 2px no-repeat; margin-left:6px;}
/* =2013-03-22 main_popup --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-06-12 main_popup2 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#KTech_main_pop {background:none;}

.main_popWrap {position:absolute; top:50px; left:500px; z-index:1000; overflow:hidden;}

.main_pop_contents {overflow:hidden;}
.main_pop_btn {height:27px; padding-top:11px; text-align:right; background-color:#f2f2f2; border-top:1px solid #e5e5e5;}
.main_pop_btn span, .main_pop_btn a {display:inline-block; line-height:15px; font-weight:bold;}
.main_pop_btn .pop_ch_oneday {padding-right:11px; background:url('../../images/common/common/pop_btn_divline.gif') right 2px no-repeat;}
.main_pop_btn .pop_btn {padding-right:14px; background:url('../../images/common/icon/icon_close.gif') right 2px no-repeat; margin:0 20px 0 6px;}

/* =2013-06-12 main_popup2 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2016-07-12 main_popup_new start --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main_popupWrap {
	position:absolute; top:50px; left:500px; z-index:1000; overflow:hidden;
	padding:20px;
    background: #fff;
    border: 1px solid #78212c;
    border-radius:5px;
    position:relative;
    box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.80);
 }

.main_popupContents {background-color:#fff; line-height:1.5em;}
.main_popupBottom {padding:14px 0 0 0; text-align:center;}
.main_popupBottom span, .main_popupBottom a {display:inline-block; line-height:15px; font-weight:bold;}
.main_popupBottom .chk_oneday {padding-right:11px; background:url('/static_root/images/common/common/pop_btn_divline.gif') right 2px no-repeat;}
.main_popupBottom .pop_btn {padding-right:14px; background:url('/static_root/images/common/icon/icon_close.gif') right 2px no-repeat; margin-left:6px;}
/* 2016-07-12 main_popup_new end --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 2013-02-25 file --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.file_input_textbox {float:left; width:240px;}
.file_input_div {position:relative; width:55px; height:21px; left:5px; overflow:hidden;}
.file_input_hidden {position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; cursor:pointer}
.file_input_span {position:relative; width:55px; height:21px; left:5px; overflow:hidden; float:left;}

.text-label {color: #cdcdcd; font-size:11px;}

/* =2013-02-25 file --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2013-04-05 sitemap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sitemap_wrap {width:1028px; overflow:hidden; position:absolute; top:125px; left:50px; z-index:500;}
.sitemap_wrap .sitemap_bg {width:978px; background:#fff; border:1px solid #ea6b02; float:left;}
.sitemap_wrap .sitemap_list {margin:10px 0; background:url('../../images/common/common/sitemap_bg_line.png') 195px 10px repeat-y; overflow:hidden;}
.sitemap_wrap .sitemap_btn {padding-top:15px; float:left;}

.sitemap_wrap .sitemap_list ul {width:195px; padding-bottom:30px; margin-right:1px; float:left;}
.sitemap_wrap .sitemap_list ul.menu05 {width:194px; margin-right:0;}
.sitemap_wrap .sitemap_list ul li a {display:block; width:160px; height:14px; padding:5px 0 4px 35px; color:#333; background:url('../../images/common/icon/icon_lnb.gif') 25px 8px no-repeat;}
.sitemap_wrap .sitemap_list ul.menu05 li a {width:159px;}
.sitemap_wrap .sitemap_list ul li a:hover {font-weight:bold; color:#fff; background:#175c8e url('../../images/common/icon/icon_lnb_on.gif') 25px 8px no-repeat;}
.sitemap_wrap .sitemap_list ul li dl dt a, .sitemap_wrap .sitemap_list ul li dl dt a:hover {background-image:none;}

/* =2013-04-05 sitemap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 2016-04-06 sitemap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newSitemap_wrap {width:100%; min-width:1080px; overflow:hidden; position:absolute; top:128px; z-index:500;}
.newSitemap_wrap .sitemap_bg {width:978px; background:#fff; border:1px solid #ea6b02;  float:right; }
.newSitemap_wrap .sitemap_list {margin:10px 0; background:url('../../images/common/common/sitemap_bg_line.png') 195px 10px repeat-y; overflow:hidden;}
.newSitemap_wrap .sitemap_btn {padding-top:15px; float:right;}
.newSitemap_wrap .sitemap_btn01 {position:absolute; right:0;   }

.newSitemap_wrap .sitemap_list ul {width:195px; padding-bottom:30px; margin-right:1px; float:left;}
.newSitemap_wrap .sitemap_list ul.menu05 {width:194px; margin-right:0;}
.newSitemap_wrap .sitemap_list ul li a {display:block; width:160px; height:14px; padding:5px 0 4px 35px; color:#333; background:url('../../images/common/icon/icon_lnb.gif') 25px 8px no-repeat;}
.newSitemap_wrap .sitemap_list ul.menu05 li a {width:159px;}
.newSitemap_wrap .sitemap_list ul li a:hover {font-weight:bold; color:#fff; background:#175c8e url('../../images/common/icon/icon_lnb_on.gif') 25px 8px no-repeat;}
.newSitemap_wrap .sitemap_list ul li dl dt a, .sitemap_wrap .sitemap_list ul li dl dt a:hover {background-image:none;}

/* 2016-01-20 개인정보 사용동의 ------------------------------------------------*/
#inha_chk_visual_wrap {width:100%; min-width:1080px; height:630px; position:relative; clear:both;/*  background:url('/static_root/images/main/main_visual_h.jpg') center 0 no-repeat;  */ }
#agree_chk_visual {width:1200px; height:650px; margin:0 auto; padding:30px 0; position:relative; font-size:1.04em; }
#agree_chk_visual .chk_box{width:900px; margin:0 auto; padding: 20px 25px; border:1px solid #bcbcbc; background-color:#ffffff; color:#000000; background-color:rgba(255, 255, 255, 0.97); border-radius:5px;}
#agree_chk_visual h3.tit_chk_agrmt {font-size:1.14em; margin-bottom:10px;  }
#agree_chk_visual .chk_box td, #agree_chk_visual .chk_box th{border:1px solid #c3c3c3; padding: 5px 0;}
#agree_chk_visual .chk_box th{background-color:#f3f3f4;}


/* 2016-01-20 개인정보 사용동의 ------------------------------------------------*/
/* 2015-12-04 폰트색상 및 사이크 --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.txtRed{color:red;}
.txtBlue{color:blue;}

.txtSz8{font-size:0.92em; font-weight:300;}
.txtSz8n{font-size:0.92em; font-weight:300;}
.txtSz9{font-size:9pt;}
/* =2015-12-04 폰트색상 --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mgT5{margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgB5{margin-bottom:5px;}
.mgB10{margin-bottom:10px;}

/* 학생화면 상단 다이어그램 --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#stuTop div{float:left; text-align:center; font-size:1.2em; font-weight:bold; }
#stuTop div.topArrow {height:40px; width:40px; margin:23px 0 0 0 ; padding-top:13px;}
#stuTop div.topBox {border:2px solid #eeeeee; background:#f6f6f6; height:30px; width:140px; margin:23px 0 0 0; padding-top:10px; }


/* 2016-08-22 새로운 상단 -------------------------------------------------------------------------------------------------------------------------*/
.newHeader * {box-sizing:border-box;}
.newHeader {width:100%; min-width:1200px; background: #fff;}
.newHeader > div.toparea {background: #3d4152;}
.newHeader > div.toparea div {width:1200px; height:40px; margin:0 auto; overflow:hidden;}
.newHeader > div.toparea div p.tleft {float:left; height:100%;}
.newHeader > div.toparea div p.tleft a {width:160px; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; font-size:14px; color:#fff; padding:10px; background:#4f556b;}
.newHeader > div.toparea div p.tleft a:hover {color:#fff;}

.newHeader > div.toparea div p.tright {float:right; width:48%; height:100%; font-size:14px; color:#fff; text-align:right;}
.newHeader > div.toparea div p.tright span {color:#bed1ff;}
.newHeader > div.toparea div p.tright a {width:80px; height:100%; display:inline-flex; justify-content:center; align-items:center; font-size:14px; color:#fff; text-align:center; padding:10px; margin-left:10px; background:#4f556b;}
.newHeader > div.toparea div p.tright a:hover {color:#fff;}

.newHeader > dl {width:1200px; height:95px; display:flex; align-items:center; gap:0 50px; margin:0 auto; overflow:hidden;}
.newHeader > dl dt {display:flex; align-items:center; gap:20px;}
.newHeader > dl dt a {display:block;}
.newHeader > dl dt a img {padding:0;}
.newHeader > dl dt span {display:inline-flex; padding:0; font-size:1.63em; line-height:1.2; color:#175c8e; font-weight:bold;}
.newHeader > dl dd {flex:1; height:100%;}
.newHeader > dl dd div {text-align:right; font-size:12px; color:#fff; height:18px;}
.newHeader > dl dd div span {font-weight:500; color:#ff8942;}
.newHeader > dl dd div a {display:inline-block; color:#fff;}
.newHeader > dl dd div a:hover {color:#ff8942;}
.newHeader > dl dd p {width:100%; height:100%; display:flex; justify-content:flex-end; align-items:center; gap:0 50px; overflow:hidden;}
.newHeader > dl dd p a {height:100%; display:inline-flex; align-items:center; font-family:"scd6"; font-size:1.3em; color:#2b2b2b; border-bottom:3px solid #fff;}
.newHeader > dl dd p.nhMenu a {height:100%; display:inline-flex; align-items:center; font-weight:500; font-size:1.3em; color:#2b2b2b; border-bottom:3px solid #fff;}
.newHeader > dl dd p a:first-child {border-left:none;}

.newHeader > dl dd p a:hover {color:#6552e9; border-bottom:3px solid #6552e9;}
.newHeader > dl dd p a.on {color:#6552e9; border-bottom:3px solid #6552e9;}

/* 2016-08-22 새로운 하단 -------------------------------------------------------------------------------------------------------------------------*/
.newFooterWrap{width:100%; min-width:1200px; background:#3d4152; margin:0px;}
.newFooterWrap > .newFooter {width:1200px; margin:0 auto; padding:30px 0; color:#ddd; overflow:hidden;;}
.newFooterWrap > .newFooter dt {float:left; width:13%;}
.newFooterWrap > .newFooter dt:last-child {float:left; width:25%; text-align:left;}
.newFooterWrap > .newFooter dt:last-child select {width:150px; height:25px; color:#fff; border:#7b7f85 1px solid; background:#50545a;}
.newFooterWrap > .newFooter dt:last-child a {display:inline-block; width:100px; height:15px; padding: 5px 10px; color:#fff; border:#7b7f85 1px solid; background:#50545a;}
.newFooterWrap > .newFooter dd {float:left; width:62%; font-size:13px; line-height:22px;}
.newFooterWrap > .newFooter dd strong {color:#dc541b;}

/* 2016-09-08 새로운 좌측 -------------------------------------------------------------------------------------------------------------------------*/
.newLnb {float:left; width:180px; padding:0px 40px 50px 0;}
.newLnb h2 {width:100%; padding:45px 0; text-align:center; font-size:22px; font-weight:500; color:#ffffff; border-bottom:#e5e5e5 1px solid; background:url(/static_root/images/common/sub_left_h2_bg.png) repeat; }
.newLnb ul {width:100%; overflow:hidden;}
.newLnb ul li {border-top:1px solid #e5e5e5;}
.newLnb ul li:first-child {border-top:0;}
.newLnb ul li a {display:block; width:163px; font-size:14px; line-height:14px; padding:14px 0 14px 30px; background:url('../../images/common/icon/icon_lnb.gif') 20px 22px no-repeat;}
.newLnb ul li a.on {font-weight:bold; color:#333; background:url('../../images/common/icon/icon_lnb.gif') 20px 22px no-repeat, #ebebeb;}


/* 업무별 담당자 게시판 */
.workMng {width:100%; border-top:1px solid #585858;  box-sizing: border-box;}
.workMng table {width:100%; .table-layout:fixed;}
.workMng th, .workMng td {padding:8px;font-weight:normal; color:#333; border:1px solid #e4e4e4;}
.workMng th { height:20px; color:#333; border:1px solid #e0e0e0; background-color: #f5f5f5; }
.workMng input[type="text"] { height:25px; }