@charset "utf-8";
#ctt {min-height: 400px;}
#ctt_con {font-weight: 300;font-size: 1.10em;line-height: 2.0em;color: #484848;}
#locationArea {border:1px solid #ddd;border-width:1px 0;margin-bottom:50px}
#locationArea .wrap {width:100%;max-width:1270px;margin:0 auto;}
#locationArea .locaA {height:50px;}
#locationArea .locaA > ul > li {float:left;position:relative;}
#locationArea .locaA > ul > li > a{display:block;line-height:50px;width:245px;border-right:1px solid #ddd;padding:0 10px;background: url(/img/mobile/icon_locarr_down.png) right 10px center no-repeat;}
#locationArea .locaA .home a{display:block;width:50px;height:50px;background:url(/img/mobile/icon_home.png)no-repeat 50% 50%;float:left;border-left:1px solid #ddd;}

#locationArea .locaA .menu_list {position:absolute;top:51px;left:-1px;right:0px;padding:20px 0px;border:1px solid #ddd;border-top:none;display:none;background:#fff;z-index:9999;}
#locationArea .locaA .menu_list li a {display:block;font-size:14px;line-height:40px;padding:0 10px;}
#locationArea .locaA .menu_list li:hover a {background:#da63a8;color:#fff;}

#container_title {width:100%;max-width:1270px;margin:0 auto 30px;position:relative;top:0px;background:#fff;z-index:999;}
#container_title .page_name {display: block; width: 100%; font-size: 38px; color: #222222; text-align: center;font-weight: 400;}

