@charset "utf-8";

/*연혁*/
.history_box .history_bg{height:565px;background:url(/images/common/content/history_bg_02.png) no-repeat;background-position:50px top;}

/*sub03_03*/
.tbl_box { width:100%; overflow: hidden; }
.tbl_left { width:48%; float:left; margin-right:4%; }
.tbl_right { width:48%; float:left; }

/* 교육방침 */
.obj h2{width:157px;height:157px;margin:0;padding:50px 0 0;text-align:center;font-weight:bold;font-size:17px;background:url(/images/rotc/common/obj_wrap_ti_bg.png);}
.obj .be:before{display: none;}
.obj_wrap3{position:relative;height:450px;margin-top:40px;}  
.obj_wrap3 h2{position:absolute;left:50%;top:0;margin-left:-78px;background-position:0 -340px;z-index:99}
.obj_wrap3 ul{position:relative;padding:222px 0 40px;color:#fff;background:url(/images/rotc/common/obj_wrap_bg3.png) no-repeat 50% 100px;}
.obj_wrap3 ul:after{content:"";display:block;visibility:hidden;clear:both;}
.obj_wrap3 ul li{width:25%;float:left;}
.obj_wrap3 ul li div{width:221px;height:221px;margin:0 auto;text-align:center;padding:75px 30px 0;border-radius:50%}

.obj_wrap3 ul li span{display:block;margin:-40px 0 14px 0;font-size:20px;font-style:italic;}
.obj_wrap3 ul li .s1{background:#2f4b76;}
.obj_wrap3 ul li .s2{background:#1a2e4b;}
.obj_wrap3 ul li .s3{background:#7f725e;}
.obj_wrap3 ul li .s4{background:#494949;}


@media(max-width:1050px){
	.obj_wrap3 ul li div{width:190px;height:260px;border-radius:10%}

}

@media(max-width:800px){
	.obj_wrap1 p{font-size:17px;}
	
}
@media(max-width:730px){
	.obj_wrap3 ul li div{width:160px;height:260px;padding:75px 20px 0;}
	.obj_wrap3 ul{padding:182px 0 40px;background-size: 95%;}
}

@media(max-width:600px){
	.obj_wrap3 ul{padding: 175px 0 40px;background-size: 95%;}
	.obj_wrap3 ul li div{height:260px;padding:75px 30px 0;}
}
@media(max-width:590px){
	.obj_wrap3 ul{padding-top:172px;background:none;}
	.obj_wrap3 ul li {width:50%;margin-bottom:10px;}
	.obj_wrap3 ul li div{width:95%;height:180px;font-size:14px;line-height:20px}
	.obj_wrap3 ul li span{margin:-60px 0 4px;}
}

/* 학군단 마크/후보생신조 */
.info_symbol{position:relative;margin:15px 0 25px;/*padding-right:40%;*/}
.img_symbol{/*position:absolute;top:0;right:0;width:31.33%;*/display:block;width:100%;}
.txt_symbol{margin:20px 0 30px;padding:30px;background:#fafafa;/* border:1px solid #dbdcde; */}
.txt_symbol dl{}
.txt_symbol dt{margin-top:20px;padding-left:12px;background:url(/images/rotc/common/list_bul1.png) no-repeat 0 10px;color:#1e3977;font-weight:bold;}
.txt_symbol dt:first-child{margin-top:0;}
.txt_symbol dd{padding-left:12px;}
.img_symbol>span{display:block;width:100%;padding:40px 0;background:url(/images/rotc/common/symbol_bg.png) repeat;border:1px solid #d7d7d7;text-align:center;}
.img_symbol .btn_wrap{position:absolute;top:20px;right:20px;text-align:right;}

@media only screen and (max-width:768px) {
	.info_symbol{padding:0;}
	.img_symbol{position:static;margin:0 auto 20px;width:100%;}
	.txt_symbol dd{margin-bottom:15px;}
}

@media only screen and (max-width:640px) {
	.img_symbol>span{padding-top:70px;}

}


/* 조직도 */


.organization1{overflow:hidden;padding-bottom: 50px}
.organization1 a.no-link{pointer-events:none;cursor:default;}
.organization1 *{margin:0;padding:0;list-style:none}
.organization1 li{position:relative}
.organization1 a{display:block;text-decoration:none}
.organization1 a[href]:hover,.organization1 a[href]:focus{opacity:0.9}
.organization1 .lv0{position:relative;width:380px;height:230px;margin:0 auto 100px;border:0;background:url(/images/kor/sub01/org_bg.png) no-repeat;font-size:1.2em;color:#fff;text-align:center}
.organization1 .lv0 .t1{position:absolute;left:50%;top:40%;margin-left:-55px;font-size:24px;}
.organization1 .lv0 .t1 em{display:block; font-size:18px;}
.organization1 .lv0:after{display:block;position:absolute;top:153px;left:50%;z-index:-1;height:128px;border-left:1px solid #ddd;content:''}
.organization1 .lv0-2{position: absolute;top: 260px;left: 38%;width: 24%;height: 40px;background-color:#701e20;text-align: center;color: #fff;line-height: 40px;font-size:1.2em}
.organization1 .lv0-3{position: absolute;top: 210px;left: 68%;width: 24%;height: 40px;background-color:#701e20;text-align: center;color: #fff;line-height: 40px;font-size:1.2em}
.organization1 .lv0-3:after{position:absolute;top:20px;left:-75%;display:block;content:"";width:75%;height:1px;background-color:#ddd}
.organization1 .lv1{}
.organization1 .lv1 .group{}
.organization1 .lv1 .group:before{position:absolute;top:-50px;left:22.5%;display:block;content:"";width:47.5%;height:1px;background-color:#ddd}
.organization1 .lv1 li.lv_l{margin-left:5%;}
.organization1 .lv1 li.lv_r{float:right;margin-right:5%}
.organization1 .lv1>ul>li{float:left;width:35%;}
.organization1 .lv1>ul>li:nth-of-type(2){width:50%;}
.organization1 .lv1>ul>li>a{color:#fff;text-align:center;height:40px;line-height:40px;background-color:#304b7a;font-size:1.2em}
.organization1 .lv1 li:before{position:absolute;top:-50px;left:50%;content:"";display:block;width:1px;height:50px;background-color:#ddd}
.organization1 .lv1 ul li ul{padding-top:50px}
.organization1 .lv1 ul li div{width:100%;padding-top:50px;}
.organization1 .lv1 > ul > li > ul > li div:before{position:absolute;top:0;left:16%;content:"";display:block;width:68%;height:1px;background-color:#ddd;}
.organization1 .lv1 ul li div a{position:relative;display:block;float: left;width:45%;height:50px; padding-top:5px; line-height:20px;text-align:center;background-color:#555b69;color:#fff;}
.organization1 .lv1 > ul > li:nth-of-type(1) > ul > li div:before{width:55%; left:23%}
.organization1 .lv1 div a em{display:block;}
.organization1 .lv1 .lv_r div a{width:32%}
.organization1 .lv1 .lv_r div a ~ a{margin-left:2%;}
.organization1 .lv1 ul li div a:before{position:absolute;top:-50px;left:50%;content:"";display:block;width:1px;height:50px;background-color:#ddd}
.organization1 .lv1 ul li div .lv2-1{margin-right:5%}
.organization1 .lv1 ul li div .lv2-2{margin-left:5%}
/* .organization1 .lv1 ul li div .lv2-3{margin-right:5%} */
/* .organization1 .lv1 ul li div .lv2-4{margin-left:5%} */
.organization1 .lv1 .lv3{display:block;width:100%;height:40px; margin-top:5px; line-height:40px;color:#000;text-align:center;background-color:#f0f0f0}

@media only screen and (max-width: 768px){
	.organization1 .lv1>ul>li{width:37%;}
	.organization1 .lv1 .group:before{width:46%;left:24%;}
	
}

@media only screen and (max-width: 635px){
    .organization1 .lv0{margin:0;width:100%;height:60px;padding-top:5px; background:#1c2f5a;}
    .organization1 .lv0:after{display:none}
    .organization1 .lv0 .t1{position:static;margin-left:0;height:40px;line-height:20px;}
    .organization1 .lv0{width:100%}
    .organization1 .lv0-2{position: static;width:100%;margin-top:10px;}
    .organization1 .lv1 li{width:100%;margin:10px 0 0 0}
    .organization1 .lv1 li:before{display:none}
    .organization1 .lv1>ul>li{width:100%}
    .organization1 .lv1 li.lv_l{margin-left:0}
	.organization1 .lv1 li.lv_r{margin-right:0}
	.organization1 .lv1 ul li ul,
	.organization1 .lv1 ul li div{padding-top:0;}
	.organization1 .lv1 .group:before,
	.organization1 .lv1 ul li div:before,
	.organization1 .lv1 li:before,
	.organization1 .lv1 ul li div a:before{display:none}
	.organization1 .lv1 ul li div a{width:48%}
	.organization1 .lv1 ul li div .lv2-1{margin-right:2%}
	.organization1 .lv1 ul li div .lv2-2{margin-left:2%}
	/* .organization1 .lv1 ul li div .lv2-3{margin-right:2%} */
	.organization1 .lv1 ul li div .lv2-4{margin-left:2%}
	.organization1 .lv1>ul>li:nth-of-type(2){width:100%;}
}



/* 학군단 제도 */
.s0105 div{width:100%;position:relative;margin:0 0 20px;padding:40px 40px 20px 200px;border:1px solid #ddd;}
.s0105 div h3{display:block;position:absolute;padding:0;top:20px;left:40px;background:0;width:150px;font-size:21px;line-height:1.3;word-wrap:break-word;word-break:keep-all;letter-spacing: -1px}
.s0105:after,
.s0105 div ul:after{content:"";display:block;visibility:hidden;clear:both}
.s0105 div ul li {margin-bottom:2px;width:56%;color:#666;font-size:14px;line-height:1.3;word-wrap:break-word;word-break:keep-all;}
.s0105 div ul li em{margin-right:5px;font-weight:600;font-family:'nsr','Malgun Gothic';color:#121212;font-size:16px;}
.s0105 div ul li:first-child em{display:block;}
.s0105 div ul li.paper{margin-bottom:30px;padding-bottom:10px;/*border-bottom:1px solid #ccc;*/}

.s0105 div ul li.pri,
.s0105 div ul li.date{float:left;position:absolute;top:0;right:19%;width:25%;height:100%;padding:10px 0;padding-right:30px;text-align:center;}
/*.s0105 div ul li.date{border-left:1px dashed #ccc;right:-8%;}*/
.s0105 div ul li.pri em,
.s0105 div ul li.date em{margin:0;display:block;}
.s0105 div ul li.pri em:before,
.s0105 div ul li.date em:before{content:"";display:block;/*position:absolute;left:0;top:8px;*/margin:0 auto;width:20px;height:25px;background:url(/images/rotc/common/step_ir.png);}
.s0105 div ul li.pri em:before{background-position:-209px -80px;}
.s0105 div ul li.date em:before{background-position:-238px -80px;}

.s0105 div ul li.pri{border-left: 1px dashed #ccc;}
.s0105.col2{overflow:hidden;}
.s0105.col2 div{display:inline-block;float:left;margin:0 1% 2%;width:48%;padding-left:17%;height: 140px;}
.s0105.col2 div ul li.pri,
.s0105.col2 div ul li.date{position:relative;right:auto;top:auto;width:100%;}
.s0105.col2 div ul li.pri{border-left: 1px dashed #ccc;}
.s0105.col2 div h3{width:25%;font-size:20px;line-height:1.3}

/* 하계입영훈련 sub04_02 */
.s0105 div ul.s0402 {padding-left:10px;}
.s0105 div ul.s0402 li.date {padding-right:10px}

@media only screen and (max-width:1023px) {
    .s0105.col2 div{display:block;float:none;margin:0 0 2%;width:100%;}
    .s0105.col2 div ul{padding:30px;}
	.s0105 div ul { margin-top:20px; }
}
.s0105 div{padding:0;}
@media (max-width: 1160px){
	.ui.uic.mb_10 .box_col .col .item {min-height: 500px;}
}
@media (max-width: 821px){
	.ui.uic.mb_10 .box_col .col .item {min-height: 500px;}
}

@media only screen and (min-width:640px){
	.ui.uic.mb_10 .box_col .col .item h3 {font-size:17px;}
	/*.s0105.col2 div{padding-left:1765px;}*/
	.s0105.col2 div h3{width:110px;left:30px;margin:40px 0 0;font-size:17px;}
}

@media only screen and (min-width: 1024px){
	.ui.uic .box_col .col .item .list_1st li strong{color:#4066b4}
	.s0105 div ul li{line-height:1.5;}
	.s0105 div h3{width:130px;}

	.s0105 div h3{top:0;}
	.s0105 div ul li.pri{padding-left:17px;}
	.s0105 div ul{margin:38px 0 35px 0;}
	.s0105 div ul li.date{right:-4%;}
	.s0105.col2 div h3{margin:60px 0 0;}
/*.s0105 div ul li.date{right:-9%;padding:10px 52px 0 20px;}*/
	
	/* sub0402 */
.sub0402 .s0105.col2 div{height:90px;}
.sub0402 .s0105.col2 div h3{margin:34px 0 0;}
.sub0402 .s0105 div ul{margin:24px 0 21px}
}


@media only screen and (max-width: 1024px){
	.s0105 div{padding-left:174px;}
	.s0105.col2 div h3{font-size: 17px;}

}

@media only screen and (max-width:768px){
	.s0105.col2 div h3{position:static; width:100%;margin:0; text-align:center;padding: 10px 10px;}
	.sub0402 .s0105.col2 div { height:auto; }
	.s0105.col2 div{padding:0;}
	.s0105.col2 div ul{padding-top:10px}
	.s0105.col2 div ul li.pri{border-left:0;}
	.s0105 div ul li.date{padding-right:0}
	.sub0402 .s0105 div ul { margin:0; }
	.s0105 div ul { padding-left: 0; border:0; }
	.sub0402 .s0105.col2 div h3 { margin:0; }
}





.organ.honor{}
.organ.honor .org{position:relative;overflow:hidden;z-index:99}
.organ.honor .org:after{content:"";display:block;clear:both;visibility:hidden}
.organ.honor .org li{position:relative}
.organ.honor .org li a:hover,
.organ.honor .org li a:focus{text-decoration:underline;}
.organ.honor .org>li:after{content:"";display:block;clear:both;visibility:hidden}
.organ.honor .org *:before{content:"";display:block;position:absolute;background:#ddd;z-index:-1}
/*라인*/
.organ.honor .org .lv0:before{bottom:39px;left:50%;width: 1px;height:86px;}
.organ.honor .org .lv1:before{top:0px;left:16%;width:68.1%;height: 1px;}
.organ.honor .org .lv1 .group > li > p:before{display:block;position:absolute;top:-30px;left:50%;height:30px;border-left:1px solid #ddd;content:''}

/**/
.organ.honor .org .lv0{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.organ.honor .org .lv0 .t1{display:block;height:40px;line-height:40px}

.organ.honor .org .lv1 .group{overflow:hidden;margin:0 -1%}
.organ.honor .org .lv1 .group > li{float:left;width:31.3%;margin:0 1%}
.organ.honor .org .lv1 .group > li > p{position:relative;height:40px;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.organ.honor .org .lv1 .group > li > p .t1{display:block;height:40px;line-height:40px}

@media (max-width:767px){
  .organ.honor .org .lv0,.organ.honor .org .lv1 p{width:100%}
  .organ.honor .org .lv0:before{bottom:19px;left:10%;width: 1px;height:200px}
  .organ.honor .org .lv1 .group > li{float:right;width:80%;margin-top: 20px}
  .organ.honor .org .lv1:before{display:none}
  .organ.honor .org .lv1 .group > li > p:before{top:50%;left:0;width:60px;height:1px;margin-left:-10.4%;}
  .organ.honor .org .lv1 .group > li > p{margin:0}
}

.organ.auto{}
.organ.auto .org{position:relative;overflow:hidden;z-index:99}
.organ.auto .org:after{content:"";display:block;clear:both;visibility:hidden}
.organ.auto .org li{position:relative}
.organ.auto .org li a:hover,
.organ.auto .org li a:focus{text-decoration:underline;}
.organ.auto .org>li:after{content:"";display:block;clear:both;visibility:hidden}
.organ.auto .org *:before{content:"";display:block;position:absolute;background:#ddd;z-index:-1}
/*라인*/
.organ.auto .org .lv0:before{bottom:69px;left:50%;width: 1px;height:280px;}
.organ.auto .org .lv1{padding-left:50%;}
.organ.auto .org .lv1:before{top:57%;left:50%;width:6%;height: 1px;}
.organ.auto .org .lv1 .group:before{height: 141px;border-left: 1px solid #ddd;right: 44.9%;top: 24%;}
.organ.auto .org .lv1 .group > li > p:before{display: block;position: absolute;top: 50%;left: -16%;width: 40px;border-top: 1px solid #ddd;content: '';}
.organ.auto .org .lv1 .group{overflow:hidden;margin:0 -1%}
.organ.auto .org .lv1 .group > li{width:53%;margin:0 19.4%}
.organ.auto .org .lv1 .group > li > p{position:relative;height:40px;margin:30px 0 0;background:#701e20;line-height:40px;color:#fff;text-align:center}
.organ.auto .org .lv1 .group > li > p .t1{display:block;height:40px;line-height:40px}


.organ.auto .org .lv2:before{top:30px;left:26.7%;width:46.3%;height: 1px;}
.organ.auto .org .lv2 .group > li > p:before{display:block;position:absolute;top:-30px;left:50%;height:30px;border-left:1px solid #ddd;content:''}

/**/
.organ.auto .org .lv0{width:180px;margin:0 auto;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.organ.auto .org .lv0 .t1{display:block;height:40px;line-height:40px}

.organ.auto .org .lv2 .group{overflow:hidden;margin:0 -1%;padding-top:30px}
.organ.auto .org .lv2 .group > li{float:left;width:26.3%;margin:0 5% 0 14%}
.organ.auto .org .lv2 .group > li > p{position:relative;height:40px;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.organ.auto .org .lv2 .group > li > p .t1{display:block;height:40px;line-height:40px}



@media (max-width:767px){
  .organ.auto .org .lv0,.organ.auto .org .lv2 p{width:100%}
  .organ.auto .org .lv0:before{bottom:19px;left:5.9%;width: 1px;height:380px}
  .organ.auto .org .lv1{padding-left:0}
  .organ.auto .org .lv2 .group{padding-top:0}
  .organ.auto .org .lv1 .group:before,
  .organ.auto .org .lv1 .group:before{display:none}
  .organ.auto .org .lv1 .group > li{margin:0 5%;}
  .organ.auto .org .lv1 .group > li,
  .organ.auto .org .lv2 .group > li{float:right;width:80%;margin-top: 20px}
  .organ.auto .org .lv2:before{display:none}
  .organ.auto .org .lv1 .group > li > p:before{top:50%;left:0;width:60px;margin-left:-10.4%;}
  .organ.auto .org .lv2 .group > li > p:before{top:50%;left:0;width:60px;height:1px;margin-left:-10.4%;}
  .organ.auto .org .lv1 .group > li > p,
  .organ.auto .org .lv2 .group > li > p{margin:0}
}

/* 학군사관 제도, 연혁 sub01_03 */
.s0103 .conclusion {margin-left:40px;padding:8px;font-size:18px;font-weight:bold;background-color:#701e20;color:#fff;text-align:center;}

@media (max-width: 1200px) {
	.s0103 .conclusion {margin-left:20px;}
}