

/************서브*************/


/* 서브 공통*/

/* container 서브에서만 쓰임*/
#container {z-index:4;position:relative;*float:left;margin:0px auto;padding:0px 0px;width:100%;min-height:500px;width:100%;max-width:1200px;height:auto !important;background:#fff url('/images/sub/lnb_bg.gif') 0 0 repeat-y;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {position:relative;overflow:hidden;margin:0 auto 0px;padding:62px 0 60px 10px;width:100%;margin-bottom:0px;font-size:32px;font-weight:600;color:#333;}
#container_title p.title_bg{position:absolute;top:0;right:0;overflow:hidden;background: url('/images/sub/title_bg.gif') 0px right no-repeat;text-align:right;}
#container_title p.title_bg img{width:95%;margin:0px 0px 0 0;}


.sVisual{position:relative;margin:0 auto;width:73.5%;max-width:1190px;overflow:hidden;text-align:center;height:90px;}
.s_tit{position:absolute;top:35px;left:50%;width:300px;margin-left:-150px;color:#ddd;font-size:20px;}



/** location **/
.navigation{margin:0 auto 0px;padding:0;background-color:#fff;max-width:1200px;}
.navigation:after{display:block;clear:both;content:"";}
.location {position: relative;z-index: 11; *height: 50px;font-size: 15px;background-color:#FFF;width:100%;float:left;}
.location a {display: block; font-size: 15px;}
.location a:focus,
.location a:hover {text-decoration: none;}
.location > ul {text-align:left;z-index:9000;}
.location > ul > li {display: inline-block; position: relative;border-right:1px solid #ebebeb;}
.location > ul > li > a {height: 30px;padding:15px 40px 6px 10px;}
.location > ul > li:first-child > a {padding:13px 18px 8px ;}
.location > ul > li:not(:first-child) > a {position: relative; }
.location > ul > li:not(:first-child) > a:before,
.location > ul > li:not(:first-child) > a:after {display: block; position: absolute; top: 0; height: 100%; content:""; background-repeat: no-repeat; background-position:  50%;}
.location > ul > li:not(:first-child) > a:before {left: 0; width: 17px;}
.location > ul > li:not(:first-child) > a:after {right: 8px; width: 8px; background-image: url('/images/sub/arr_loca_dn.png'); background-size: 8px;}
.location > ul > li.open > a:after {background-image: url('/images/sub/arr_loca_up.png');}
.location > ul > li:last-child > a {color: #b9470c;;}
.location > ul > li:last-child > a:before {width: 80px;background-repeat: repeat-x;}
.location > ul > li:last-child > a:after {background-image: url('/images/sub/arr_loca_dn_last.png');}
.location > ul > li:last-child.open > a:after {background-image: url('/images/sub/arr_loca_up_last.png');}

.location > ul > li > ul {display: none; position: absolute; top: 51px; left: -5px; z-index: 9; background-color: #fff; border: 1px solid #e5e5e5; border-top: none;}
.location > ul > li:last-child > ul {left: -6px;}
.location li li {text-align: left; white-space: nowrap;}
.location li li:first-child {margin-top: 8px;}
.location li li:last-child {margin-bottom: 14px;}
.location li li > a {padding:7px 23px; color: #999;}
.location li li.on > a {color: #333;}
.location > ul > li:last-child li.on > a {color: #b9470c;}


.controlBox{display:none;}




/**lnb**/
.lnbWrap{float:left;width:25%;max-width:210px;background-color:#FFF;}
.lnb_tit{background:url('/images/sub/lnb_tit_bg.jpg') -10px 0 no-repeat;width:210px;height:132px;text-align:center;}
.lnb_tit p{padding-top:80px;font-size:22px;color:#fff;font-weight:600;}

ul#lnb, ul#lnb ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul#lnb a {
  display: block;
  text-decoration: none;	
}

ul#lnb li {
  
}

ul#lnb li a {
  background: #fff;
  color: #333;	
  padding: 14px 0 14px 15px;
  border-bottom:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  font-size:16px;
 
}

ul#lnb li a:hover {
  background: #0168a9;
  border-right:1px solid #ebebeb;
  color:#fff;
}

ul#lnb li.one-depth.on > a{color:#fff;background:#0168a9 url('/images/lnb_on_bullet.gif') 188px 50% no-repeat; border-right:1px solid #0168a9;}

ul#lnb li ul li a {
  background: #f2f2f2;
  color: #000;
  padding:12px 0;
  padding-left: 30px;
   font-size:14px;
}

ul#lnb li ul li a:hover,ul#lnb li ul .current a {
  background: #f2f2f2;
  *border-left: 5px #000 solid;
  padding-left: 30px;
  color:#0168a9;
}
/** // lnb**/

.contWrap{float:left;margin-left:40px;padding-bottom:60px;width:78%;min-width:700px;background-color:#FFF;font-size:15px;color:#444;line-height:150%;}

/*간격*/
.pd30{display:block;height:30px;}
.pd40{display:block;height:40px;}
.pd60{display:block;height:60px;}
.pd75{display:block;height:75px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt75{margin-top:75px;}

/**/
.taL{text-align:left;}
.taC{text-align:center;}
.taR{text-align:right;}

/* 텍스트 txtBox */
.txtBox01{font-size:15px;color:#444;line-height:150%;}  /* 기본 */
.txtBox01 p{font-weight:600;}

.txtBox02{color:#666;font-size:14px;}
.txtBox02 span{color:#141414;}

.txtBox03{font-size:23px;color:#282828;line-height:130%;letter-spacing:-1px}
.txtBox03 span{font-weight:600;}

.txtBox04{color:#282828;font-size:14px;}
.txtBox04 span{color:#a0a0a0;}

.txtBox05{font-size:18px;color:#282828;line-height:130%;letter-spacing:-1px}
.txtBox05 span{font-weight:600;}

/*리스트텍스트 bullet*/
.txtList01{}
.txtList01 li{padding-left:16px ;font-size:14px;color:#666;background:url('/images/bu_gray_bigcircle.png') 0 7px no-repeat;}

/*컨텐트 타이틀 bullet*/
.cont_tit01{font-size:21px;color:#282828;font-weight:600;}
.cont_tit02{padding-left:16px;font-size:15px;color:#282828;font-weight:600;background:url('/images/bu_black_big.gif') 0 5px no-repeat;}
.cont_tit03{font-size:14px;color:#282828;font-weight:600;}


/* 이미지 박스*/
.img_w100{width:100%;}
.img_w100 img{width:100%;}

.img_w90{margin:0 auto;width:90%;text-align:center;}
.img_w90 img{width:100%;}

.img_w80{margin:0 auto;width:80%;text-align:center;}
.img_w80 img{width:100%;}

.imgWrap750 {margin:0 auto;max-width:750px;margin-top:20px;}
.img_w750{margin:0 auto;width:100%;max-width:750px;}
.img_w750 img{width:100%;}

/* 한줄에 이미지 두개 전체ul의width100%*/
.imgList_li2{}
.imgList_li2:after{display:block;clear:both;content:"";}
.imgList_li2 li{float:left;width:49%;padding-right:1%;}
.imgList_li2 li:last-child{width:49%;padding-left:1%;padding-right:0;}
.imgList_li2 li img{width:100%;}
.imgList_li2 li p{font-size:14px;color:#282828;text-align:center;margin-top:10px;}
.imgList_li2 li p span{color:#666;}

.imgList_li22{width:100%; max-width:450px; margin:60px auto 0; }
.imgList_li22:after{display:block;clear:both;content:"";}

/* 한줄에 이미지 두개 전체ul의 max-width 750px / 이미지사이즈 max-width:370px*/
.imgList_li2_02{margin:50px auto 0;max-width:748px;width:100%;}
.imgList_li2_02:after{display:block;clear:both;content:"";}
.imgList_li2_02 li{float:left;width:49%;max-width:395px;}
.imgList_li2_02 li:last-child{float:right;width:49%;max-width:395px;}
.imgList_li2_02 li img{width:100%;}
.imgList_li2_02 li p{font-size:14px;color:#282828;text-align:left;margin-top:10px;min-height:80px;}
.imgList_li2_02 li p span{color:#666;}


.imgL_txtR{}
.imgL_txtR:after{display:block;clear:both;content:""}
.imgL_txtR .imgBox{float:left;width:30%;}
.imgL_txtR .imgBox img{width:100%;}
.imgL_txtR .txtBox{float:left;padding-left:30px;width:60%;}

/*버튼*/
a.btn_big02			{display:inline-block; margin:20px auto 0; padding:20px 50px; *width:70%; *max-width:430px; *height:50px; font-size:16px; font-weight:600; color:#fff; line-height:16px; background:#0168a9; border:1px solid #013d7e;text-align:center;}
a.btn_big03			{display:inline-block; margin:20px auto 0; padding:20px 20px; width:40%; max-width:330px; *height:50px; font-size:16px; font-weight:600; color:#fff; line-height:16px; background:#0168a9; border:1px solid #013d7e;text-align:center;}
a.btn_big04		{display:inline-block; margin:5px auto 0; padding:20px 0px; width:100%; max-width:400px; *height:50px; font-size:14px; font-weight:600; color:#fff; line-height:14px; background:#0168a9; border:1px solid #013d7e;text-align:center;}

.w100{width:100%;}

/* 테이블 */
.tbl_01{}
.tbl_01 table{width:100%;}
.tbl_01 table tbody th{padding:10px;text-align:center;background-color:#efeae5;color:#333;font-weight:600;font-size:14px;border-bottom:1px solid #fff;font-weight:normal;width:20%;min-width:30%} /* #152b6b; -> #e8eaf2   //20170427수정*/
.tbl_01 table tbody th.first_th{border-top:1px solid #ececec;}
.tbl_01 table tbody th.last_th{border-bottom:1px solid #ececec;}
.tbl_01 table tbody td{padding:10px 10px 10px 20px;text-align:left;font-size:14px;color:#282828;border-bottom:1px dashed #ececec;}
.tbl_01 table tbody td.first_td{border-top:1px solid #ddd;}
.tbl_01 table tbody td.last_td{border-bottom:1px solid #ddd;}

.tbl_02{}
.tbl_02 table{width:100%;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.tbl_02 table tbody th, .tbl_02 table tbody td{padding:15px 20px;}
.tbl_02 table tbody th{font-size:25px;color:#bdbdbd;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background-color:#f8f8f8;}
.tbl_02 table tbody td{font-size:14px;color:#666;text-align:left;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.tbl_02 table tbody td.black{color:#282828;border-right:none;}
.tbl_02 table tbody td.bdB_None{border-bottom:none;}



/*게시판 탭*/

.brd_tab01{overflow:hidden;margin:0 auto;padding:10px 0 50px 0;width:97%;}
.brd_tab01 li{float:left;width:25%;}
.brd_tab01 li a{display:block;padding:15px 0 13px 0;text-align:center;font-size:15px;color:#555;border:1px solid #bbb;border-right:none;}
.brd_tab01 li a.last_li{border-right:1px solid #bbb;}
.brd_tab01 li a:hover, .brd_tab01 li a:focus{background-color:#efefef;color:#555;background-color:#efefef;}
.brd_tab01 li.on{border-bottom:none;background:#207dc4;}
.brd_tab01 li.on a{color:#fff;padding:15px 0 15px 0;border:none;}
.brd_tab01 li.on a:hover, .brd_tab01 li.on a:focus{background:#207dc4;color:#fff;}


.brd_tab02{overflow:hidden;margin:0 auto;padding:10px 0 50px 0;width:98%;}
.brd_tab02 li{float:left;width:50%;}
.brd_tab02 li a{display:block;padding:15px 0 13px 0;text-align:center;font-size:15px;color:#555;border:1px solid #bbb;border-right:none;}
.brd_tab02 li a.last_li{border-right:1px solid #bbb;}
.brd_tab02 li a:hover, .brd_tab02 li a:focus{background-color:#efefef;color:#555;background-color:#efefef;}
.brd_tab02 li.on{border-bottom:none;background:#837871;}
.brd_tab02 li.on a{color:#fff;padding:15px 0 15px 0;border:none;}
.brd_tab02 li.on a:hover, .brd_tab02 li.on a:focus{background:#837871;color:#fff;}




/* 재단 및 상 소개 - 창설자 */
.sub1010{}
.sub1010 .txtBox01 p{margin-top:30px;text-align:right;color:#282828;}
.sub1010 .txtBox02{padding-top:40px;border-top:1px dashed #ebebeb;}

/* 재단 및 상 소개 - 선학평화상 재단  */

.sub1020{}
.sub1020 .imgList_li2{margin:55px 0 60px;}

/* 재단 및 상 소개 - 선학평화상  - 제정의 뜻  */
.sub103010{}
.sub103010 .txtBox02{margin-top:30px;padding-top:30px;border-top:1px dashed #ebebeb;}
.sub103010 .img_w80{max-width:638px}
.sub103010 .img_w80 img{width:100%;}

/* 재단 및 상 소개 - 선학평화상  - 평화비전  */
.sub103020{}
/*
.visionList{}
.visionList li.vision{position:relative;padding:10px 0 10px 50px;margin-bottom:30px;}
.visionList li.vision p.img_box{position:absolute;top:0;left:0;width:176px;height:140px;}
.visionList li dl.vsBox{border-top:1px solid #ededed;border-bottom:1px solid #ededed;width:100%;}
.visionList li dl.vsBox:after{display:block;clear:both;content:"";}
.visionList li dl.vsBox dt.vs_txt{float:left;padding:25px 20px 25px  18%;width:30%;font-size:15px;color:#282828;font-weight:600;background-color:#f5f5f5;text-align:center;}
.visionList li dl.vsBox dd.desc{float:left;padding:15px 0 10px 30px ;font-size:14px;color:#666;width:40%;}
*/
.opinionList{margin:30px auto 0;width:860px;}
.opinionList:after{display:block;content:"";clear:both;}
.opinionList li{float:left;margin:0 2%;max-width:190px;width:32%;padding:30px;background-color:#f5f2eb;border-top:1px solid #b3895b;}
.opinionList li div.op_txtBox{}
.opinionList li div.op_txtBox p.txt_01{font-size:18px;font-weight:600;color:#3b2b11;text-align:center;}
.opinionList li div.op_txtBox p.txt_02{margin:20px 0;font-size:14px;color:#555;word-break:keep-all;height:140px;}
.opinionList li div.op_imgBox{text-align:center;}



/* 재단 및 상 소개 - 선학평화상  - 개요 및 연혁   */
.sub103030{}
.sub103030 .imgL_txtR{}
.sub103030 .imgL_txtR:after{display:block;clear:both;content:""}
.sub103030 .imgL_txtR .imgBox{float:left;width:30%;max-width:255px}
.sub103030 .imgL_txtR .imgBox img{width:100%;}
.sub103030 .imgL_txtR .txtBox{float:left;padding-left:30px;padding-top:30px;width:60%;}

.histosy_tbl{}
.histosy_tbl table{}
.histosy_tbl table td{} 
.histosy_tbl table td dl{width:100%;} 
.histosy_tbl table td dl:after{display:block;clear:both;content:""} 
.histosy_tbl table td dl dt{float:left;width:30%;color:#282828;} 
.histosy_tbl table td dl dd{float:left;width:65%;color:#666;} 


/* 재단 및 상 소개 - 선학평화상  - 위원회   */
.cmtBox{padding:20px 5px 20px 20px;;border:1px solid #e0e0e0;}
.cmtBox:after{display:block;clear:both;content:"";}
.cmtBox p.img_box{float:left;}
.cmtBox p.img_box img{width:100%;}
.cmtBox dl.profile_box{float:left;margin-left:20px;margin-bottom:0;*margin-top:33px;}
.cmtBox dl.profile_box dt{margin-bottom:8px;font-size:15px;color:#282828;font-weight:600;}
.cmtBox dl.profile_box dd{font-size:13px;color:#666;}
.cmtBox dl.dd_5{*margin-top:33px;}
.cmtBox dl.dd_2{}

.cmt00_box{background-color:#f8f8f8;}
.cmt00_box dl.profile_box{width:80%;}

.cmtList{}
.cmtList:after{display:block;clear:both;content:"";}
.cmtList > .cmt_box{float:left;width:46%;margin-bottom:15px;border:1px solid #e0e0e0;}
.cmtList > .cmt_box > dl.profile_box{float:left;margin-left:20px;margin-bottom:0;*margin-top:85px;width:58%;}
.cmtList > .cmt_b_Left{}
.cmtList > .cmt_b_Right{float:right;margin-right:0;}




/* 프로그램 - 시상식 -  역대시상식 - 2015, 2017~ */

/*개요*/
.pre_award .img_w100{position:relative;}
.pre_award .img_w100 p.txtBox01{position:absolute;top:35px;left:30px;color:#fff;font-size:18px;line-height:160%;}

.statementWrap{position:relative;padding:50px 45px 45px;border:1px solid #dcdcdc;}
.statementBg01{background:#f8f8f8 url('/images/sub/statementBg02.jpg') bottom left no-repeat;}
.statementBg02{background:#f8f8f8 url('/images/sub/statementBg03.jpg') bottom right no-repeat;}
.statementWrap p.tit{margin:0 auto;width:60%;max-width:461px;}
.statementWrap p.tit img{width:100%;}
.statementWrap .txtBox02{}

.pre_award .img_w100 p.txtBox02{position:absolute;bottom:30px;left:30px;color:#fff;font-size:18px;line-height:160%;}

/*   //프로그램 - 시상식 -  역대시상식 - 2015,  2017~ */




/********* pc *********/
@media all and (min-width:1200px) {


#container {z-index:4;position:relative;*float:left;margin:30px auto;padding:0px 0px;width:95%;min-height:500px;*max-width:1200px;height:auto !important;background:#fff url('/images/sub/lnb_bg.gif') 0 0 repeat-y;font-size:1em;zoom:1;}


.sVisual{position:relative;margin:0 auto;width:95%;max-width:1190px;overflow:hidden;text-align:center;}

.navigation{margin:0 auto 0px;padding:0;background-color:#fff;width:95%;}

.location {position: relative;margin:0 auto 0px;z-index: 11; height: 50px;font-size: 16px;background-color:#FFF;width:90%;max-width:1130px}

.contWrap{float:left;margin-left:30px;padding-bottom:60px;width:78%;min-width:700px;background-color:#FFF;font-size:15px;color:#555;;line-height:150%;}

/*탭*/

#tabmenu				{display:table; width:100%; table-layout:fixed; margin:0; padding:0; list-style-type:none; }
#tabmenu li				{display:table-cell; background:#152b6b;}
#tabmenu li a			{display:block;  border-right:1px solid #fff; padding: 15px 0px; background:#152b6b; font-size:14px;color:#fff; text-decoration:none; text-align:center;*height:45px;}
#tabmenu li a.over		{background: #2e437e;color:#fff;}
#tabmenu li a.selected	{padding: 15px 0px 14px; background: #fff;color:#282828;border:1px solid #282828;border-bottom:1px solid #fff;}
#tabcontents			{clear: left; position:relative;}
#tabcontents .tabcontent{padding-top:50px;}




#tabmenu02				{display:table; width:100%; table-layout:fixed; margin:0; padding:0; list-style-type:none; }
#tabmenu02 li				{display:table-cell; background:#152b6b;line-height:130%;}
#tabmenu02 li a			{display:block; position:relative; border-right:1px solid #fff; padding: 15px 0px; background:#152b6b; font-size:14px;color:#fff; text-decoration:none; text-align:center;height:30px;line-height:120%;}
#tabmenu02 li a.over		{background: #2e437e;color:#fff;}
#tabmenu02 li a.selected	{padding: 15px 0px 14px; background: #fff;color:#282828;border:1px solid #282828;border-bottom:1px solid #fff;}
#tabcontents02			{clear: left; position:relative;}
#tabcontents02 .tabcontent{padding-top:50px;}



}


/********* tablet *********/
@media all and (max-width:1199px) {


#container {z-index:4;position:relative;*float:left;margin:15px auto;padding:0px 0px;width:95%;min-height:500px;*max-width:1200px;height:auto !important;background:#fff url('/images/sub/lnb_bg.gif') 0 0 repeat-y;font-size:1em;zoom:1;}


.sVisual{margin:0 auto;width:95%;max-width:1700px;}

.navigation{margin:0 auto 0px;padding:0;background-color:#fff;width:95%;max-width:1200px;}
.location {position: relative;margin:0 auto 0px;z-index: 11; *height: 50px;font-size: 16px;background-color:#FFF;width:95%;max-width:1130px}

.contWrap{float:left;margin-left:30px;padding-bottom:60px;width:76%;min-width:700px;background-color:#FFF;font-size:15px;color:#555;;line-height:150%;}



.cmtBox dl.profile_box{float:left;margin-left:20px;margin-bottom:0;margin-top:33px;width:65%;}
.cmtList > .cmt_box > dl.profile_box{float:left;margin-left:20px;margin-bottom:0;margin-top:85px;width:50%;}


#tabmenu				{display:table; width:100%; table-layout:fixed; margin:0; padding:0; list-style-type:none; }
#tabmenu li				{display:table-cell; background:#152b6b;}
#tabmenu li a			{display:block;  border-right:1px solid #fff; padding: 15px 0px; background:#152b6b; font-size:14px;color:#fff; text-decoration:none; text-align:center;}
#tabmenu li a.over		{background: #2e437e;color:#fff;}
#tabmenu li a.selected	{padding: 15px 0px 14px; background: #fff;color:#282828;border:1px solid #282828;border-bottom:1px solid #fff;}
#tabcontents			{clear: left; position:relative;}
#tabcontents .tabcontent{padding-top:50px;}


#tabmenu02				{display:table; width:100%; table-layout:fixed; margin:0; padding:0; list-style-type:none; }
#tabmenu02 li				{display:table-cell; background:#152b6b;line-height:130%;}
#tabmenu02 li a			{display:block; position:relative; border-right:1px solid #fff; padding: 15px 0px; background:#152b6b; font-size:14px;color:#fff; text-decoration:none; text-align:center;height:30px;line-height:120%;}
#tabmenu02 li a.over		{background: #2e437e;color:#fff;}
#tabmenu02 li a.selected	{padding: 15px 0px 14px; background: #fff;color:#282828;border:1px solid #282828;border-bottom:1px solid #fff;}
#tabcontents02			{clear: left; position:relative;}
#tabcontents02 .tabcontent{padding-top:50px;}



.opinionList{width:760px;}
.opinionList li{float:left;margin:0 2%;max-width:190px;width:32%;padding:30px 15px;background-color:#f5f2eb;border-top:1px solid #b3895b;}

}


/********* tablet *********/
@media all and (max-width:1100px) {

#container {z-index:4;position:relative;*float:left;margin:15px auto;padding:0px 0px;width:98%;min-height:500px;*max-width:1200px;height:auto !important;background:#fff url('/images/sub/lnb_bg.gif') 0 0 repeat-y;font-size:1em;zoom:1;}
#container_title {margin:0 auto 0px;padding:50px 0 20px 0px;width:97%;margin-bottom:20px;font-size:25px;font-weight:600;color:#333;}
#container_title p.title_bg{position:absolute;top:0;right:0;overflow:hidden;background: url('/images/sub/title_bg.gif') 0px right no-repeat;text-align:right;}
#container_title p.title_bg img{width:50%;margin:-5px -12px 0 0;}


.sVisual{margin:0 auto;width:98%;max-width:1700px;}

/** location **/
.navigation{margin:0 auto 0px;padding:0;background-color:#fff;width:98%;max-width:1200px;}
.location {position: relative;margin:0 auto 0px;z-index: 11; *height: 50px;font-size: 15px;background-color:#FFF;width:98%;max-width:1130px}
.location a {display: block; font-size: 15px;}
.location a:focus,
.location a:hover {text-decoration: none;}
.location > ul {text-align:left;z-index:9000;}
.location > ul > li {display: inline-block; position: relative;border-right:1px solid #ebebeb;}
.location > ul > li > a {height: 28px;padding:13px 40px 5px 10px;}
.location > ul > li:first-child > a {padding:13px 18px 5px ;}
.location > ul > li:not(:first-child) > a {position: relative; }
.location > ul > li:not(:first-child) > a:before,
.location > ul > li:not(:first-child) > a:after {display: block; position: absolute; top: 0; height: 100%; content:""; background-repeat: no-repeat; background-position:  50%;}
.location > ul > li:not(:first-child) > a:before {left: 0; width: 17px;}
.location > ul > li:not(:first-child) > a:after {right: 8px; width: 8px; background-image: url('/images/sub/arr_loca_dn.png'); background-size: 8px;}
.location > ul > li.open > a:after {background-image: url('/images/sub/arr_loca_up.png');}
.location > ul > li:last-child > a {color: #b9470c;;}
.location > ul > li:last-child > a:before {width: 80px;background-repeat: repeat-x;}
.location > ul > li:last-child > a:after {background-image: url('/images/sub/arr_loca_dn_last.png');}
.location > ul > li:last-child.open > a:after {background-image: url('/images/sub/arr_loca_up_last.png');}

.location > ul > li > ul {display: none; position: absolute; top: 47px; left: -5px; z-index: 9; background-color: #fff; border: 1px solid #e5e5e5; border-top: none;}
.location > ul > li:last-child > ul {left: -6px;}
.location li li {text-align: left; white-space: nowrap;}
.location li li:first-child {margin-top: 8px;}
.location li li:last-child {margin-bottom: 14px;}
.location li li > a {padding:7px 23px; color: #999;}
.location li li.on > a {color: #333;}
.location > ul > li:last-child li.on > a {color: #b9470c;}

.contWrap{float:left;margin-left:30px;padding-bottom:60px;width:75%;min-width:700px;background-color:#FFF;font-size:15px;color:#555;;line-height:150%;}

.cmtBox dl.profile_box{float:left;margin-left:20px;margin-bottom:0;margin-top:33px;width:65%;}
.cmtList > .cmt_box > dl.profile_box{float:left;margin-left:20px;margin-bottom:0;margin-top:85px;width:48%;}

#tabmenu				{display:block; margin:0; padding:0; }
#tabmenu li				{float:left; display:block; width:48%;  margin-bottom:2px; margin-right:1%;}
#tabmenu li	:after		{display:block;clear:both;content:""}
#tabmenu li a			{display:block;  border-right:none; background:#e0e0e0; padding: 15px 0px; font-size:14px;color:#666; text-decoration:none; text-align:center;}
#tabmenu li a.over		{background: #2e437e;color:#fff;}
#tabmenu li a.selected	{padding: 15px 0px; background: #152b6b; color:#fff ;border:0;}
#tabcontents			{clear: left; position:relative;}
#tabcontents .tabcontent{padding-top:50px;}

#tabmenu02				{;display:block; width:100%; table-layout:fixed; margin:0; padding:0; list-style-type:none; }
#tabmenu02 li				{float:left; display:block; width:24%;margin-bottom:2px; margin-right:1%;line-height:100%;}
#tabmenu02 li	:after		{display:block;clear:both;content:""}
#tabmenu02 li a			{display:block;  border-right:none; background:#e0e0e0; padding: 15px 0px 8px; font-size:14px;color:#666; text-decoration:none; text-align:center;height:30px;line-height:120%;}
#tabmenu02 li a.over		{background: #2e437e;color:#fff;}
#tabmenu02 li a.selected	{padding: 15px 0px 8px; background: #152b6b; color:#fff ;border:0;}
#tabcontents			{clear: left; position:relative;}
#tabcontents .tabcontent{padding-top:50px;}


.opinionList{max-width:98%;width:98%;;}
.opinionList li{float:left;margin:0 1%;max-width:190px;width:32%;padding:30px 15px;background-color:#f5f2eb;border-top:1px solid #b3895b;}

}


@media all and (max-width:1000px) {


#container {z-index:4;position:relative;*float:left;margin:15px auto;padding:0px 0px;width:98%;min-height:500px;*max-width:1200px;height:auto !important;background:#fff;font-size:1em;zoom:1;}
#container_title {position:relative;margin:0 auto 0px;padding:40px 0 20px 0px;width:96%;margin-bottom:20px;font-size:25px;font-weight:600;color:#333;text-align:center;}
#container_title p.title_bg{display:none;}


.sVisual{margin:0 auto;width:100%;max-width:1700px;}

.location {position: relative;margin:0 auto 0px;z-index: 11; *height: 50px;font-size: 15px;background-color:#FFF;width:100%;max-width:1130px;}


.lnbWrap{display:none;}

.contWrap{*float:right;margin-left:0px;padding-left:0px;width:100%;min-width:700px;background-color:#FFF;}

.opinionList{margin:30px auto 0;width:98%;}
.opinionList:after{display:block;content:"";clear:both;}
.opinionList li{float:left;margin:0 1%;max-width:25%;width:25%;padding:30px 20px;background-color:#f5f2eb;border-top:1px solid #b3895b;}


}



/********* mobile *********/
@media all and (max-width:850px) {

/* 재단 및 상 소개 - 선학평화상  - 평화비전  */
.visionList{}
.visionList li.vision{position:relative;padding:0px 0 0px 50px;margin-bottom:20px;}
.visionList li.vision p.img_box{position:absolute;top:0;left:0;width:120px;}
.visionList li.vision p.img_box img{width:100%;}
.visionList li dl.vsBox{border-top:1px solid #ededed;border-bottom:1px solid #ededed;width:100%;}
.visionList li dl.vsBox:after{display:block;clear:both;content:"";}
.visionList li dl.vsBox dt.vs_txt{float:left;padding:10px 10px 10px  12%;width:35%;font-size:14px;color:#282828;font-weight:600;background-color:#f5f5f5;text-align:center;}
.visionList li dl.vsBox dd.desc{float:left;padding:10px 0 10px 20px ;font-size:13px;color:#666;width:45%;}

.sub103030 .imgL_txtR .txtBox{float:left;padding-left:30px;padding-top:0px;width:60%;}

}



/********* mobile *********/
@media all and (max-width:768px) {


#container_title {position:relative;margin:0 auto 0px;padding:30px 0 20px 0px;width:96%;margin-bottom:20px;font-size:25px;font-weight:600;color:#333;text-align:center;}
#container_title p.location{padding:4px 0 10px ;font-size:13px;color:#aaa;}



.sVisual{margin:0 auto;width:100%;max-width:1700px;height:60px;}
.s_tit{position:absolute;top:20px;left:50%;width:300px;margin-left:-150px;color:#ddd;font-size:17px;}

.location {position: relative;margin:0 auto 0px;z-index: 11; *height: 50px;font-size: 13px;background-color:#FFF;width:100%;max-width:1130px;}
.location a {display: block; font-size: 13px;}
.location a:focus,
.location a:hover {text-decoration: none;}
.location > ul {text-align:left;z-index:9000;}
.location > ul > li {display: inline-block; position: relative;border-right:1px solid #ebebeb;;}
.location > ul > li > a {height: 20px;padding:12px 40px 8px 10px;}
.location > ul > li:first-child > a {padding:12px 15px 8px ;}
.location > ul > li:not(:first-child) > a {position: relative; }
.location > ul > li:not(:first-child) > a:before,
.location > ul > li:not(:first-child) > a:after {display: block; position: absolute; top: 0; height: 100%; content:""; background-repeat: no-repeat; background-position:  50%;}
.location > ul > li:not(:first-child) > a:before {left: 0; width: 17px;}
.location > ul > li:not(:first-child) > a:after {right: 8px; width: 8px; background-image: url('/images/sub/arr_loca_dn.png'); background-size: 8px;}
.location > ul > li.open > a:after {background-image: url('/images/sub/arr_loca_up.png');}
.location > ul > li:last-child > a {color: #b9470c;;}
.location > ul > li:last-child > a:before {width: 80px;background-repeat: repeat-x;}
.location > ul > li:last-child > a:after {background-image: url('/images/sub/arr_loca_dn_last.png');}
.location > ul > li:last-child.open > a:after {background-image: url('/images/sub/arr_loca_up_last.png');}

.location > ul > li > ul {display: none; position: absolute; top: 41px; left: -4px; z-index: 9; background-color: #fff; border: 1px solid #e5e5e5; border-top: none;}
.location > ul > li:last-child > ul {left: -4px;}
.location li li {text-align: left; white-space: nowrap;}
.location li li:first-child {margin-top: 8px;}
.location li li:last-child {margin-bottom: 14px;}
.location li li > a {padding:7px 23px; color: #999;}
.location li li.on > a {color: #333;}
.location > ul > li:last-child li.on > a {color: #b9470c;}


.contWrap{float:right;margin-left:0px;padding-left:0px;width:100%;min-width:0;background-color:#FFF;}

a.btn_big02			{display:inline-block; margin:20px auto 0; padding:15px 30px; width:80%; max-width:470px; *height:50px; font-size:14px; font-weight:600; color:#fff; line-height:14px; background:#0168a9; border:1px solid #013d7e;}
a.btn_big03			{display:inline-block; margin:5px auto 0; padding:15px 10px; width:80%; max-width:200px; *height:50px; font-size:14px; font-weight:600; color:#fff; line-height:14px; background:#0168a9; border:1px solid #013d7e;}

.cmtBox dl.profile_box{float:left;margin-left:20px;margin-bottom:0;margin-top:33px;width:65%;}
.cmtList > .cmtBox{width:45%;height:120px;margin-left:0;}
.cmtList > .cmtBox p.img_box{float:left;width:30%;}
.cmtList > .cmt_box > dl.profile_box{float:left;margin-left:20px;margin-bottom:0;margin-top:5px;width:60%;}

.statementWrap{padding:55px 25px 30px;border:1px solid #dcdcdc;background-color:#f8f8f8;}
.statementWrap .txtBox02{}

/* 한줄에 이미지 두개 전체ul의 max-width 750px / 이미지사이즈 max-width:370px*/
.imgList_li2_02{margin:50px auto 0;max-width:748px;width:100%;}
.imgList_li2_02:after{display:block;clear:both;content:"";}
.imgList_li2_02 li{float:left;width:49.7%;max-width:395px;}
.imgList_li2_02 li:last-child{float:right;width:49.7%;max-width:395px;}
.imgList_li2_02 li img{width:100%;}
.imgList_li2_02 li p{font-size:14px;color:#282828;text-align:left;margin-top:10px;min-height:90px;}
.imgList_li2_02 li p span{color:#666;}


#tabmenu02 li				{float:left; display:block; width:49%;margin-bottom:2px; margin-right:1%;line-height:130%;}


}



/********* mobile *********/
@media all and (max-width:700px) {

.opinionList{margin:0 auto;width:98%;}
.opinionList li{float:left;margin:10px 0;max-width:95%;width:95%;padding:30px 10px;background-color:#f5f2eb;;}
.opinionList li:after{display:block;content:"";clear:both;}
.opinionList li div{float:left;}
.opinionList li div.op_txtBox{width:65%;}
.opinionList li div.op_txtBox p.txt_01{font-size:18px;font-weight:600;color:#3b2b11;text-align:left;}
.opinionList li div.op_txtBox p.txt_02{margin:20px 0;font-size:14px;color:#555;word-break:keep-all;height:auto;}
.opinionList li div.op_imgBox{width:35%;text-align:center;}
.opinionList li div.op_imgBox img{width:70%;}


}



/********* mobile *********/
@media all and (max-width:600px) {


.location > ul > li.depth3 {width:100%;border-top:1px solid #ebebeb;}   /* 3depth 메뉴가 있을 경우 3depth 메뉴는 아래로 떨어지게..*/


/* 텍스트 txtBox */
.txtBox01{font-size:14px;color:#444;line-height:150%;}  /* 기본 */

.txtBox02{color:#666;font-size:13px;}
.txtBox02 span{color:#141414;}

.txtBox03{font-size:17px;color:#282828;line-height:130%;letter-spacing:-1px}
.txtBox03 span{font-weight:600;}

.imgList_li2 li{width:100%;padding-bottom:10px;}
.imgList_li2 li:last-child{width:100%;}

.sub1020 .imgList_li2{margin:15px 0 20px;}

.sub103010{}
.sub103010 .txtBox03{text-align:center;}
.sub103010 .img_w80{padding:40px 0 50px;}
.sub103010 .img_w80 img{width:100%;}
.sub103010 .txtBox02{margin-top:20px;padding-top:30px;border-top:1px dashed #ebebeb;}


/* 재단 및 상 소개 - 선학평화상  - 평화비전  */
.visionList{}
.visionList li.vision{position:relative;padding:0px 0 0px 28px;margin-bottom:20px;}
.visionList li.vision p.img_box{position:absolute;top:0;left:0;width:120px;}
.visionList li.vision p.img_box img{width:100%;}
.visionList li dl.vsBox{border-top:1px solid #ededed;border-bottom:1px solid #ededed;width:100%;}
.visionList li dl.vsBox:after{display:block;clear:both;content:"";}
.visionList li dl.vsBox dt.vs_txt{float:left;padding:15px 0px 13px  15%;width:85%;font-size:14px;color:#282828;font-weight:600;background-color:#f5f5f5;text-align:center;}
.visionList li dl.vsBox dd.desc{float:left;padding:10px 0 10px 0px ;font-size:13px;color:#666;width:100%;}


.sub103030 .imgL_txtR .imgBox{margin:0 auto;width:100%;text-align:center;max-width:none;border-top:1px solid #ddd;padding:10px 0;}
.sub103030 .imgL_txtR .imgBox img{width:50%;}
.sub103030 .imgL_txtR .txtBox{display:block;padding-left:0px;padding:10px 0;width:100%;border-top:1px dashed #ececec;border-bottom:1px solid #ddd;}

.tbl_01 table tbody th{width:30%} 

.histosy_tbl{}
.histosy_tbl table{}
.histosy_tbl table td{} 
.histosy_tbl table td dl{width:100%;} 
.histosy_tbl table td dl:after{display:block;clear:both;content:""} 
.histosy_tbl table td dl dt{*float:left;width:100%;color:#282828;} 
.histosy_tbl table td dl dd{*float:left;padding-left:5%;width:93%;color:#666;} 


.cmtBox{padding:10px;;border:1px solid #e0e0e0;height:auto;}
.cmtBox:after{display:block;clear:both;content:"";}
.cmtBox > p.img_box{display:block;float:left;width:95%;text-align:center;}
.cmtBox > p.img_box >  img{width:30%;}
.cmtBox > dl.profile_box{display:block;width:100%;float:left;margin-left:0px;margin-bottom:0;margin-top:10px;text-align:center;}
.cmtBox > dl.profile_box > dt{margin-bottom:8px;font-size:15px;color:#282828;font-weight:600;}
.cmtBox > dl.profile_box > dd{font-size:13px;color:#666;}

.cmtList{height:auto;;}
.cmtList:aafter{display:block;clear:both;content:"";}
.cmtList > .cmtBox{width:80%;height:auto;margin:0px auto 10px;}
.cmtList > .cmtBox p.img_box{display:block;float:none;width:100%;text-align:center;}
.cmtList > .cmtBox p.img_box img{width:30%;}
.cmtList > .cmt_box > dl.profile_box{display:block;float:none;;margin-left:0px;margin-bottom:0;margin-top:5px;width:100%;text-align:center;}
.cmtList > .cmt_b_Left{float:none;}
.cmtList > .cmt_b_Right{float:none;}



.pre_award .img_w100{position:relative;}
.pre_award .img_w100 p.txtBox01{position:relative;top:0;left:0;display:block;padding:10px;background-color:#152b6b;color:#fff;font-size:13px;}

.statementWrap{padding:30px 10px 20px;border:1px solid #dcdcdc;background-color:#f8f8f8;}
.statementWrap p.tit{margin:0 auto;width:70%;max-width:461px;}

.pre_award .img_w100 p.txtBox02{position:relative;top:0;left:0;display:block;padding:10px;background-color:#152b6b;color:#fff;font-size:13px;}

/* 한줄에 이미지 두개 전체ul의 max-width 750px / 이미지사이즈 max-width:370px*/
.imgList_li2_02{margin:0px auto 0;max-width:748px;width:100%;}
.imgList_li2_02:after{display:block;clear:both;content:"";}
.imgList_li2_02 li{display:block;*float:left;width:100%;max-width:100%;margin-top:50px;}
.imgList_li2_02 li:last-child{*float:right;width:100%;max-width:100%;}
.imgList_li2_02 li img{width:100%;}
.imgList_li2_02 li p{font-size:14px;color:#282828;text-align:left;margin-top:10px;min-height:90px;}
.imgList_li2_02 li p span{color:#666;}

a.btn_big04		{display:inline-block; margin:5px auto 0; padding:20px 0px; width:100%; max-width:100%; *height:50px; font-size:14px; font-weight:600; color:#fff; line-height:14px; background:#0168a9; border:1px solid #013d7e;text-align:center;}


/*게시판 탭*/

.brd_tab01{overflow:hidden;margin:0 auto;padding:10px 0 50px 0;width:97%;}
.brd_tab01 li{float:left;width:50%;margin-top:-1px;}
.brd_tab01 li a{display:block;padding:12px 0 10px 0;text-align:center;font-size:13px;color:#555;border:1px solid #bbb;border-right:none;}
.brd_tab01 li a.mo_bdR{border-right:1px solid #bbb;}
.brd_tab01 li a.last_li{border-right:1px solid #bbb;}
.brd_tab01 li a:hover, .brd_tab01 li a:focus{background-color:#efefef;color:#555;background-color:#efefef;}
.brd_tab01 li.on{border-bottom:none;background:#207dc4;}
.brd_tab01 li.on a{color:#fff;padding:12px 0 12px 0;border:none;}
.brd_tab01 li.on a:hover, .brd_tab01 li.on a:focus{background:#207dc4;color:#fff;}



}







/********* mobile *********/
@media all and (max-width:450px) {

.opinionList li div.op_txtBox{width:100%;}
.opinionList li div.op_txtBox p.txt_01{font-size:18px;font-weight:600;color:#3b2b11;text-align:center;}
.opinionList li div.op_txtBox p.txt_02{margin:20px 20px;font-size:14px;color:#555;word-break:keep-all;}
.opinionList li div.op_imgBox{width:100%;text-align:center;}
.opinionList li div.op_imgBox img{width:40%;}

}


.addbox {width:100%; height:auto;}
.addbox ul {width:100%;}
.addbox ul li {display:block; margin-bottom:1px;}
.addbox ul li span {padding:2px 10px; display:inline-block; text-align:center; width:80px; margin-right:10px; background:#333; color:#fff; border-radius:5px;}

@media all and (max-width:590px) {
.addbox ul li {margin-bottom:15px;}
.addbox ul li span {display:block;}
}