.sub_tabmenu {top:50px;background:#fff;z-index:999;}
.sub_tabmenu #sub_tablist {width:100%;max-width:1270px;margin:30px auto;border:1px solid #ddd;height:50px;}
.sub_tabmenu #sub_tablist li {float:left;border-right:1px solid #ddd;position:relative;}
.sub_tabmenu #sub_tablist li:last-child {border:none;}
.sub_tabmenu #sub_tablist li a {display:block;line-height:50px;text-align:center;}
.sub_tabmenu #sub_tablist li.on:before {content:'';position:absolute;left:-1px;right:-1px;bottom:0;height:4px;background:#166bad}

#bo_w, #bo_v, #bo_list {width:100%;max-width:1270px;margin:0 auto 50px;}

#container .tit01{font-family: 'AritaDotum';font-weight: 400;font-size: 30px;}
#container .tit02{font-family: 'AritaDotum';font-weight: 400;font-size: 25px;margin: 0 0 10px;}
#container .tit02 p{width:25px;height:20px;background:url(/img/dot_tit.png) 0 0px no-repeat;display: inline-block;}
#container .tit03{font-family: 'AritaDotum';font-weight: 400;font-size: 1.5em; font-weight:700;color:#ec6c00;}
#container .tit04{font-family: 'Arita-buri';font-weight: 400;font-size: 1em;border:1px solid #fc831e ;padding:10px;text-align:center;width:50%;color:#000;border-radius:100px;display:block;margin:0 auto;}
#container .tit05{border:2px solid #e4e4e4;text-align:center;padding:20px;margin:0 auto;width:100%;}
#container .tit06{font-family: 'Arita-buri';font-weight: 400;font-size: 1.3em;background:#fc831e;padding:10px;text-align:center;width:40%;color:#fff;border-radius:100px;display:inline-block;}
#container .tit07{font-size: 1em;background:#fc831e;padding:5px 10px;text-align:center;color:#fff;width:20%;}
#container .tit08{border:2px solid #e4e4e4;padding:20px;width:100%;font-size: 0.9em;line-height:1.5em;}
#container .tit09{font-weight: 500;text-indent:-48px;padding-left:45px;line-height:28px;}
#container .tit09 span{font-size: 0.8em;border-radius: 20px;background:#ff7603;width:50px;height:50px;padding:5px 12px;color:#fff;margin-right:10px;}
#container .tit10{font-family: 'Arita-buri';font-weight: 400;font-size: 1em;border:1px solid #fc831e ;padding:10px;text-align:center;width:50%;color:#000;border-radius:100px;display:block;}

@media screen and (max-width:800px) {
#container .tit04{width:95%;font-size: 0.8em;}
#container .tit07{width:50%;}
}

@media screen and (max-width:1200px) {
#container .tit10{width:90%;}
}

.pott {color:#ec6c00 !important;}
.pott1 {color:#7d6a63 !important;}
.pott2 {color:#e6777d !important;}
.pott3 {color:#000 !important;}
.pott4 {color:#888 !important;}

.pottS {font-size:13.5px; color:#757575; line-height:160%;}
.pottB {font-weight:400 !important;}
.pottSB {font-weight:600 !important;}

.fs1 {font-size:0.9em;}
.fs2 {font-size:1.6em;}

.alink2 {position:relative;color: #ff5d65;font-size: 0.9em;font-weight: 400;}
.alink2:after {content: '';position: absolute;right: -24px;top: 2px;width: 18px;height: 18px;border-radius: 10px;background: #ff7473 url(/img/icon_arrow1.png) 50% 45% no-repeat;}

.alink2:hover {color:#000}
.alink2:hover:after {background: #000 url(/img/icon_arrow1.png) 50% 45% no-repeat;}




.lets0 {letter-spacing:0px !important;}
.lets1 {letter-spacing:-0.1px !important;}
.lets5 {letter-spacing:-0.5px !important;}
.lets10 {letter-spacing:-1px !important;}
.lets15 {letter-spacing:-1.5px !important;}
.lets20 {letter-spacing:-2px !important;}

.litc2 {width:412.5px;}
.litc3 {width:274px;}
.litc4 {width:204.5px;}
.litc5 {width:153px;}
.litc6 {width:135.5px;}
.litc7 {width:115.5px;}

.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl01 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  font-weight:700; background:#f5f5f5;line-height:1.4em;}
.tbl01 td{padding:18px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;line-height:1.4em;}

.tbl02 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl02 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  font-weight:600; background:#f5f5f5;line-height:1.4em;font-size:0.8em;}
.tbl02 td{padding:18px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;line-height:1.4em;}


#container dl.fl {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fl > dt{float:left; display:block;width:15%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.fl > dd{float:right; display:block;width:80%; font-weight:300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.fl .address {display:inline-block; font-family:'AritaDotum'; font-weight:bold; margin-right:10px; min-width:100px;font-size:1.0em;}
#container dl.fl:after{clear:both; content:''; display:block;}
#container dl.fl img{border-radius: 10px;}

#container dl.fl2 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fl2 > dt{float:left; display:block;width:26%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.fl2 > dd{float:right; display:block;width:70%; font-weight:300;   padding-top:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.fl2:after{clear:both; content:''; display:block;}

#container dl.fl3 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fl3 > dt{float:left; display:block;width:48%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.fl3 > dd{float:right; display:block;width:48%; font-weight:300;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.fl3:after{clear:both; content:''; display:block;}

#container dl.fl4 {margin-top:0px; letter-spacing:0px; line-height:28px;}
#container dl.fl4 dt{clear:both; float:left; width:30%;}
#container dl.fl4 dd{float:left; width:66%; margin-left:4%;}
#container dl.fl4:after{clear:both; content:''; display:block;}
#container dl.fl4 img {max-width:100%;}

@media screen and (max-width:700px) {
#container dl.fl2 > dt{width:100%;}
#container dl.fl2 > dd{width:100%;}

}





ul.bul {width:100%; position:relative; clear:both; margin:0;}
ul.bul li {position: relative;padding: 0 0 0 10px;line-height:170% !important;}
ul.bul li:after {content: '';position: absolute;left: 0;top: 15px;width: 3px;height: 3px;background: #e385a8;}
ul.bul li span.libox {display:inline-block; width:84px; color:#d6781d; font-family:'NotoKrM';}
ul.bul li span.libox2 {position:relative; color:#5aa0ac; width:60px; text-align:center; display:inline-block; border:1px solid #5aa0ac; font-weight:normal; font-family:'NotoKrM'; height:24px; line-height:24px; font-size:15px; letter-spacing:-0.5px; margin:0 15px 2px 0; vertical-align:middle;}
ul.bul li a.alink {display: inline-block;margin: 0 0 0 8px;font-size: 0.8em;text-transform: uppercase;color: #a9a9a9;}
ul.bul li a.alink:hover{color:#e385a8;}

ul.bul2 {width:100%; position:relative; clear:both; margin:0;}
ul.bul2 li {float: left;position: relative;width: 160px;text-align: center;margin: 0 20px 0 0; border-radius: 20px;height: 105px;line-height: 140%;font-size: 16px;border: 1px solid #ddd;}

ul.bul3 {display:flex;}
ul.bul3 li {padding:1px;}
ul.bul3 li img{border-radius:15px;}

@media screen and (max-width:900px) {
ul.bul3 {flex-wrap:wrap;}
ul.bul3 li {width:33.3%;}
}

.order {text-align: center;}
.order ul {display: flex;}
.order ul:after {content:'';display:block;clear:both;}
.order ul li {position: relative;width:25%;text-align: center;margin: 0 20px 0 0;border-radius: 20px;height: 105px;line-height: 140%;font-size: 16px;border: 1px solid #ddd;}
.order ul li:after {content:'';position: absolute;right: -13px;top: 46px;width: 7px;height: 7px;border: 1px solid #222;transform: rotate(45deg);border-left: 0;border-bottom: 0;}
.order ul li.last-child:after {display:none;}
.order ul li span{position: absolute;left: 0;top: 15px;width: 100%;display: block;font-size: 13px;font-weight: bold;color: #ec6c00;}
.order ul li p {position: absolute;left: 0;top: 59%;width: 100%;transform: translate(0, -50%);}

@media screen and (max-width:900px) {
.order ul {flex-wrap:wrap;}
.order ul li {width:80%;margin:0 0 10px 0;}
}

.clear {clear:both; position:relative;}
.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}

.bd {display:block; border:none; background:#eaeaea; height:1px;margin:60px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:30px 0px; padding:0px; font-size:0px; clear:both;}
.bd3 {display:block; border:none; border-bottom:1px dotted #e5e5e5; height:1px; margin:20px 0px; padding:0px; font-size:0px; clear:both;}
.bd4 {display:block; border:none; background:#eaeaea; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}
.bd5 {display:block; border:none; background:#eaeaea; height:1px;margin:80px 0px; padding:0px; font-size:0px; clear:both;}


.bg {display:block; border:none; height:60px; margin:40px 0px; padding:0px; font-size:0px; clear:both; background:url(/img/01/bg_con.png) center no-repeat;}
.portrait {height: 780px;background: #f1f1f0;}
.portrait img {max-height: 100%;}



.bgn {background:none !important;}
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}

.mt10 {margin-top:10px !important;}
.mt30 {margin-top:30px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl40 {padding-left:40px !important;}
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px !important;}
.pl0 {padding-left:0 !important;}

.txt_l {text-align:left !important;}
.txt_r {text-align:right !important;}
.txt_c {text-align:center !important;}

 
#myModal .modal img {max-width: 90% !important;max-height: 90% !important}


#sVisualA{height:150px}
.svbg{background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg10 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg20 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg30 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg40 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg50 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg60 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg70 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}
.svbg80 {background: url(/img/mobile/subtopbgall.jpg)center top no-repeat}

.btn-lg{padding: 12px 0.75rem ; font-size: 1rem !important; width:100% !important; max-width:390px;line-height: 1.5;}
.btn-primary{ color: #fff;background-color:#024579; border-color:#024579;}
.btn-primary:hover {color: #fff;background-color: #0069d9;border-color: #0062cc;}
.mt-5 {margin-top: 3rem !important;}




@media screen and (max-width:1150px) {
.col3_1 img{width:100%  !important}
.business_area .title5{ height: auto !important}
	/*#ctt {padding:0 20px;}*/
}

@media screen and (max-width:900px) {
#locationArea {margin-bottom:30px;}
#ctt_con {padding:0 0 50px;}
.sub_tabmenu #sub_tablist li a {font-size:12px;letter-spacing:-0.075em;}
#container dl.fl > dt{width:100% !important;margin-bottom: 20px;}
#container dl.fl > dd{width:100% !important;}
#container dl.fl > dd table
#container dl.fl2 > dt{width:100% !important;}
#container dl.fl2 > dd{width:100% !important;}

#container dl.fl3 > dt{width:100% !important;}
#container dl.fl3 > ddwidth:100% !important;}
#container dl.fl4 > dt{width:100% !important;margin-bottom:30px;}
#container dl.fl4 > dd{width:100% !important;margin-left: 0%;}

#container .tit05 {font-size: 1.1em;}
#container .tit06 {font-size:1.1em;}
#container dl.fl .address {display:block;}
#container_title .page_name {font-size:1.6em;}

.h50 {height:30px;}
.h30 {height:20px;}
#container .tit07 p {position: absolute;left: 50%;top: 50%;width: 100%;text-align: center;color: #fff;font-family: 'AritaDotum';font-weight: 400;font-size: 2.0em;line-height: 0.8em;transform:translate(-50%, -50%);}
#ft #ft_inner .copy1 {float: left;font-size: 15px;}
#contArea {padding: 0px 20px;}
.sub_history_wrap .top_wrap .text_wrap  {padding:33px !important;width: 100%;}
.sub_history_wrap .top_wrap .text_wrap h3 span {font:24px 'Noto Serif KR', serif !important;}
.sub_history_wrap .top_wrap .text_wrap h3  {font-size: 28px !important;letter-spacing: 0px !important}
.sub_history_wrap .top_wrap .image_wrap {height: 289px !important}
.history {background: url(/img/icon_history2.gif) repeat-y 95px top !important}
.history .left dt  {font-size: 22px !important}
.history .left .circle {top: 6px !important;right: auto !important;left: 88px !important;}
.history .right dd  {padding: 4px 0 15px 120px !important}
.col3_1 {width: 100% !important}
.fl dd iframe {width: 100% !important; height:200px !important }
#locationArea .locaA > ul > li > a{width: 151px;overflow: hidden;height: 50px;padding-right: 25px !important;}

} 




@media screen and (max-width:480px) {
	.sub_tabmenu #sub_tablist {border:none;}
	.sub_tabmenu #sub_tablist li {display:none;}
	.sub_tabmenu #sub_tablist li.on {display:block;width:100% !important;}
	.sub_tabmenu #sub_tablist li.on a {font-size:18px;}
	.sub_tabmenu #sub_tablist li.on:before {width:20px;left:50%;right:auto;bottom:auto;top:-20px;transform:translateX(-50%);}
	#container .tit09     { font-size: 21px;    margin: 15px 0px 15px 0px;}
	.bd5   {margin: 30px 0px}
	.portrait {height: auto}
	#container dl.fl2 > dt{float:none; display:block;width:100% !important}
	ul.history1 li .date     {width: 50%  !important}


}


/*히스토리*/
.sub_history_wrap .top_wrap
{
	position:relative;
	width:100%;
}
.sub_history_wrap .top_wrap .image_wrap
{
	position:relative;
	width:100%;
	height:520px;
}
.sub_history_wrap .top_wrap .text_wrap
{
	position:absolute;
	bottom:50px;
	right:0px;
	background:#c0935a;
	padding:65px 131px 65px 70px;
}
.sub_history_wrap .top_wrap .text_wrap h3
{
	font-size:50px;
	font-weight:600;
	color:#fff;
	letter-spacing:-2.5px;
	line-height:1.2;
}
.sub_history_wrap .top_wrap .text_wrap h3 span
{
	display:block;
	font:30px 'Noto Serif KR', serif;
	font-weight:300;
	letter-spacing:1.8px;
	margin-bottom:10px;
}

.sub_history_wrap .bottom_wrap
{
	position:relative;
	width:100%;
	margin-top:160px;
	padding:0 100px;
}
.sub_history_wrap .bottom_wrap:before
{
	content:'';
	position:absolute;
	top:26px;
	left:555px;
	width:1px;
	height:calc(100% + 65px);
	background:#E3E3E3;
}
.sub_history_wrap .bottom_wrap > li
{
	position:relative;
	display:flex;
	align-items:flex-start;
}
.sub_history_wrap .bottom_wrap > li + li
{
	margin-top:58px;
}
.sub_history_wrap .bottom_wrap > li > .left
{
	font-size:60px;
	font-weight:600;
	color:#39352B;
	letter-spacing:0;
	flex-basis:340px;
	flex-shrink:0;
}
.sub_history_wrap .bottom_wrap > li > .right
{
	flex-grow:1;
	margin-top:20px;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li
{
	display:flex;
	align-items:flex-start;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li + li
{
	margin-top:17px;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li > .left
{
	position:relative;
	font-size:22px;
	font-weight:500;
	letter-spacing:0;
	flex-basis:80px;
	flex-shrink:0;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-right:69px
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li > .left:after
{
	content:'';
	position:absolute;
	top:6px;
	right:-40px;
	width:9px;
	height:9px;
	background:#DA8F02;
	border-radius:100%;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li > .right
{
	font-size:18px;
	color:#888888;
	letter-spacing:-0.9px;
	flex-grow:1;
	line-height:1.4;
}

.history{width:100%; background:url('/img/icon_history2.gif') repeat-y 24% top; overflow:hidden; padding:40px 0;}
.history .left{float:left;text-align:right;}
.history .left dt{position:relative;padding:0 50px 0px 0px; font-weight:700;font-size: 40px;line-height: 1.2;letter-spacing: -1px;}
.history .left .circle{position:absolute; top:10px; right:-26%; display:block; width:16px; height:16px; background:#ec6c00;border-radius: 50%;}
.history .left dd{position:relative;padding:4px 100px 15px 0;}
.history .left dd p{position:absolute; right:50px; font-weight:700;}
.history span{display:block; margin-bottom:7px;}
.history .right{float:left;text-align:left;padding-left: 70px;}
.history .right dt{position:relative;padding:0 0px 0px 50px; font-weight:700;}
.history .right .circle{position:absolute; top:10px; left:-8px; display:block; width:16px; height:16px; background:url('../img/design/icon_history.gif') no-repeat left top;}
.history .right dd{position:relative;padding:4px 0 15px 100px;}
.history .right dd p{position:absolute; left:50px; font-weight:700;}

.col1{width:100%;}
.col2{width:50%; float:left;}
.col3{width:31.9%; float:left; margin:0 2.1% 50px 0;}
.col3:nth-child(3){margin-right:0}
.col3:nth-child(6){margin-right:0}
.col3:nth-child(9){margin-right:0}
.col3:nth-child(12){margin-right:0}
.col3_1{width:23.4%; float:left; margin:0 2.1% 50px 0;}
.col3_1:nth-child(4){margin-right:0}
.col3_1:nth-child(6){margin-right:0}
.col3_1:nth-child(9){margin-right:0}


.col4{width:25%;}
.col5{width:20%;}

.business_area{overflow:hidden;}
.business_area .line{border-bottom:1px solid #333; width:100%;}
.business_area .btn{display:inline-block; border:1px solid #333; padding:10px 40px; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;font-size:13px; transition:all 0.3s ease-in; cursor:pointer;}
.business_area .btn:hover{background:#333; color:#fff;}
.business{position:relative;overflow:hidden;}
.business .txt{width:46%; float:left; margin-top:10px;}
.business .img2{width:46%; float:left;}
.business .img{width:46%; float:right; text-align:right;}
.business .txt2{width:46%; float:right; margin-top:10px;}
.business .btn{font-family:dotum,'µ¸¿ò';font-size:13px; letter-spacing:-1px; color:#333; background:transparent;border-radius:2px; border:1px solid #333; display:inline-block; padding:10px 30px; cursor:pointer; transition:all 0.3s ease-in;}
.business .btn:hover{background:#333;; color:#fff;}
.business .img img, .business .img2 img{width:100%;} 
.business_area .title5{ padding: 30px;background: #f5f5f5;height: 425px;}

.btnArea {display:block; position:relative; width:100%; height:50px; text-align:center;}
.btnArea a.btn_01 {display:inline-block; position:relative; margin:0 5px;padding:0px 125px; height:70px; line-height:70px; font-size:25px; font-weight:500; background:#b1b1b1; color:#fff; border:1px solid #8e8e8e; } 
.btnArea a.btn_01:hover {color:#ff7603; border:1px solid #ff7603; background:#fff;}

ul.history1 {width:100%; position:relative; clear:both; margin:0;}
ul.history1 li {list-style:none; display:block; padding:15px 0px; border-bottom:1px dashed #f5d2e7;}
ul.history1 li:first-child {border-top:2px solid #ff90c5}
ul.history1 li .date {display:block; float:left; width:40%; color:#ff90c5; font-family:'NotoKrM';padding-left: 5px;font-weight: 600; }
ul.history1 li .memo {display:block;  float:left; width:50%}
ul.history1 li:after {clear:both; content:''; display:block;} 


/* 조직도 */
#org_2024 {max-width:80%; margin:0 auto;}
#org_2024 .orge {background:url('/img/org_line2024.png') no-repeat center top;}
#org_2024 .orge > li > ul {position:relative; overflow:hidden; }
#org_2024 .orge .org1 {display:block; overflow:hidden; width:290px; margin:0 auto;}
#org_2024 .orge .org1 span {display:block; color:#fff; line-height:61px; text-align:center; font-weight:600;}
#org_2024 .orge .governor {background:linear-gradient(to bottom left, #f091ac, #cb6c9f, #aa4893); border-radius:6px 6px 0 0;}
#org_2024 .orge .secretary {background:#e5e5e5; border-radius:0 0 6px 6px; color:#333 !important;}
#org_2024 .orge li.org2 {position:absolute; padding:3px; width:480px;}
#org_2024 .orge li.org2 a, #org_2024 .orge li.org2 span {display:block; width:230px; margin:7px 0; background:#f393ad; color:#fff; border-radius:6px; line-height:45px; text-align:center;}
#org_2024 .orge li.org2.org2_1 {left:39%; top:175px;}
#org_2024 .orge li.org2.org2_1 > a {float:right; margin-top:59px;}
#org_2024 .orge li.org2.org2_2 {right:0; top:227px;}
#org_2024 .orge li.org2.org2_2 > a {float:left;}
#org_2024 .orge li.org2 .org3 li {margin:7px 0;}
#org_2024 .orge li .org3 a {display:block; width:200px; background:#e5e5e5; color:#333333; border-radius:6px; line-height:45px; text-align:center;font-weight: 600;}
#org_2024 .orge li.org2.org2_1 > .org3 {}
#org_2024 .orge li.org2.org2_2 > .org3 {float:right;}
#org_2024 .orge li.org2.org2_3 {right:0; top:0; width:265px; padding:10px 15px; border:1px solid #ccc;}
#org_2024 .orge li.org2.org2_3 li {margin-top:5px;}
#org_2024 .orge li.org2.org2_3 li:first-child {margin-top:0;}
#org_2024 .orge li.org3 {position:absolute; top:73px; left:43%; margin-left:-250px;}
#org_2024 .orge li.org4 {float:left; width:22%; margin:0 0 30px 4%; box-sizing:border-box; padding:3px;}
#org_2024 .orge li.org4.org4_1,
#org_2024 .orge li.org4.org4_2,
#org_2024 .orge li.org4.org4_3,
#org_2024 .orge li.org4.org4_4 {margin-top:440px;}
#org_2024 .orge li:nth-child(5),
#org_2024 .orge li:nth-child(9),
#org_2024 .orge li:nth-child(13),
#org_2024 .orge li:nth-child(17){margin-left:0;}
#org_2024 .orge li.org4 > a,
#org_2024 .orge li.org4 > span {display:block; background:#555b69; color:#fff; border-radius:6px 6px 0 0; line-height:45px; text-align:center;}
#org_2024 .orge li.org4 .org_list {background:#eeeff0; padding:12px 20px 12px 20px; border-radius:0 0 6px 6px; min-height:270px; text-align:left;}
#org_2024 .orge li.org4 .org_list li {position:relative; margin:4px 0; padding-left:10px; font-size:16px;}
#org_2024 .orge li.org4 .org_list li:before {content:''; position:absolute; top:11px; left:0; width:2px; height:2px; background:#555b69;}
#org_2024 .orge li.org4 .org_list li a {display:block;}
@media all and (max-width:1400px) {
    #org_2024 {max-width:100%;}
}
@media all and (max-width:1400px) {
	#org_2024 .orge {background:url('/img/org_line2024.png') no-repeat center top;}
}
@media all and (max-width:1200px) {
	#org_2024 .orge {}
	#org_2024 .orge li.org2 {width:420px;}
	#org_2024 .orge li.org2 a, #org_2024 .orge li.org2 span {width:210px;}
	#org_2024 .orge li .org3 a {width:180px;}
	#org_2024 .orge li.org2.org2_3 {right:194px; width:auto;}
}
@media all and (max-width:1023px) {
    #org_2024 {font-size:16px;}
    #org_2024 .orge {/*background:url('/Main/Images/new/ko/sub06/org_line_ta2021.gif') no-repeat center 15px;*/ background-size:100% 630px;}
    #org_2024 .orge li.org2 {width:370px;}
	#org_2024 .orge li.org2 a, #org_2024 .orge li.org2 span {width:180px;}
	#org_2024 .orge li .org3 a {width:150px;}
	#org_2024 .orge li.org2.org2_1 {left: 41%;top: 190px;}
    #org_2024 .orge li.org2.org2_3 {right:4%;}
    #org_2024 .orge li.org3 {margin-left:-200px;}
    #org_2024 .orge li.org4 .org_list li {font-size:14px;}
    #org_2024 .orge li.org4.org4_1,
    #org_2024 .orge li.org4.org4_2,
    #org_2024 .orge li.org4.org4_3,
    #org_2024 .orge li.org4.org4_4 {margin-top:430px;}
}
@media all and (max-width:768px) {
    #org_2024 .orge {background:url('/img/org_line2024.png') no-repeat center top;}
	#org_2024 .orge li.org2 {width:50%; text-align:center;}
	#org_2024 .orge li.org2 a, #org_2024 .orge li.org2 span {width:150px; margin:0 auto;}
	#org_2024 .orge li.org2.org2_1 {left: 24%;top: 190px;}
	#org_2024 .orge li.org2.org2_2 {top:185px;}
	#org_2024 .orge li.org2.org2_3 {right:4%;}
	#org_2024 .orge li.org2.org2_1 > a {float:none;}
	#org_2024 .orge li.org2.org2_2 > a {float:none;}
	#org_2024 .orge li.org2.org2_1 > .org3, #org_2024 .orge li.org2.org2_2 > .org3 {float:none;}
	#org_2024 .orge li.org4 {width:48%;}
    #org_2024 .orge li.org4.org4_3,
    #org_2024 .orge li.org4.org4_4 {margin-top:0;}
    #org_2024 .orge li:nth-child(odd) {margin-left:0;} /*Ȧ��*/
	/*#org_2024 .orge li:nth-child(even) {margin-left:0;} /*¦��*/
	#container .tit01{font-size: 25px;}
	.btnArea a.btn_01 {padding:0px 50px;} 
	#container .tit17{padding-top:120px;}
}
@media all and (max-width:480px) {
	#org_2024 .orge {background:url('/img/org_line2024.png') no-repeat center top;}
	#org_2024 .orge li.org2 a, #org_2024 .orge li.org2 span {width:130px;}
	#org_2024 .orge li.org2.org2_3 {right:0;padding: 10px;top:20px;}
}