@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff;min-height:200px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {height:auto}
#ctt_con { padding: 0 !important;}
.ctt_img {text-align:center; padding-bottom: 30px;}

.pc_img img     { width: 100%;}    
.m_img          { display: none;}

#mind_title          {background-image: url("/img/sub/mind_title_bg1.jpg"); background-position: 50% 0px; background-size: cover;  background-attachment: fixed; height: 850px;}
.header_text          { font-size:2.8em!important; padding-top: 10%; text-align: center; color: #fff;text-shadow: 0.1em 0.1em 0.2em #333;word-break: keep-all; }
.header_text span     {  color: #fff; font-weight: bold;}
h1#container_title    { display: none !important;}

.mind_txt1  { padding:80px 0; text-align: center; background-color: #FBB448;}
.mind_txt1 > h2  { font-size:2.4em;line-height:1em; text-align:center; padding-bottom:20px; color:#fff;}
.mind_txt1 > h3  { font-size:1.8em;line-height:1em; text-align:center; color:#fff; font-weight: 400;}
    .ctt_txt{ line-height: 170%; font-size: 18px;}
    .ctt_txt span.txt_type1 { font-weight: bold;}
    .ctt_txt span.txt_type2 { font-weight: bold; background-color: #834f00; color: #fff; padding:1px;}
    .ctt_txt span.txt_type3 { font-weight: bold;text-decoration:underline}
    .white  {color: #fff !important;}
    .ctt_txt2{ line-height: 170%; font-size: 22px; color: #3f1e00;text-align: center; padding:30px 0;font-weight: 600;}

h2.h2_tt  { font-size:2.4em;line-height:1em;  text-align:center; padding:100px 0 60px; color:#3b1000}

.map            { width:1260px; margin: 20px auto;}
ul.map_info     { clear:both; margin-top: 20px;color:#3f1e00; font-size: 16px; text-align: left !important;} 
ul.map_info i   {width:25px;color:#3f1e00;line-height:30px;position:relative;z-index:2}
ul.map_info li:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width: 969px){

    #mind_title          {height:600px; background-attachment: inherit; }
    #ctt_himg img, #ctt_timg img, #ctt_con img {width: 100%;}
    .m_img       { display: block;}
    .m_img img   { width: 100%;}    
    .pc_img      { display: none;}

    .header_text    { padding: 25% 10% 0;}
    .map            { width: 96%; margin: 0 2%;}


}



/* 공통 */
.history-type01 {position:relative; margin:80px auto 40px; width:1260px; }
.history-type01 .history-wr:before {position:absolute;top:50px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:98%;background:#d1d1d1;z-index:1}
.history-type01 .his-tit {position:relative;display:table;width:200px;height:200px;margin-left:auto;margin-right:auto;background:#FBB448;border-radius:50%;text-align:center;padding:24px;box-sizing:border-box;line-height:1;z-index:2}
.history-type01 .his-tit .tit {display:table-cell;vertical-align:middle;}
.history-type01 .his-tit .tit em {font-style:normal;display:block;}
.history-type01 .his-tit .tit .e-tit {font-size:13px;letter-spacing:0.08em;color:#000;text-transform:uppercase;}
.history-type01 .his-tit .tit .e-tit:before {content:"";display:block;width:23px;height:65px;margin-left:auto;margin-right:auto;margin-bottom:8px;}
.history-type01 .his-tit .tit .k-tit {font-size:18px;font-weight:400;color:#fff;}
.history-type01 .his-tit .tit .k-tit:before {content:"";display:block;width:12px;height:1px;background:#000;margin:8px auto;}
.history-type01 .history-list {position:relative;width:50%;text-align:right;margin-top:35px;} 
.history-type01 .history-list .year {position:relative;text-align:left;font-size:28px;line-height:1;color:#222; padding-left:40px}
.history-type01 .history-list .year:after {position:absolute;bottom:-45px;content:"";display:block;width:18px;height:31px;background:url(/img/about/dpt_history_spr.png) -217px -37px}
.history-type01 .history-list .year2 {position:relative;text-align:right;font-size:28px;line-height:1;color:#222; padding-right:40px}
.history-type01 .history-list .year2:after {position:absolute;bottom:-45px;content:"";display:block;width:18px;height:31px;background:url(/img/about/dpt_history_spr.png) -217px -37px}
.history-type01 .history-list .history {position:relative;margin-top:20px;font-size:15px;color:#444;}
.history-type01 .history-list .history:before {position:absolute;top:-6px;content:"";display:block;width:12px;height:12px;background:#44b3c2;border-radius:50%;z-index:2}
.history-type01 .history-list .history li {position:relative;margin:7px 0;line-height:1.6;overflow:hidden;}
.history-type01 .history-list .history li:last-child {padding-bottom:25px}
.history-type01 .history-list .history li .txt {max-width:65%; line-height:140%; font-size:15px}
.history-type01 .history-list .history li .txt:before {position:absolute;top:11px;content:"";display:block;width:3px;height:3px;background:#3d3d3d}
.history-type01 .history-list .history li span {position:relative;}
.history-type01 .history-list .history li .day {color:#eb0d89;font-size:15px;font-weight:500; width:70px}
.txt_day_point	{color:#0d904d;}


/* 짝수 */
.history-type01 .history-list:nth-child(odd) {margin-left:50%;text-align:left;}
.history-type01 .history-list:nth-child(odd) .year:after {right:0;}
.history-type01 .history-list:nth-child(odd) .history {padding-left:40px;}
.history-type01 .history-list:nth-child(odd) .history:before {left:-6px;}
.history-type01 .history-list:nth-child(odd) .history li span {float:left;}
.history-type01 .history-list:nth-child(odd) .history li .day {margin-right:20px;}
.history-type01 .history-list:nth-child(odd) .history li .txt {padding-left:13px;}
.history-type01 .history-list:nth-child(odd) .history li .txt:before {left:0;}
/* 홀수 */
.history-type01 .history-list:nth-child(even) {margin-right:50%;}
.history-type01 .history-list:nth-child(even) .year:after {left:0;}
.history-type01 .history-list:nth-child(even) .history {padding-right:40px;}
.history-type01 .history-list:nth-child(even) .history:before {right:-6px;}
.history-type01 .history-list:nth-child(even) .history li span {float:right;}
.history-type01 .history-list:nth-child(even) .history li .day {margin-left:20px;}
.history-type01 .history-list:nth-child(even) .history li .txt {padding-right:13px;}
.history-type01 .history-list:nth-child(even) .history li .txt:before {right:0;}

.f_w	{ color:#FFF}

@media only screen and (max-width:1259px){
	.history-type01 {margin:20px 2%; width:96%; }
}

@media only screen and (max-width:969px){
	.history-wr	{ display: none !important;}
	.history-type01 .history-list .history li .txt {max-width:77%} 
}
@media (max-width: 769px){
	.history-type01 .history-list, .history-type01 .history-list:nth-child(odd), .history-type01 .history-list:nth-child(even) {width:auto;margin:30px 0 0;padding-left:20px;padding-right:20px;}
	.history-type01 .history-wr:before {height:240px;}
	.history-type01 .history-list .history, .history-type01 .history-list:nth-child(odd) .history, .history-type01 .history-list:nth-child(even) .history {padding-left:0;padding-right:0;text-align:left;}
	.history-type01 .history-list:first-child .year {padding-top:40px;}
	.history-type01 .history-list:nth-child(even) .history li {padding-left:0;padding-right:0;}
	.history-type01 .history-list:nth-child(even) .history li .day {margin-left:0;margin-right:20px;}
	.history-type01 .history-list:nth-child(even) .history li .txt {padding-right:0;padding-left:13px;}
	.history-type01 .history-list:nth-child(even) .history li .txt:before {right:auto;left:0;}
	.history-type01 .history-list:nth-child(even) .history li span {float:left;}
	.history-type01 .history-list .history:before {position:absolute;top:-6px;content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;z-index:2}
}
@media (max-width: 499px){
	.history-type01 .history-list .year,.history-type01 .history-list .year2 {font-size:24px; padding: 0; text-align: center;}
	.history-type01 .history-list:nth-child(even) .history li span, .history-type01 .history-list:nth-child(odd) .history li span {float:none;display:block;margin:0}
	.history-type01 .history-list:nth-child(odd) .history li .txt, .history-type01 .history-list:nth-child(even) .history li .txt {padding-left:8px}
	.history-type01 .history-list .history li .txt {max-width:100%}
	.history-type01 .history-list .history li .txt:before {top:8px;}
}