/* 공통 타이틀 */
h3 {clear:both; position:relative;  font-size:20px; font-weight:600; color:#222; display:inline-block;  margin-top:10px; /* margin-top:55px; */ text-align:left; width:100%;}
h3 .title_comment {color:#666; font-size:14px; font-weight:400; display:inline-block; padding-left:8px;}
h3 > span { position:absolute; top:-4px; left:0; background:#fb6e59; height:2px; width:20px; }
h4 {display: block; margin: 5px 0 5px; font-size: 1.200em; line-height: 20px; color: #1665bc;}
h5 {display: block; margin: 20px 0 9px; padding-left: 12px; background: url(../img/content/renew_bl_subtitle.gif) no-repeat 0 14px; font-size: 16px; line-height: 36px; color: #1665bc;}

.lt {border:1px solid #00ff00;}

.h3_line {width:100%; display: inline-block; margin-top:55px; padding-bottom:10px; border-bottom:#e4e4e4 1px solid; }
.h3_line02 {width:100%; display: inline-block; padding-bottom:10px; border-bottom:#e4e4e4 1px solid; }
.h3_line h3 {margin:0;}

hr {background:#e4e4e4; height:1px; border:0; margin:0;} /* 회색 가로선 */


/* topbox */
.basic_box{margin-bottom:10px;border-radius:5px}
.basic_box.type1{background:#fafafa;border-top:3px solid #5795e3;}
.basic_box.type2{background:#fafafa;border:1px solid #c7ced2}
.basic_box.type3{margin-top:20px;background:#fff;border:3px solid #e8e8e8;border-radius:0;}
.basic_box.type1 .inner{position:relative;padding:25px 30px;background:#fff;border:1px solid #c7ced2;}
.basic_box.type1 .inner p{color:#666}
.basic_box.type1 .icon{display:none;position:absolute;top:0px;left:0px;width:220px;height:100%;background:url(/images/common/ico_box.png) no-repeat 50% 50%;min-height:100px}

.basic_box.type2 .inner{padding:20px 30px;border:none;}
.basic_box.type3 .inner{padding:15px 30px;}
.basic_box.type3 .inner:after{clear:both;display:block;content:""}
.basic_box.type3 .inner h2{display:inline-block;float:left;padding:10px 0;width:20%;background:none;color:#434343;font-size:16px;}
.basic_box.type3 .inner .box_info{display:inline-block;float:left;padding-left:25px;width:100%;/*border-left:1px solid #e8e8e8;*/box-sizing:border-box;font-size:16px; font-weight:500;}
.basic_box.type3 .inner .box_info span{margin-bottom:5px;margin-right:1%;width:48%; cursor: default;}
.basic_box.type3 .inner .box_info span span{display:block;margin:0;padding:0;width:100%;text-align:center; color: #ffffff; padding: 15px 0; }
.basic_box.type3 .inner .box_info span span a{display:block;padding:7px 10px;}


.basic_box.type2 .inner .list_1st{margin:0px;}



/* Button */
.selectwrap{right:0;width:auto}
.btnwrap{width:100%;background:#bfbfbf}
.btnwrap .btns{display:block;margin:1px;padding:5px;background:#ededed}
.btn_wrap{}
.btn_wrap:after{content:"";clear:both;display:block}
.button *{font:1em "ngn","돋움",Dotum,"Lucida Grande",sans-serif,Tahoma,AppleGothic,sans-serif;color:#292828}
.button,.button *{display:inline-block;overflow:visible;margin:0;padding:0;border:0 none;line-height:18px;vertical-align:middle;white-space:nowrap;cursor:pointer}
.button *,.button *:hover,.button *:active,.button *:focus{text-decoration:none !important}
/* Button Basic */

.button input[type="button"], .button input[type="reset"], .button input[type="submit"]{color:#777;}
.button.basic a,.button.basic a *{padding-top:2px;font-size:14px;line-height:22px !important}
.button.icon,.button.icon *{padding-top:2px;line-height:22px !important}


.button .arrow_a *,.button.basic .arrow_b *,.button.basic .arrow_c *,.button.basic .arrow_d *,.button.basic .arrow_e *{padding:0 13px}
.button span{background:#fff;border:1px solid #ddd;border-radius:5px;padding:5px;color:#444;}
.button span button,.button.basic span input{background:none;border:none;}
.button .arrow_a{padding:5px;background:#fff;border:1px solid #ddd;border-radius:5px;color:#444;}
.button .arrow_b{padding:5px;background:#5795e3;border:1px solid #5795e3 !important;border-radius:5px;}
.button .arrow_b a{color:#fff}
.button .arrow_c{padding:5px;background:#45b3a5;border:1px solid #45b3a5 !important;border-radius:5px;}
.button .arrow_c a{color:#fff}
.button .arrow_d{padding:5px;background:#777;border-radius:5px;border:1px solid #777 !important;}
.button .arrow_d a{color:#fff}
.button .arrow_e{padding:5px;background:#eee;border-radius:5px;border:1px solid #c8c8c8 !important;}
.button .arrow_e a{}


.img_border {border:#efefef 5px solid;}

.sub_content > h3:first-child {margin-top:0;}

.border_bottom {border-bottom:#e4e4e4 1px solid;}

.bg_blue01 {background:url(../img/content/bg_blue01.gif) 0 0 repeat;}
.bg_blue02 {background:url(../img/content/bg_blue02.gif) 0 0 repeat;}
.bg_blue03 {background:url(../img/content/bg_blue03.gif) 0 0 repeat;}
.bg_blue04 {background:url(../img/content/bg_blue04.gif) 0 0 repeat;}
.bg_blue05 {background:url(../img/content/bg_blue05.gif) 0 0 repeat;}
.bg_default {background: url(../img/content/bg_default.png) 0 0 repeat; }

.btn_down {position:relative; display:inline-block;  height:26px; background:#fff; padding:0 35px 0 10px; border:#0070af 1px solid;   font-size:13px; color:#646464; line-height:26px; text-align:center; overflow: hidden;}
.btn_down:hover {color:#fb6e59 !important;   box-shadow:2px 2px #ddd;}
.btn_down span {position:absolute; right:0; background:url(../img/common/icon_down.gif) 50% 50% no-repeat #0070af; height:26px; width:26px;}

.btn_down_blue {position:relative; display:inline-block;  height:26px; background:#0070af; padding:0 35px 0 10px;  font-size:13px; color:#fff !important; line-height:26px; text-align:center; overflow: hidden;}
.btn_down_blue:hover {color:#fff !important;   box-shadow:2px 2px #ddd;}
.btn_down_blue span {position:absolute; right:0; background:url(../img/common/icon_link.gif) 50% 50% no-repeat #0070af; height:26px; width:26px;}

.btn_down_table {position:relative; display:inline-block;  height:26px; background:#f7f9fa; padding:0 35px 0 10px; border:#ccc 1px solid;   font-size:13px; color:#646464; line-height:26px; text-align:center; overflow: hidden;}
.btn_down_table:hover {color:#fb6e59 !important;   box-shadow:2px 2px #ddd;}

.down_hwp {background:url(../img/common/down_hwp.gif) 10% 50% no-repeat #f7f9fa; padding:0 10px 0 30px; font-size:12px; text-align:left; }
.down_pdf {background:url(../img/common/down_pdf.gif) 10% 50% no-repeat #f7f9fa; padding:0 10px 0 30px; font-size:12px; text-align:left; }

/* 호서대 인사말 */

.ctl_01 {float:left; width:160px; top:0px;}
.ctr_01 {float:right; width:690px; line-height:180%;}
.ctr_01 ul {padding:0px;margin:0; }
.ctr_01 ul.bu5 li {padding:3px 0px 0px 12px; margin-left:8px; background:url(/dbimage/WebData/homeimg/common/bu_3.gif) no-repeat 0 9px; font-size:1em; line-height:180%;}

#content_text .con_01 { letter-spacing:-1px; position:relative;clear: both;  font-size:25px;  overflow: hidden;   font-weight:500; color:#5f69a6; line-height:130% }

#content_text .con_02 {	position: relative;	width:680px;	clear: both;	overflow: hidden; color:#5f69a6; font-size:15px}
#content_text .con_03 { position: relative; width:690px; margin:0px 0 30px 15px; clear: both;  overflow: hidden;}
#content_text .con_04 { position: relative; width:765px; margin:0px 0 20px 0; clear: both; text-align: center;  overflow: hidden;}
#content_text .con_05 { position: relative; width:750px; margin:0px 0 30px 10px; clear: both;  overflow: hidden; text-align: justify; }


/* 조직도 */
.organization_layout {width:100%; height:250px; display:block; position:relative; background:url(../img/content/organization_line.gif) 50% 75px no-repeat;}
.organization_layout > div {position:absolute; left:50%; width:22%; height:50px;   line-height:50px; text-align:center;  font-size:16px !important;  font-weight:600; color:#fff !important; overflow:hidden;}
.organization_layout > div ul {background:#f7f7f7; width:100%; padding:5px 0;}
.organization_layout > div ul li { color:#666666; background:url(../img/common/icon_arrow_black_right.png) 10px 8px no-repeat; text-align:left; text-indent:20px; line-height:160%; margin-bottom:5px; font-size:13px; font-weight:400;}
.organization_layout > div.step01 {top:30px; background:url(../img/content/bg_blue03.gif) 0 0 repeat;  margin-left:-11%;}
.organization_layout > div.step02 {top:210px;  background:url(../img/content/bg_blue02.gif) 0 0 repeat;  }
.organization_layout > div.step04 {top:130px;  background:url(../img/content/bg_blue02.gif) 0 0 repeat;  }
.organization_layout > div.step02_01 {margin-left:-40%;}
.organization_layout > div.step02_02 {margin-left:20%; width:25%; height:155px;}
.organization_layout > div.step02_03 {margin-left:20%; width:25%;}
.organization_layout > div.step03 {top:370px; width:15.5%; background:url(../img/content/bg_blue01.gif) 0 0 repeat; font-size:14px !important;}
.organization_layout > div.step03 a {color:#fff !important;}
.organization_layout > div.step03_01 {left:0%;}
.organization_layout > div.step03_02 {left:16.8%;}
.organization_layout > div.step03_03 {left:33.5%;}
.organization_layout > div.step03_04 {left:50.2%;}
.organization_layout > div.step03_05 {left:67%;}
.organization_layout > div.step03_06 {left:83.8%;}
.organization_layout > div.step05 {top:150px; background:url(../img/content/bg_blue01.gif) 0 0 repeat;  margin-left:-11%;}



.organization_con h4 {color:#222; font-size:15px; font-weight:600; padding:5px; width:100%; }
.organization_con h4 a {float:right; font-weight:400; font-size:11px; font-family:arial; color:#666; background:url(../img/common/icon_arrow_red_top.png) 100% 50% no-repeat; padding-right:8px; line-height:140%; margin:6px 10px 0 0; }
.organization_con div {background:#f7f7f7; border:#d9d9d9 1px solid; margin-bottom:40px; }
.organization_con div ul {width:100%; padding:15px 20px 0 20px; display:inline-block;}
.organization_con div ul li {background:url(../img/common/icon_arrow_black_right.png) 0 8px no-repeat; text-align:left; text-indent:5px; width:50%; float:left; margin-bottom:10px;}
.organization_con div ul li a {display:inline-block; font-size:14px; color:#666;}


/* ------------------------------------------------------------ 모바일 ------------------------------------------------------------ */

@media all and (max-width:767px) {

/* 조직도 */
.organization_layout {height:270px;}
.organization_layout > div.step02_01 {margin-left:-51%; width:40%;}
.organization_layout > div.step02_02 {margin-left:10%; width:40%; height:auto;}
.organization_layout > div.step02_03 {margin-left:10%; width:40%; height:auto;}
.organization_layout > div.step01 {width:40%;margin-left:-19%}
.organization_layout > div.step03 {width:49%;}
.organization_layout > div.step03_01{left:-1%;}
.organization_layout > div.step03_03{left:-1%;}
.organization_layout > div.step03_05{left:-1%;}
.organization_layout > div.step05 {width:40%;margin-left:-19%}

.organization_layout > div.step03_02 {left:49%;}
.organization_layout > div.step03_04 {left:49%;}
.organization_layout > div.step03_06 {left:49%;}
.organization_layout > div.step03_03,
.organization_layout > div.step03_04{top:425px;}
.organization_layout > div.step03_05,
.organization_layout > div.step03_06 {top:480px;}

}