@charset "utf-8";
/*
@font-face { 
	font-family:'NanumSquare'; 
	font-style: normal; 
	font-weight: 400; 
	src: local('NanumSquare'), 
		url('../font/NanumSquareR.woff') format('woff'),
		url('../font/NanumSquareR.ttf') format('truetype');
}*/
@font-face { 
	font-family:'NanumGothic'; 
	font-style: normal; 
	font-weight: 400; 
	src: local('NanumGothic'), 
		  url('../font/NanumGothic.woff') format('woff');
}

/*
@font-face { 
	font-family:'NanumSquareB'; 
	font-style: normal; 
	font-weight: bold; 
	src: local('NanumSquareB'), 
		url('../font/NanumSquareB.woff') format('woff'),
		url('../font/NanumSquareB.ttf') format('truetype');
}*/
/*---------- Basic  -----------------------------------------------*/
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td { margin: 0; padding: 0;  font-family: 'NanumGothic', Malgun Gothic, Dotum, Gulim;}
/* 제목요소 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;  }
/* 테두리 없애기 */
fieldset, img, abbr, acronym, table { border: 0 none; vertical-align: middle; }
/* 목록 */
ol, ul { list-style: none; }
/* 숨김 요소 */
legend, h2 { position: absolute; overflow: hidden; width: 1px; height: 1px; font-size: 0; line-height: 0; }
/* body 스타일 */
body { color: #333; font-size: 12px; line-height: 1.3; border-width: 0; }
/* 링크 */
a, a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover { color: #333; text-decoration: none; }
a:focus { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
/* 이미지, 폼관련 요소 */
img { vertical-align: top; border: 0 }
label, select, input, textarea { vertical-align: middle; }
/* Table - Css */
table, tr, td, {line-height:18px;color:#000;word-break:break-all;}
/* img - Css */
img { border: 0px; vertical-align: top; }
/* Form Box - Css */
form { margin: 0px; padding: 0px; }
fieldset { border: 0 none; margin: 0px; padding: 0px; }
select {text-align: left;border-style: solid;border-width: 1px;border-color: #c1c6cc #e0e3ea #e0e3ea #c1c6cc;font-size: 100%;/*vertical-align: middle;*/height: 30px;  }
select option { padding: 0px 5px }

textarea { line-height: 1.5; font-size: 12px; color: #2c2f30; border: 1px solid #cacac9; box-sizing: border-box; margin: 0; scrollbar-3dlight-color: #bcbcbc; scrollbar-arrow-color: #b7b7b7; scrollbar-base-color: #FFFFFF; scrollbar-face-color: #d3d3d3; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #bcbcbc; }
input[type=text], input[type=password] {border: 1px solid #CCC;line-height: 1;font-size: 12px;padding: 2px 0 3px 2px;height: 30px;box-sizing: border-box;padding: 0px 4px; border-radius: 0}
input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #FEFFCC; }
input[readonly], input[readonly='readonly'] { border: 1px solid #FFF; }
input[type="checkbox"], 
input[type="radio"] { border: none; font-size: 12px;margin: -1px 4px 1px 4px; vertical-align: middle; }
p { word-break: keep-all; line-height: 1.6; }
/* Top **************************************************************************************/
.header {background: #FFF;height: 65px;/* display: block; */text-align:center; width:1200px;margin:0 auto;}
.header .logo { background:url(../../images/vendor/logo.jpg) no-repeat 5px 16px; width:200px; height:50px; float:left;}
.header .topInfo {float: right;color:#FFF;margin-top: 24px;}
.header .topInfo ul { }
.header .topInfo ul li { display: block; float: left;}
.icon_head01 {background:url(../../images/vendor/icon_head01.png) no-repeat center 2px;width: 20px;height: 22px;display:inline-block;margin-right: 8px;vertical-align: sub;}
.icon_head02 {background:url(../../images/vendor/icon_head02.png) no-repeat center 2px;width:20px;height: 22px;display:inline-block;margin-right: 8px;vertical-align: sub;}
.icon_head03 {background:url(../../images/vendor/icon_head03.png) no-repeat center 2px;width:20px;height: 22px;display:inline-block;margin-right: 8px;vertical-align: sub;}
.icon_head04 {background:url(../../images/vendor/icon_head04.png) no-repeat center 2px;width:20px;height: 22px;display:inline-block;margin-right: 20px;vertical-align: sub;}

/*** Menu ********************************************************************************/
.topMenu {height: 57px;display: block;text-align: center;float: left;margin: 6px 0 0 135px;}
.topMenu > ul >li  {width: 130px;display: block;margin:0px;float:left;font-size:17px;font-weight:bold;color:#333;margin: 21px 0px 0px 0px;cursor:pointer;}
.topMenu > ul >li > div {text-indent: 24px;text-align: left; height: 22px;}
.topMenu > ul >li:first-child > div {text-indent: 9px; }
.topMenu > ul >li > div a {color:#333;}
.topMenu > ul >li > div a:hover { color:#F70 } 

.topMenu > ul >li:first-child ul{border-left:1px solid #AAA;margin-left: -15px;width: 145px;padding-left: 15px;}
.topMenu > ul >li:last-child ul{border-right:1px solid #AAA;margin-left: 15px;width: 145px;padding-right: 15px;}
.subMenu  {z-index:99;display: none; top: 9px;position: relative;background: #ffffff;width: 130px;height: 125px;padding-bottom: 15px;margin-left: 15px;margin-top: 7px;float: left; border-bottom:1px solid #AAA; box-sizing: content-box;}
.subMenu > li:first-child { /* padding-top: 10px; height: 40px;*/ }
.subMenu > li { font-size: 15px;height: 32px;line-height: 32px;text-align:left; background: #f8f8f8;font-weight: normal; transform: skew(-0.1deg);}
.subMenu > li > a span{ display: block; width: 130px; padding-left: 7px;}
/*.subMenu > li > a span:hover { color:#fff; background:#023c73 }*/
.subMenu > li > a span:hover { color:#F70; }

.subMenu > li > a, .subMenu > li > a:link {color: #333;text-decoration: none;}
.subMenu > li > a:visited {color: #333;text-decoration: none;}
.subMenu > li > a:hover { color: #F70; text-decoration: none; }
/*.subMenu > li > a:hover { color: #FFF; text-decoration: none; }*/
.subMenu > li > a:focus { color: #333; text-decoration: none; }
.subMenu > li > a:active { color: #333; text-decoration: none; }

/*** Main Banner **************************************************************************/
.mainContainer {width: 100%;background:#efefef;display: table;padding-bottom: 10px; border-top: 1px solid #AAA;}
.mainContent { width:1200px; margin:0px auto;padding: 5px 0px 10px; display: table; }
.mainContentL {width: 685px;float:left;}
/*.mainBnr {background: #8c909a url(../../images/vendor/img_main_bnr01.png) no-repeat center top;width: 685px;height: 395px;display:block;text-align:left;vertical-align: bottom;}
.mainBnr .bnrTxt { display: block;margin:0px;background: #333;opacity: 0.8; position: absolute; width: 670px;margin-top: 290px; height: 90px;padding: 15px 0px 0px 15px;}
.mainBnr .bnrTxt p { margin:0px;color:#FFF;font-size: 28px;font-weight:bold;line-height: 1.3;}
.mainBnr .bnrTxt p span {font-size: 22px;clear:both;}*/
.mainBnr{width: 685px;height: 395px;display:block;text-align:left;vertical-align: bottom;}
#slides {display: none;}
#slides .slidesjs-navigation {position:absolute; margin-top:5px; top:427px; left:51%; z-index:999;}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
    background-image: url(../../images/vendor/btns-next-prev.png);
    background-repeat: no-repeat;
    display:block;
    width:12px;
    height:18px;
    overflow: hidden;
    text-indent: -9999px;
    float: none;
    margin-right:5px;
}
a.slidesjs-next {margin-left:50px; display: none; }
a.slidesjs-previous {margin-left:30px; display: none;}
a.slidesjs-play,
a.slidesjs-stop  {margin-left:15px;}
a.slidesjs-next {margin-right:10px;background-position: -12px 0;}
a:hover.slidesjs-next {background-position: -12px -18px;}
a.slidesjs-previous {background-position: 0 0;}
a:hover.slidesjs-previous {background-position: 0 -18px;}
a.slidesjs-play {width:15px; background-position: -25px 0;}
a:hover.slidesjs-play {background-position: -25px -18px;}
a.slidesjs-stop {width:18px; background-position: -41px 0;}
a:hover.slidesjs-stop {background-position: -41px -18px;}
.slidesjs-pagination {position:absolute;  top:435px; left:47%; list-style: none; z-index:999;}
.slidesjs-pagination li {float: left; margin: 0 2px;}
.slidesjs-pagination li a {display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../../images/vendor/pagination.png); background-position: 0 0; float: left; overflow: hidden;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {background-position: 0 -26px}
#slides a:link,
#slides a:visited {color: #333}
#slides a:hover,
#slides a:active { color: #9e2020}
.navbar {overflow: hidden}

/*** Notice ***********************************************/
.box1, .box2 {width: 318px;height: 150px;margin-top: 7px;float:left;padding: 0px 10px;background: #FFF;border: 1px solid #CCC;/* -webkit-box-shadow: 3px 3px 3px 0px rgba(153,153,153,1); */-moz-box-shadow: 3px 3px 3px 0px rgba(153,153,153,1);/* box-shadow: 3px 3px 3px 0px rgba(153,153,153,1); */}
.box2 { float: right }
.txtTop {padding-bottom: 28px;/* border-bottom:1px solid #000; */ clear:both;} 
.txtTop .txtBox {width: 12px;height: 4px;background:#023c73;margin: 7px 0 5px;}
.txtTop .txtTit {  font-size:15px; font-weight:bold; color:#000; float:left;  }
.txtTop .txtMore { float:right; cursor:pointer }
.txtTop .txtMore:after { content:url(../../images/vendor/btn_plus.gif); width:15px; height:15px; margin-left:10px;vertical-align: middle; }
.txtCon .inText {font-size:12px;color:#333;clear: both;float:left;cursor:pointer;height: 16px;margin-bottom: 4px;width: 240px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txtCon .inDate { font-size:12px; color:#666; float:right;}

/** Main Photo  ***/
.mainContentB { }
.mainContentB .photoBox {width: 663px;height: 150px;margin-top: 7px;float:left;padding: 0px 10px;background: #FFF;border: 1px solid #CCC;/* -webkit-box-shadow: 3px 3px 3px 0px rgba(153,153,153,1); */-moz-box-shadow: 3px 3px 3px 0px rgba(153,153,153,1);/* box-shadow: 3px 3px 3px 0px rgba(153,153,153,1); */} 
.mainContentB .photoBox .photoPre, .mainContentB .photoBox .photoNext {border: 1px solid #ddd;float: left;background: #fff;width: 20px; height: 55px; padding-top: 42px; text-align: center; cursor: default;}
.mainContentB .photoBox .photoCon {border: 1px solid #ddd;float: left;background: #fff;width: 607px;height: 97px;margin-left: 5px;overflow: hidden;padding: 0;}
.mainContentB .photoBox .photoNext { float: right; }
.mainContentB .photoBox .photoPre:hover, .mainContentB .photoBox .photoNext:hover { background:#999; color:#FFF }

.photoCaption {
        height: 20px;
        position: absolute;
        bottom: 0;
        padding: 10px;
        color: white;
    }
.photoCaption p {
        margin:0;
        font-size:xx-small;
    }
.bottomBanner { border: 1px solid #ccc; background: #FFF; width: 503px; height: 152px; float: right; margin-top: 7px; overflow: hidden; padding: 0px;}
/** 연수과정 ****/
.mainContentR {width:auto;float:right;width: 503px;height: 711px;background: #FFF;position: relative;border: 1px solid #CCC;}
.mainContentR .txtTop  {position: absolute;width: 70px;margin: 8px 0px 0px 11px;}
.box3 {width: 460px;height:66px;border:1px solid #DDD;padding: 10px 0 10px 10px;margin: 0px 0px 10px 10px;display: table;}
.box3 .inImg {width: 140px;height: 75px;float:left;margin-right: 10px;border:1px solid #CCC;}
.box3 .inImg img  {max-width: 140px;max-height: 75px;border:0px;}
.box3 .inText1, .box3 .inText2, .box3 .inText3  {width: 300px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.box3 .inText1 {font-size: 12px;margin-bottom:4px;}
.box3 .inText2 {font-size: 13px;font-weight:bold;margin: 4px 0;}
.box3 .inText3 {font-size: 12px;line-height: 1.5;}
.box3 .inText3 div { clear: both }

/*** Tab ***********************************************/
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 36px; width: 100%;}
ul.tabs li {float: left;text-align: center;cursor: pointer;width: auto;height: 33px;line-height: 30px;font-weight: bold;overflow: hidden;position: relative;font-size: 14px;color:#8d8d8d;padding:0px 15px;}
ul.tabs li:first-child {margin-left: 230px;}
ul.tabs li.active { background: #FFF; font-size:14px; color:#ff7700; font-weight:bold; }
.tab_container { clear: both; float: left; width: 100%; background: #FFFFFF; }
.tab_content { padding: 5px; font-size: 12px; display: none; }
.tab_container .tab_content {width: 100%;margin: 0px;padding: 0px;height: 674px;overflow-y: auto;}
#container { width: 100%; margin: 0 auto; }

/** sub Tab   ****/
.tabArea { display: table; width: 100%;}
.subContent ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 34px; width: 100%;border-bottom: 1px solid #CCC;}
.subContent ul.tabs li {float: left;text-align: center;cursor: pointer;width: 130px;height: 33px;line-height: 30px;font-weight: bold;overflow: hidden;position: relative;font-size: 14px;color: #333;padding:0px 15px;background: #f3f3f3;border: 1px solid #DDD;margin-right: -1px;}
.subContent ul.tabs li:first-child {margin-left: 0;}
.subContent ul.tabs li.active,
.subContent ul.tabs li.active a {background: #0074bd;font-size:14px; color: #ffffff !important;font-weight:bold;}
.subContent .tab_container { clear: both; float: left; width: 100%; background: #FFFFFF; margin-bottom: 15px; }
.subContent .tab_content { padding: 5px; font-size: 12px; display: none; }
.subContent .tab_container .tab_content {width: auto;margin: 0px;padding: 0px;height: auto;overflow-y: auto;padding: 10px 15px;font-size: 14px;line-height: 1.6;}

.subContent ul.tabs.month { height: 34px; border-bottom: 1px solid #CCC;}
.subContent ul.tabs.month li,
.subContent ul.tabs.month li a  { text-align: center; cursor: pointer; width: 70px; padding: 0; }
ul.tabs.month + .tab_container .tab_content { padding:10px 0px }
ul.tabs.month + .tab_container ul.box1 li { float:left }
ul.tabs.month + .tab_container ul.box1 li:first-child { width: 500px; }
ul.tabs.month + .tab_container .box1 {width: 100%;height:66px;border: none;border-bottom: 1px solid #DDD;padding: 10px 0 10px 0px;margin: 0px 0px 0px 0px;display: table;}
ul.tabs.month + .tab_container .box1 .inImg {width: 140px;height: 75px;float:left;margin-right: 10px;border:1px solid #CCC;}
ul.tabs.month + .tab_container .box1 .inImg img  {max-width: 140px;max-height: 75px;border:0px;}
ul.tabs.month + .tab_container .box1 .inText1, 
ul.tabs.month + .tab_container .box1 .inText2, 
ul.tabs.month + .tab_container .box1 .inText3  {width: 340px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.tabs.month + .tab_container .box1 .inText1 {font-size: 12px;margin-bottom:4px;}
ul.tabs.month + .tab_container .box1 .inText2 {font-size: 13px;font-weight:bold;margin: 4px 0;}
ul.tabs.month + .tab_container .box1 .inText3 {font-size: 12px;line-height: 1.5;text-align: center; width:210px}
ul.tabs.month + .tab_container .box1 .inText3 div { clear: both }
ul.tabs.month + .tab_container .box1 li:last-child { width:200px }

/** 인사말 ****/
.tabArea.greet {background:url(../../images/vendor/greeting_bg.png) no-repeat; width:940px; height:678px; float:left;}
.tabArea.greet .tit { font-size: 20px; color: #333; font-weight: bold; padding: 20px 0; }
.tabArea.greet .con { font-size: 17px; color: #333 }
.tabArea.greet .cheif { text-align:right; font-size: 20px; font-weight: bold; color: #333; padding: 10px 320px 0; }
/*.tabArea.greet .cheif .cheifname { text-align:right; font-size: 18px; color: #333; padding: 10px 150px 0; }*/

/** Quick Menu *************************************************/
.qMenu { width: 93px; height: 478px;background: url(../../images/vendor/bg_qm.png) no-repeat;position: absolute;left: 50%;text-align: center;margin-left: 610px; top: 110px;}
.qMenu div { display: block }
.qMenu1, .qMenu2, .qMenu3, .qMenu4, .qMenu5 { width: 75px; margin-left: 7px; font-size: 13px;cursor:pointer; margin-top: 8px; padding: 44px 0 18px 0; color: #666 }
.qMenu1 {background:url(../../images/vendor/ico_qm01.png) no-repeat center 0px; margin-top: 62px; }
.qMenu2 {background:url(../../images/vendor/ico_qm02.png) no-repeat center 0px; }
.qMenu3 {background:url(../../images/vendor/ico_qm03.png) no-repeat center 0px; }
.qMenu4 {background:url(../../images/vendor/ico_qm04.png) no-repeat center 0px; border-bottom:0;}
.qMenu1:hover {color: #dd6700; }
.qMenu2:hover {color: #dd6700; }
.qMenu3:hover {color: #dd6700; }
.qMenu4:hover {color: #dd6700; }

/* subContainer ****/
.subContainer {width:100%;margin:0px;background: url(../../images/vendor/bg_sub_top.png) no-repeat center -30px;}
.subContainerBg2 {background: url(../../images/vendor/bg_sub_top2.png) no-repeat center -30px;}
.subContainerBg3 {background: url(../../images/vendor/bg_sub_top3.png) no-repeat center -30px;}
.subContainerBg4 {background: url(../../images/vendor/bg_sub_top4.png) no-repeat center -30px;}
.subContainerBg5 {background: url(../../images/vendor/bg_sub_top5.png) no-repeat center -30px;}
.subContainerBg6 {background: url(../../images/vendor/bg_sub_top6.png) no-repeat center -30px;}
.subContainer .location { background:#000; width:100%; height:40px; opacity:0.7; }
.subContainer .location > div { width:1200px; margin:0px auto; color: #FFF; font-size: 14px; line-height:38px; }
.subContainer .location > div > a span { margin: 0px 7px }
.subContainer .location > div > a span:first-dhild  { margin-left : 0px }
.subContainer .location > div > a:link,
.subContainer .location > div > a:visited { color:#EEE; text-decoration: none }
.subContainer .location > div > a:hover{ color:#EEE; text-decoration: underline }

		
.contentBox  { width:1200px; margin:0px auto; min-height:600px; background: url(../../images/vendor/bg_sub_left.png) repeat-y}
.contentBox .leftMenu { width: 240px; height: auto;display: block;float: left; }
.contentBox .leftIcon { width:25px; height: 7px; background:#00f; margin:30px 0 0 30px }
.contentBox .leftTit { font-size: 24px; font-weight: bold; color: #333; margin: 20px 0 20px 30px; }
.leftMenu  ul { margin: 0 0 0 33px; }
.leftMenu ul li { font-size: 17px; font-weight: bold; color: #999; height: 35px; line-height:35px }
.leftMenu ul li a:link, 
.leftMenu ul li a:visited { color: #999; text-decoration:none }
.leftMenu ul li.on a, 
.leftMenu ul li.on a:hover,
.leftMenu ul li a:hover { color: #000; text-decoration:none }

.contentBox .subContent {width: auto;margin: 0 0 30px 260px;}
.contentBox .subContent .subTitle {font-size: 25px;font-weight: bold;text-align: center;padding: 30px 0 25px;}
.contentBox .subContent .subImage {overflow: hidden; display:inline-block; font-size: 12px;font-weight: bold;text-align: center;padding: 10px 0 20px;}
.contentBox .subContent .subImage .item {border-color:#d6d6d6; border: 1px solid #d6d6d6; display:inline-block; font-size: 12px;font-weight: bold;text-align: center;}
.contentBox .subContent .subDesc {width:100%;margin-bottom: 10px;font-size: 15px;}
.contentBox .subContent .subDesc p { font-size: 17px; font-weight: normal; }
.tblTop {width:100%;margin-bottom: 50px;}
.tblTop div:first-child { float:left}
.tblTop div:last-child { float:right}

/* 주요연수 소개  ******************/
.tIntro_container { width: 100%; background: #FFFFFF; margin-bottom: 15px; }
.tIntro_container .tIntro_content { padding: 5px; font-size: 12px; }
.tIntro_container .tIntro_content {width: auto;margin: 0px;padding: 0px;height: auto;overflow-y: auto;padding: 10px 15px 10px 0;font-size: 14px;line-height: 1.6;}

.tIntro_container ul.box1 li { float:left }
.tIntro_container ul.box1 li:first-child { width: 900px; }
/*.tIntro_container .box1 {width: 100%;height:131px;border: none;border-bottom: 1px solid #DDD;padding: 10px 0 10px 0px;margin: 0px 0px 0px 0px;display: table;}*/
.tIntro_container .box1 {width: 100%;height:126px; padding: 10px 0 10px 0px;margin: 0px 0px 12px 0px;box-shadow: 2px 2px 2px 2px #DDD;}
.tIntro_container .box1 .inImg {width: 210px;height: 121px;float:left;margin: 4px 10px 0px 15px;}
.tIntro_container .box1 .inImg img  {max-width: 210px;max-height: 121px;border:0px;}
.tIntro_container .box1 .inText1, 
.tIntro_container .box1 .inText2 {width: 650px;overflow:hidden;white-space: nowrap;padding-left:15px;}
.tIntro_container .box1 .inText1 {font-size: 18px;font-weight:bold;margin-top:15px;margin-bottom:10px;}
.tIntro_container .box1 .inText2 {font-size: 14px;margin-bottom: 2px;}

/** Table *******/
/* Table  - List - 목록  ******************/
.tblList {border-spacing: 0; width:100%; border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px;border-top: #303030 solid 3px; }
.tblList th {background-color: #FFF;color: #444;text-align: center;line-height: 35px;height: 35px;border-bottom: #DDD solid 1px;font-size: 14px; padding: 0px 4px 2px;}
.tblList tr th:hover { cursor: default; }
.tblList tr th a:hover {color: #0074bd; cursor: pointer; }
.tblList td {color: #333;padding:0px 4px 2px;line-height: 35px;border-bottom: #DDD solid 1px;text-align: center;/* height: 40px; */font-size: 14px;padding-left: 10px;}
.tblList td span { color:#0074bd }
.tblList tr td a:link, .tblList tr td a:visited, .tblList tr td a:active { color: #333; text-decoration: none; }
.tblList tr td a:hover, .tblList tr td a:focus { color: #000; cursor: pointer; }
.tblList tr:hover { background: #f8f8f8; cursor: pointer; }
.subContent .tblList td.tal div { width: 350px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px }
.tblList div.fileOn { background:url(../../images/vendor/img_file.png) no-repeat left center; padding-left: 20px }
table td div.tit { width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; text-align:left }
.tblList tr td .btn a:link, .tblList tr td .btn a:visited, .tblList tr td .btn a:active { color: #FFF; text-decoration: none; }
/* Table  - 상세 ******************/
.tblDetail {border-spacing: 0; width:100%;border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px;border-top: #303030 solid 3px; }
.tblDetail caption {overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
.tblDetail th {background-color: #FFF;color: #444;text-align: center;line-height: 35px;height: 35px;border-bottom: #DDD solid 1px;font-size: 14px;}
.tblDetail td {color: #333;padding:0px 4px 2px;line-height: 35px;border-bottom: #DDD solid 1px;text-align: left; font-size: 14px;padding-left: 10px;}

.tblDetail td span { color:#0074bd }
.tblDetail th > span {font-size: 18px;font-weight: bold;height: 45px;line-height: 45px;}
.tblDetail th > span:first-child { float:left; padding-left: 15px }
.tblDetail th > span:last-child { float:right; padding-right: 15px }
/* 신청 Table ****/
.tblWrite th { text-align: left; padding-left: 20px }

/* Table  - 개인정보 ******************/
.policyTit { font-size: 14px;font-weight: bold; margin: 30px 0 5px 0 }
.policyAgree { font-size: 16px;}
.tblLine { border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px; }
.tblLine th { background-color: #FFF; color: #444; text-align: center; line-height: 1.6; font-size: 13px; border:1px solid #DDD; padding:10px 5px 10px 15px; cursor: default; }
.tblLine td { background-color: #FFF; color: #444; text-align: left; line-height: 1.6; font-size: 13px; border:1px solid #DDD; padding:10px 5px 10px 15px; cursor: default; }
.tblNoLine { border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px; }
.tblNoLine td { background-color: #FFF; color: #444; text-align: left; line-height: 1.6; font-size: 13px; border:0px solid #DDD; border-top:1px solid #DDD!important; border-left:0px solid #DDD !important; padding:10px 5px 10px 15px; cursor: default; }

/** Sub Photo  ***/
.subContent .photoBox {width: 220px;height: 150px;margin: 0px 5px 5px 0px;float:left;padding: 5px 0px 0px 0px;background: #FFF; border: 1px solid #FFF;} 
.subContent .photoBox:hover { background:#EEE; border: 1px solid #DDD; }
.subContent .photoBox:nth-child(4) { margin-right: 0px}
.subContent .photoBox .photoImg {margin:0px auto;width: auto;display: table;}
.subContent .photoBox .photoImg img {width:auto;max-width: 220px;height: auto;max-height: 115px;margin: 0px auto;padding: 0;}
.subContent .photoBox .photoTxt1 { font-weight: bold; margin-top: 3px; width: 210px; padding-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.subContent .photoBox .photoTxt2 { text-align: center;}

/** Big Photh   ***/
.photoBigBox {
    border: 1px solid #000; height: 600px; position: relative;}
.photoBigPre { border: 1px solid #000;  position: absolute; left: 0; width: 30px; height: 600px;}
.photoBigCon {}
.photoBigNext { border: 1px solid #000;  position: absolute;  right: 0; width: 30px; height: 600px;}
.photoBigList {}
.pbItem {}
			
/* 필수입력 */
.essen { background: url(../../images/vendor/icon_essen.png) no-repeat left 0px; width: 10px; height: 10px !important; float: none !important; line-height: 20px !important; font-size: 11px !important; padding: 5px !important; margin: 0px 4px; }
/* sub content botton */
.bottomBox {margin: 5px 0px 20px;float:right;display: table;}
.bottomBox .btn { min-width: 50px; }

/*  Button *******/
.btn, a.btn  {background:#224571;padding: 5px 15px;color: #FFF;font-weight:bold;font-size: 13px;margin-left: 4px;border: 0px;line-height: 20px;height: 30px;display:inline-block;cursor: pointer;text-align: center;white-space: nowrap;vertical-align: middle;box-sizing: border-box;}
.btn:hover a.btn:hover, .btn a:hover { color:#FFF; text-decoration: none }
.btn a:link, .btn a:visited,
a.btn:link, a.btn a:visited  { color:#FFF; text-decoration: none }
.orange { background: #ff6a00 !important }
.gray { background: #666 } 
.black { background: #222 } 
.close { background: #FFF; border:1px solid #CCC; color:#222 } 

/* Table ,  POPUP ******************/
.popHead { background: #039; height:50px; width:100%; min-width:400px;  }
.popHead p {color: #FFF;font-size: 20px;padding: 0 0 0 15px;line-height: 50px;float: left;}
.popHead .popClose {width: 60px;height: 50px;background:url(../../images/vendor/ico_close.gif) no-repeat center;float: right; cursor: pointer;}
.popBox { padding: 15px }
.popTop { margin: 0 0 10px 0px }
.popContent { overflow-y: auto; padding:0 }
.tblPop { border-spacing: 0; width:100%; border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px; }
.tblPop th, .tblPop td { background-color: #FFF; color: #444; text-align: left; line-height: 1.6; font-size: 13px; border:1px solid #DDD; padding:5px 5px }
.tblPop th { background: #f8f8f8; text-align:center }
.popBottom { margin-top: 15px; padding-top: 15px; border-top: 1px solid #DDD; text-align: center }

.modal { display: none; position: fixed; z-index: 1; padding-top: 200px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 400px; }

/* Accordion */
.accordion {list-style: none;padding: 0;width: 100%;margin: 0px auto 30px auto;border-top: 2px solid #737373;}
.accordion li {list-style: none;border-bottom: 1px solid #DDD;position: relative;background: #f8f8f8;color: #333;/* margin-top: -1px; */}
.accordion li div.cont {display: none;padding: 10px 25px 30px;color: #333;background: #FFF;border-top: 1px solid #EEE;transform: skew(-0.1deg);}
.accordion div.title {width: 100%;display: block;cursor: pointer;font-weight: 600;line-height: 2.5;font-size: 15px;/* font-size: 0.875rem; */text-indent: 15px;user-select: none; transform: skew(-0.1deg); }
.accordion div.title:after {width: 8px;height: 8px;border-right: 1px solid #222;border-bottom: 1px solid #222;position: absolute;right: 10px;content: " ";top: 17px;transform: rotate(-45deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.accordion li div.cont a { color: #0000ee; text-decoration: none; }

/* Pagination ******************/
.pageBox { width:100%; margin: 15px 0 }
ul.pagination { list-style: none; margin:0 auto; display: table; }
ul.pagination li { float: left; padding: 6px 3px 5px 3px; min-width: 30px; text-align: center; margin-right: 6px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
ul.pagination li:last-child { margin-right: 0; }
ul.pagination li.prev,
ul.pagination li.next { padding-left: 4px; padding-right: 4px; }
ul.pagination li.current,
ul.pagination li.current:hover,
ul.pagination li.current a:hover,
ul.pagination li.current a:link,
ul.pagination li.current a:visited { background:#666; color:#FFF; font-weight: bold }

/*! Colors */
ul.pagination li {/* color: #556270; *//* border: 1px solid #ddd; *//* background: #ffffff; */margin-right: 6px;}
/* Light Mouse Events */
ul.pagination li:hover { background: #EEE; cursor: pointer; }
ul.pagination li:active { background: #efefef; }

/*! 연수 신청*/
.fontReq { font-size: 13px !important; font-weight: bold;}

/*** Footer ***********************************************/
.footer { margin-top: 10px; padding: 0px;text-align:left;color: #888; display: block;
    clear: both; width:1200px; margin:0 auto; border-top: 1px solid #efefef }
.footer .logo {background: url(../../images/vendor/logo.jpg) no-repeat 0px;width:200px;height: 50px;float:left;}
.footerText { float:left; margin: 15px 0 0 40px;line-height: 20px;display: block; width: auto;}
.footerText a:hover{color: #0074bd;}
.footerSelect { float:right; margin-top: 15px; }

/**** survey  ***********/
.survey { width:1200px; margin:0 auto  }
.survey .sHead { border-bottom: 2px solid #333; background:#FFF url(../../images/vendor/img_survey01.png) no-repeat 0 0; height: 170px }
.survey .sHead .logo { background: url(../../images/vendor/img_survey02.png) no-repeat 0; width: 292px; height:45px; margin: 0 auto; padding: 160px 0 0 0}

.survey .sCont {width:auto;min-height:500px;padding: 0px 100px;margin-bottom: 50px;}
.sCont .sTit { font-size: 17px; color: #333; padding: 20px 0; margin-bottom:20px; border-bottom: 1px solid #DDD; font-weight: bold }
.sCont .sSection { padding: 10px 10px 0 10px; border: 1px solid #48BAE4; color: #333; font-size: 16px; font-weight: bold;margin-top: -1px; }
.sCont .sSection .secTit { font-size: 20px; color: #333; padding:5px 0 10px 5px; font-weight: bold }
.sCont .sGrp { padding: 10px 10px 10px 50px ; border: 1px solid #e48948; color: #333; font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.sCont .sGrp .sGrpTit { margin-left: -25px; border-bottom: 2px solid #999; padding:7px 0 7px 0; margin-bottom: 15px; font-size: 17px; }
.sCont .sAsk { color: #333; font-weight: bold; font-size: 16px; margin-bottom: 7px; }
.sCont .sAskNote { color: #ADADAD; font-size: 14px; margin-bottom: 7px; }
.sCont .sItem { margin-bottom: 25px; font-size: 15px; }
.sCont .sItem > .branch { color:#FF0000 !important; }
.sCont .sItem > input[type="text"] { padding:0px 10px; font-size: 15px;}
.sCont .sItem > textarea { padding:10px 15px }
.sCont .sItem > input[type="radio"], 
.sCont .sItem > input[type="checkbox"] { width: 16px; height: 16px; margin: 1px 5px 0 0 }
.sCont .sItem > input[type="radio"] + label, 
.sCont .sItem > input[type="checkbox"] + label { margin-right: 15px }
.sCont .sItem input[type="text"], .sCont .sItem  textarea { width: 100%;  font-size: 15px; }
.sCont .sBottom { border-top: 1px dashed #CCC; margin: 20px 0px; padding: 15px 0 0; text-align: center }
.survey + .footer { border-top: 1px solid #DDD }
.sCont .sTit.sEnd { text-align:center; border:none; padding:200px 0 }

/**** Gss  ***********/
.Gss { width:1000px; margin:0 auto; padding-bottom:20px;  }
.Gss .GssContent{margin-bottom:20px; padding: 10px 10px 10px 10px; border: 1px solid #D8D8D8;}
.Gss .GssContent .GssContentText{font-size:14px;}
.Gss .Title {font-size: 25px;font-weight: bold;text-align: center;padding: 30px 0 25px;}
.Gss .SubTitle {font-size: 15px;font-weight: bold;text-align: left;padding: 10px 0 15px;}
.Gss .b_add{text-align:right; padding: 4px 4px 4px;}

/*** 개인정보처리  ***/
.popContent.private { border-top: 1px solid #DDD }
.private ul, .private li {list-style:none}
.private h3 {padding-top: 10px;margin: 0px 0 10px 0;font-size: 16px !important;color:#333;}
.private h4 {padding-top:20px;margin: 0 0 10px 0;font-size: 20px !important;color:#333;}
.private p {margin:0 0 30px 0; color:#666; font-size:15px; line-height:28px}
.private ul {margin-left:10px}
.private ul li {margin: 5px 0;color:#666;font-size:15px;line-height:28px;}
.private table {width:100%;margin: 10px 0 10px 0;font-size:13px;}
.private table thead th {padding: 5px 0;text-align:center;background:#f9f9f9;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;font-weight:normal;}
.private table thead th:first-child {border-left:0}
.private table tbody th {border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; font-weight:normal}
.private table tbody th:first-child {border-left:0}
.private table tbody th.stit:first-child {border-left:1px solid #d6d6d6}
.private table tbody td {padding: 4px 10px;text-align:center;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;line-height:20px;}
.private table tbody td:first-child {border-left:0}
.privayIcon01{background:url(../../images/vendor/privacy_ico01.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon02{background:url(../../images/vendor/privacy_ico02.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon03{background:url(../../images/vendor/privacy_ico03.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon04{background:url(../../images/vendor/privacy_ico04.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon05{background:url(../../images/vendor/privacy_ico05.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon06{background:url(../../images/vendor/privacy_ico06.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon07{background:url(../../images/vendor/privacy_ico07.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon08{background:url(../../images/vendor/privacy_ico08.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon09{background:url(../../images/vendor/privacy_ico09.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon10{background:url(../../images/vendor/privacy_ico10.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon12{background:url(../../images/vendor/privacy_ico12.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon12-1{background:url(../../images/vendor/privacy_ico12-1.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon13{background:url(../../images/vendor/privacy_ico13.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}
.privayIcon17{background:url(../../images/vendor/privacy_ico17.png) no-repeat; display:inline-block;vertical-align:middle;margin-right:10px; width:45px; height:45px;}

/*** 이메일 수집 거부  ***/
.emailRej.h3 {padding-top: 10px;margin: 0px 0 10px 0;font-size: 20px !important;color:#333;}

/** 팝업 ****/
.popContainer {width:100%;margin:0px;}
.popContainer .location { background:#000; width:100%; height:40px; opacity:0.7; }
.popContainer .location > div { width:1200px; margin:0px auto; color: #FFF; font-size: 14px; line-height:38px; }
.popContainer .location > div > a span { margin: 0px 7px }
.popContainer .location > div > a span:first-dhild  { margin-left : 0px }
.popContainer .location > div > a:link,
.popContainer .location > div > a:visited { color:#EEE; text-decoration: none }
.popContainer .location > div > a:hover{ color:#EEE; text-decoration: underline }

.popContent {width: auto;margin: 0 0 30px 30px;}
.popContent .subTitle {font-size: 25px;font-weight: bold;text-align: center;padding: 30px 0 25px;}
.popContent .subImage {overflow: hidden; display:inline-block; font-size: 12px;font-weight: bold;text-align: center;padding: 10px 0 20px;}
.popContent .subImage .item {border-color:#d6d6d6; border: 1px solid #d6d6d6; display:inline-block; font-size: 12px;font-weight: bold;text-align: center;}
.popContent .subDesc {width:100%;margin-bottom: 10px;font-size: 15px;}
.popContent .subDesc p { font-size: 17px; font-weight: normal; }

.popContent ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 34px; width: 100%;border-bottom: 1px solid #CCC;}
.popContent ul.tabs li {float: left;text-align: center;cursor: pointer;width: 130px;height: 33px;line-height: 30px;font-weight: bold;overflow: hidden;position: relative;font-size: 14px;color: #333;padding:0px 15px;background: #f3f3f3;border: 1px solid #DDD;margin-right: -1px;}
.popContent ul.tabs li:first-child {margin-left: 0;}
.popContent ul.tabs li.active,
.popContent ul.tabs li.active a {background: #0074bd;font-size:14px; color: #ffffff !important;font-weight:bold;}
.popContent .tab_container { clear: both; float: left; width: 100%; background: #FFFFFF; margin-bottom: 15px; }
.popContent .tab_content { padding: 5px; font-size: 12px; display: none; }
.popContent .tab_container .tab_content {width: auto;margin: 0px;padding: 0px;height: auto;overflow-y: auto;padding: 10px 15px;font-size: 14px;line-height: 1.6;}

/* 2023.05.31 추가 */
.btn__choice{
    margin-left: 5px;
    border: none;
    padding: 4px 10px;
    background-color: #7D838E;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
}
.pop_select_wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

/* ------------------------------------------------------------------ */
/* Space, Clear */
.tal {text-align:left !important}
.tar {text-align:right !important}
.tac {text-align:center !important}
.fl	{float:left}
.fr	{float:right}
.fwn { font-weight:normal }
.ovf {overflow:auto; }
.ovf table { margin:0px }
.pd0 {padding:0px !important}
.p20 { padding: 20px !important}
.p30 { padding: 30px !important}
.pl10 { padding-left: 10px !important}
.pl20 { padding-left: 20px !important}
.pl30 { padding-left: 30px !important}
.ma0 {margin:0px !important}
.mt5 { margin-top: 5px}
.mt10 { margin-top: 10px}
.mt20 { margin-top: 20px}
.mt30 { margin-top: 30px}
.mb0 { margin-bottom: 0px !important}
.mb10 { margin-bottom: 10px}
.mb20 { margin-bottom: 20px}
.ml4 { margin-left: 4px}
.w45p  { width:45% } 
.w50p  {width: 50%}
.w49p  { width:49% }
.w100p {width:100%}
.h100p {height:100%}

.w50 { width: 50px !important }
.w100 { width: 100px !important }
.w150 { width: 150px !important }
.w200 { width: 200px !important }
.w250 { width: 250px !important }
.w300 { width: 300px !important }
.w350 { width: 350px !important }
.w400 { width: 400px !important }
.w410 { width: 410px !important }
.w420 { width: 420px !important }
.w430 { width: 430px !important }
.w440 { width: 440px !important }
.w450 { width: 450px !important }
.w460 { width: 460px !important }
.w470 { width: 470px !important }
.w480 { width: 480px !important }
.w490 { width: 490px !important }
.w500 { width: 500px !important }
.w510 { width: 510px !important }
.w520 { width: 520px !important }
.w530 { width: 530px !important }
.w540 { width: 540px !important }
.w550 { width: 550px !important }
.w560 { width: 560px !important }
.w570 { width: 570px !important }
.w580 { width: 580px !important }
.w590 { width: 590px !important }
.w600 { width: 600px !important }
.w610 { width: 610px !important }
.w620 { width: 620px !important }
.w630 { width: 630px !important }
.w640 { width: 640px !important }
.w650 { width: 650px !important }
.w660 { width: 660px !important }
.w670 { width: 670px !important }
.w680 { width: 680px !important }
.w690 { width: 690px !important }
.w700 { width: 700px !important }
.w750 { width: 750px !important }
.w800 { width: 800px !important }
.h100 {height: 100px !important }
.h150 {height: 150px !important }
.h200 {height: 200px !important }
.h300 {height: 300px !important }
.h350 {height: 350px !important }
.h400 {height: 400px !important }
.h430 {height: 430px !important }
.h450 {height: 450px !important }
.h480 {height: 480px !important }
.h480 {height: 480px !important;}
.h500 {height: 500px !important }
.h530 {height: 530px !important }
.h550 {height: 550px !important }
.h600 {height: 600px !important }
.h650 {height: 650px !important }
.h700 {height: 700px !important }
.h750 {height: 750px !important }
.h800 {height: 800px !important }

.clear { clear: both; }
.vblank { height: 5px; clear: both; }
.vblank0 { clear: both; width: 0px; height: 0px; }
.vblank1 { clear: both; width: 0px; height: 1px; }
.vblank2 { clear: both; width: 0px; height: 2px; }
.vblank3 { clear: both; width: 0px; height: 3px; }
.vblank4 { clear: both; width: 0px; height: 4px; }
.vblank5 { clear: both; width: 0px; height: 5px; }
.vblank6 { clear: both; width: 0px; height: 6px; }
.vblank7 { clear: both; width: 0px; height: 7px; }
.vblank8 { clear: both; width: 0px; height: 8px; }
.vblank9 { clear: both; width: 0px; height: 9px; }
.vblank10 { clear: both; width: 0px; height: 10px; }