input[type="submit"], textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#sVisualA {height: 230px;margin: 0 auto;position:relative;text-align:center;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.svbg1 {background: url(../img/sub_bg01.jpg) center center no-repeat;}
.svbg2 {background:url(../img/sub_bg02.jpg) center top no-repeat;}
.svbg3 {background:url(../img/sub_bg03.jpg) center top no-repeat;}
.svbg4 {background:url(../img/sub_bg04.jpg) center top no-repeat;}
.svbg5 {background:url(../img/sub_bg05.jpg) center top no-repeat;}
.svbg6 {background:url(../img/sub_bg.jpg) center top no-repeat;}
.svbg7 {background:url(../img/sub_bg.jpg) center top no-repeat;}
.svbgc0 {background:url(../img/sub_bg.jpg) center top no-repeat;}
#sVisualA .svisTxt {font-size: 20px;font-weight: 500;margin: 100px 0 0;}
#sVisualA .svisTxt span {}
#sVisualA .svisTxt p {font-size: 32px;line-height: 100%;margin: 8px 0 0;}

#locationArea {display: block;height: 50px;line-height: 50px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#locationArea .locaA {display:block;position:relative;width: 100%;height: 100%;background: rgb(255 255 255);}
#locationArea .wrap {width: 1200px;margin: 0 auto;position: relative;}
#locationArea .wrap:after {clear:both; content:''; display:block;}
#locationArea .home{float:left;}
#locationArea .home a{display:block;width: 50px;height: 50px;text-indent:-99999px;background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 298.9 298.4' viewBox='0 0 298.9 298.4'%3E%3Cpath d='M293.5 100 150 2.2c-4.4-3-10.3-2.9-14.5.3L5 100.3c-3.1 2.4-5 6.1-5 10v175.5c0 6.9 5.6 12.5 12.5 12.5h273.9c6.9 0 12.5-5.6 12.5-12.5V110.3c0-4.1-2-8-5.4-10.3zm-19.6 173.4H25V116.6l118.3-88.7L273.9 117v156.4z' style='fill:%23222'/%3E%3C/svg%3E") center center no-repeat;background-size: 16px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#locationArea .depth1{float:left;}
#locationArea .depth1 a{display:block;height: 50px;width: 300px;color: #555;padding: 0px 60px 0px  30px;font-size: 16px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 17.1 9.9' viewBox='0 0 17.1 9.9'%3E%3Cpath d='M15.7 0 8.5 7.1 1.4 0 0 1.4l8.5 8.5 8.6-8.5z' style='fill:%23555'/%3E%3C/svg%3E") 92% center no-repeat;background-size: 14px;font-weight: 400;text-align: left;border-right: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;letter-spacing: -1px;}
#locationArea .depth1 a:hover {color: #000;background: #efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 17.1 9.9' viewBox='0 0 17.1 9.9'%3E%3Cpath d='M15.7 0 8.5 7.1 1.4 0 0 1.4l8.5 8.5 8.6-8.5z' style='fill:%23555'/%3E%3C/svg%3E") 92% center no-repeat;background-size: 14px;}
#locationArea .depth2{display:inline-block;float:left;}
#locationArea .depth2 a{display:block;width: 240px;height: 50px;padding: 0px 0px 0px 30px;color: #555;font-size: 16px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 17.1 9.9' viewBox='0 0 17.1 9.9'%3E%3Cpath d='M15.7 0 8.5 7.1 1.4 0 0 1.4l8.5 8.5 8.6-8.5z' style='fill:%23555'/%3E%3C/svg%3E") 92% center no-repeat;background-size: 14px;font-weight: 400;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box;border-right: 1px solid #ddd;letter-spacing: -1px;}
#locationArea .depth2 a:hover {color: #000;background: #efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 17.1 9.9' viewBox='0 0 17.1 9.9'%3E%3Cpath d='M15.7 0 8.5 7.1 1.4 0 0 1.4l8.5 8.5 8.6-8.5z' style='fill:%23555'/%3E%3C/svg%3E") 92% center no-repeat;background-size: 14px;}
#locationArea #depth3{display:inline-block; float:left;border-left:none;border-right:1px solid #e5e5e5;}
#locationArea #depth3 a{display:block; width:210px; height:50px;padding:0px 0px 0px 20px; color:#fff; font-size:15px;background:url(/img/location_arrow.png) right 15px center no-repeat;}
#locationArea .subMenuDepth2 {border:1px solid #ededed;}
#locationArea:after {display:block;visibility:hidden;clear:both;content:""}
.subMenuDepth {position:absolute;z-index:11;display:none;right:0;width: 240px;border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 0;}
.subMenuDepth li {list-style:none;}
.subMenuDepth li a {display:block;text-align: left;background:#fff;border-top: #ddd solid 1px;height:44px;line-height:44px;font-size: 16px;letter-spacing: -1px;font-weight: 400;color: #666;padding: 0px 30px 0 30px;-webkit-transition: .1s ease-in-out;-o-transition: .1s ease-in-out;transition: .1s ease-in-out;}
.subMenuDepth li:first-child a {}
.subMenuDepth li a:hover {background: #45886a;color: #ffffff;}
.subMenuDepth2 {left:682px !important;}

.conTit_tt {display: none;}
.con_tt {font-size:34px;line-height:100%;font-weight:700;margin: 50px 0 40px;color: #333;letter-spacing: -1px;}

#sideA {position:absolute;left:50%;top: 241px;margin-left:-600px;width:260px;z-index:2;}
#sideA h2{color: #fff;text-align: center;font-size: 26px;font-weight: 700;height: 120px;letter-spacing: -1px;background: #5739ba;word-break: keep-all;}
#sideA h2 p {font-size: 24px;line-height: 100%;font-weight: 500;padding: 51px 0 0;}

#sideA .snb_2dul {display:block;width:260px;}
#sideA li{background:none; list-style-type:none; display:block; overflow:hidden;}
#sideA li .snb_2da{display:block; padding:0px 20px; text-align:left; height:50px; line-height:50px; font-size:16px; letter-spacing:-0.5px; border:solid 1px #e5e5e5; border-top:none;color:#444444 !important; background:#f9f9f9;font-weight: 400;}
#sideA li:first-child .snb_2da {}
#sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover {color:#000 !important;}
#sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{color: #734af7  !important;background:#fff url(/img/sub_arrow.png) calc(100% - 20px) center no-repeat;font-weight: 500;}
#sideA ul.snb_3dul {display:none;}
#sideA li .snb_3da{display:block;  line-height:30px; font-size:13px; letter-spacing:-1px;  color:#505050;}
#sideA li .snb_3da:hover {color:#a6112c;}
#sideA  .on2 { color:#bd0000 !important;}

.wrap2 {width:1200px; margin:0 auto;position:relative;height: 100%;}
#wrapper .wrap {width:1200px; margin:0 auto;}
#container {min-height: 450px;padding: 0 0 50px;}
#container_title {width: 900px;overflow: hidden;position: absolute;left: 50%;bottom: 0;margin-left: -300px;}
#container_title .conTit_tt {text-align: left;}
#container_title .conTit_tt span {font-weight: 500;font-size: 34px;line-height: 100%;color: #fff;letter-spacing: -2px;}
#container_title .right_wrap {overflow:hidden;margin: 16px 0 23px;}
#container_title .right_wrap ul {float:left}
#container_title .right_wrap ul li {float:left;line-height:30px;position:relative;margin-right:20px;}
#container_title .right_wrap ul li:before {content:'';width:20px;height:30px; position:absolute;top:0;right:-20px; background:url(/img/icon_arrow_right.png) no-repeat 50% 50%;}
#container_title .right_wrap ul li:last-child:before {display:none;}

#container_title .right_wrap ul li.home a {background:url(/img/btn_home.png) no-repeat 50% 50%;width:30px;height:30px;text-indent:-9999px;display:block;}

#container_title .right_wrap .btn_print {position: absolute;right: 0;bottom: 23px;border:0;background:none;color:#fff;}
#container_title .right_wrap .btn_print:after {content: '';position: absolute;left: -30px;bottom: -7px;height:30px;width:30px;background:url(/img/icon_print.png) no-repeat 50% 50%;border-radius:15px;text-indent:-9999px;border:0;}
#container_title:after {content: '';display: block;width: 100%;height: 4px;background: url(/img/bg_subbar.png) repeat-x 0 100%; opacity: .2; position: absolute; left: 0; bottom: 0;}


h2#container_title {display:none !important;} 
#container  h4.tit{margin:0; color:#5f82b2; font-weight:normal;  font-size:18px; text-align:left;}

.scontA {overflow:hidden; display:block; line-height:180%;word-break: keep-all;}

#container .tit01{font-size: 1.25em;font-weight: 700;}
#container .tit02{font-size: 1em;font-weight: 700;padding: 0 0 0 13px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 48 48' viewBox='0 0 48 48'%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0zm0 33.1c-5 0-9.1-4.1-9.1-9.1s4.1-9.1 9.1-9.1 9.1 4.1 9.1 9.1-4.1 9.1-9.1 9.1z' style='fill:%2345886a'/%3E%3C/svg%3E") 0 center no-repeat;background-size: 10px;}
#container .tit03 {}
#container .tit04 {font-family:"Noto Serif KR";font-weight: 500;font-size: 1.2em;}




img {max-width:100%;}

.pott {color:#45886a !important;}
.pott1 {color:#0033a5 !important;}
.pott2 {color:#999 !important;}
.pott3 {color:#000 !important;}
.pott4 {color:#d05657 !important;}
.pott5 {color:#24bdd6 !important;}
.pott6 {color:#666 !important;}

.fs1 {font-size:20px !important;letter-spacing:-1px;}
.fs2 {font-size:0.9em !important;letter-spacing:-1px;}

.circle {width: 20px; height: 20px; border-radius: 20%;background:#6aa188 !important;color:#fff;text-align:center;font-size:12px;top:1px;padding:5px;}

.pottB {font-weight:700 !important;}
.pottR {font-weight:400 !important;}
.pottM {font-weight:500 !important;}

.flex {display:flex;}
.width1{width:20%;}
.width2{width:30%;}
.width3{width:35%;}
.width4{width:40%;}
.width5{width:65%;}

.sub_tab {}
.sub_tab ul{display: table;width: 100%;table-layout: fixed;}
.sub_tab ul::after {}
.sub_tab li{display: table-cell;table-layout: fixed;text-align: center;border: 1px solid #45886a;border-left: 0;}
.sub_tab li:first-child {border-left: 1px solid #45886a;}
.sub_tab li a{display: block;padding: 15px 0;font-weight: 400;color: #45886a;}
.sub_tab li a:hover{background: #eaf5f0;}
.sub_tab li a.on {background: #45886a;color: #fff;}

.sub_tab2 {width:900px; overflow:hidden;  margin-bottom:30px; letter-spacing:-1px; }
.sub_tab2 ul{padding:0px; margin:0px;}
.sub_tab2 ul:after {clear:both; content:""; display:block;}
.sub_tab2 li{list-style-type:none; float:left; display:inline;  }
.sub_tab2 li a{display:block;text-decoration:none;width:175px;border-bottom:1px solid #e5e5e5;font-size:16px;color:#888;text-align:center;padding:0 0 19px;}
.sub_tab2 li a:hover{color:#e2762a;}
.sub_tab2 li a.on {position:relative;color: #e2762a;}
.sub_tab2 li a.on:after  {content: '';position: absolute;left: 0;bottom: -1px;width: 175px;height: 1px;background: #e2762a;display:block;}

.sub_tabmenu {width:900px; overflow:hidden; margin:10px auto 30px auto; letter-spacing:-1px; }
.sub_tabmenu ul{width:900px; display:table; padding:0px; margin:0px;}
.sub_tabmenu li{list-style-type:none; display:table-cell;overflow:hidden;  }
.sub_tabmenu li a{display:block; margin:0px 0px 1px 1px;text-decoration:none;background:#f8f8f8; border:1px solid #e5e5e5;  padding:10px 0px 10px 0px; font-size:16.5px; color:#666 !important; text-align:center;overflow:hidden; }
.sub_tabmenu li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tabmenu li.on a {border:1px solid #69584f; background:#69584f; font-size:16.5px;color:#fff !important;}

.tabCont {clear:both;margin:40px 0px 0px 0px; letter-spacing:-0.5px;}

.litc2 {width:437px;}
.litc3 {width:33.333333%;}
.litc4 {width:217px;}
.litc5 {width:173px;}
.litc6 {width:147px;}
.litc9 {width:95px;}

#container dl.fl {}
#container dl.fl dt{float:left; width:48%;word-wrap: normal;}
#container dl.fl dd{float:right; width:48%;word-wrap: normal;word-break: keep-all;}
#container dl.fl:after{clear:both; content:''; display:block;}

#container dl.fl1 {}
#container dl.fl1 dt{float:left; width:23.5%;word-wrap: normal;}
#container dl.fl1 dd{float:right; width:73.5%;padding-top: 2px;word-wrap: normal;word-break: keep-all;}
#container dl.fl1:after{clear:both; content:''; display:block;}

#container dl.fl2 {}
#container dl.fl2 dt{clear:both; float:left;width: 220px;}
#container dl.fl2 dd{float:right;width: 670px;}
#container dl.fl2:after{clear:both; content:''; display:block;}


.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl01 th{padding:10px;text-align:center; font-weight:600;border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#f5f5f5;font-size:17px;}
.tbl01 td{padding: 20px 15px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;line-height: 200%;}

.table-container {width:100%;overflow-x:auto;white-space:nowrap;}

#container ul.bul li{list-style:none;display:block;position:relative;padding: 0 0 0 12px;}
#container ul.bul li:after {content:'';position:absolute;width: 5px;height: 5px;border-radius: 50%;left:1px;top: 14px;background: #666;}
#container ul.bul li .libox {display:inline-block;width:100px;}

#container ul.bul.fs09em li{list-style:none;display:block;position:relative;padding: 0px 0 0 9px;}
#container ul.bul.fs09em li:after {content:'';position:absolute;width: 4px;height: 4px;border-radius: 50%;left:1px;top: 14px;background: #888;}
#container ul.bul.fs09em li .libox {display:inline-block;width:38px;}

#container ul.bul2 li{list-style:none;display:block;position:relative;padding: 0 0 0 12px;}
#container ul.bul2 li:after {content:'';position:absolute;width: 6px;height: 1px;left:1px;top: 16px;background: #666;}

#container ul.bul3 {display:flex;border-radius:10px;}
#container ul.bul3 li {padding:10px;}
#container ul.bul3 li span{display:block;text-align:center;padding-top:10px;}
#container ul.bul3 li img{border-radius:10px;}

i.rightarrow {display: inline-block;margin: 0 12px;width: 8px;height: 8px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 45 58.5' viewBox='0 0 45 58.5'%3E%3Cpath d='M45 29.2 0 0v58.5z' style='fill:%23555'/%3E%3C/svg%3E") center center no-repeat;}




.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:30px;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;}
.h80 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.h100 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#eaeaea; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; background:#eaeaea; height:1px;margin:0 0 50px; padding:0px; font-size:0px; clear:both;}
.bd3 {display:block; border:none; background:#eaeaea; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}

.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mb0 {margin-bottom:0 !important;}
.ml30 {margin-left:30px !important;}
.pd0 {padding:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pr0 {padding-right:0 !important;}
.pl0 {padding-left:0 !important;}
.mr10 {margin-right:10px !important;}
.pl20 {padding-left:20px !important;}

.txt_c {text-align:center;}
.box{padding: 20px 40px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #fafafa;font-size:17px;}

.btnArea {display:block; position:relative; width:100%; height:35px;}
.btnArea a.btn_01 {display:block; position:absolute; height:35px; width:150px; line-height:35px; font-size:15px;  background:#45886a; color:#fff; text-align:center; border-radius:100px;} 
.btnArea a.btnCen {left:50% !important; margin-left:-170px;}
.btnArea a.btnRig {right:0 !important;}

.ctt_admin {position:absolute; right:30px; top:80px;display:none;}


/*prepare*/
.prepare {text-align: center;padding: 80px 0;}
.prepare h3 {font-size: 26px;font-weight: 500;color: #333;margin: 40px 0 15px;}
.prepare span {font-weight: 400;display: block;line-height: 160%;color: #888;letter-spacing: -0.5px;}
.prepare .loader{position: relative;width: 40px;height: 40px;top: 40%;top: calc(50% - 20px);left: 43%;left: calc(50% - 20px);background-color: rgba(0, 0, 0, .2);margin: 17px 0 0;}
.prepare .loader:before{content: "";position: absolute;background-color: #45886a ;height: 10px;width: 10px;border-radius: 10px;-webkit-animation: loader 2s ease-in-out infinite;animation: loader 2s ease-in-out infinite;}
.prepare .loader:after{content: "";position: absolute;background-color: #45886a ;top: 0px;left: 0px;height: 40px;width: 0px;z-index: 0;opacity: 1;-webkit-animation: loader72 10s ease-in-out infinite;animation: loader72 10s ease-in-out infinite;}

@-webkit-keyframes loader{
    0%{left: -12px; top: -12px;}
    25%{left:42px; top:-12px;}
    50%{left: 42px; top: 42px;}
    75%{left: -12px; top: 42px;}
    100%{left:-12px; top:-12px;}
}
@keyframes loader{
    0%{left: -12px; top: -12px;}
    25%{left:42px; top:-12px;}
    50%{left: 42px; top: 42px;}
    75%{left: -12px; top: 42px;}
    100%{left:-12px; top:-12px;}
}
@-webkit-keyframes loader72{
    0%{width: 0px;}
    70%{width: 40px; opacity: 1;}
    90%{opacity: 0; width: 40px;}
    100%{opacity: 0;width: 0px;}
}
@keyframes loader72{
    0%{width: 0px;}
    70%{width: 40px; opacity: 1;}
    90%{opacity: 0; width: 40px;}
    100%{opacity: 0;width: 0px;}
}


@media screen and (max-width: 1815px) { 
	.wrap {margin:0 30px;}
	#sVisualA {margin:90px 30px 0;}
}

@media screen and (max-width: 1700px) {
	#sVisualA {margin: 0 auto;}
	.conTit_tt {width:auto;margin:0;}
	#ft .ft_inner {padding:20px 30px 50px;}
}


@media screen and (max-width: 1240px) { 
	#locationArea .wrap {width:auto;}
	#wrapper .wrap {width:auto;padding:0 30px;}
	.wrap2 {width:auto;margin:0 30px;}

	.width1{width:100%;}
	.width2{width:100%;}
	.width3{width:100%;}
	.width4{width:100%;}
	.width5{width:100%;}
}

@media screen and (max-width: 800px) {
		.flex {display:block;line-height:200%;}
	}

@media screen and (max-width: 760px) {
	#locationArea .depth1 a {width:200px;padding: 0px 25px 0px 15px; letter-spacing:-2px;font-size:13px;}
	#locationArea .depth2 a {width:100px;padding: 0px 25px 0px 15px;font-size:13px;}
	.subMenuDepth {width:230px;min-width:150px !important;}
	.subMenuDepth li a {padding: 0px 5px 0 15px;}
	.tbl01 th{padding:10px;font-weight:600;line-height:150%;font-size:12px;}
	.tbl01 td{padding:15px 1px;line-height:150%;font-size:12px;text-align:center;}
}

@media screen and (max-width: 680px) { 
	#ft .ft_inner {border-top:1px solid #ededed;}
	#tlog_naviA {height: 62px;border-bottom: 1px solid #ddd;}
	.wrap {margin:0 20px;}
	#wrapper .wrap {width:auto;padding:0 20px;}
	.conTit_tt {font-size:32px;}
	#sVisualA {height: 150px;background-size: auto 150px;}
	.con_tt {font-size: 24px;margin: 50px 0 20px;}
	.td_subject a {font-size: 17px;}
	.td_date {font-size:14px;margin: 2px 0 0;}
	.tbl_head01 td {padding: 15px 5px !important;}
	.sub_tab li a {padding:10px 0}
	.tbl01_wrap {width:100%;}

}



/*sub*/
.pageManager {margin-top: 50px;padding: 10px 20px 10px 30px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #fcfcfc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 70.9 70.9' viewBox='0 0 70.9 70.9'%3E%3Cpath d='M35.4 70.9C15.9 70.9 0 55 0 35.4S15.9 0 35.4 0C55 0 70.9 15.9 70.9 35.4S55 70.9 35.4 70.9zm0-63.4C20 7.5 7.5 20 7.5 35.4s12.5 28 27.9 28c15.4 0 27.9-12.5 27.9-27.9s-12.5-28-27.9-28z' style='fill:%23666'/%3E%3Cpath d='M40.6 53c0 2.8-2.3 5.2-5.2 5.2-2.8 0-5.2-2.3-5.2-5.2V32.1c0-2.8 2.3-5.2 5.2-5.2 2.8 0 5.2 2.3 5.2 5.2V53zM41.2 18.5c0-3.2-2.6-5.8-5.8-5.8-3.2 0-5.8 2.6-5.8 5.8 0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8z' style='fill:%23666'/%3E%3C/svg%3E") no-repeat 27px 18px;background-size: 17px;font-size: 0.9em !important;color: #767676 !important;}
.pageManager span {display: inline-block;margin-left: 20px;}
.pageManager a {color: #767676;font-size: 0.9em;text-decoration: underline;text-underline-position: under;}
.pageManager .bul li {display:inline-block !important;margin-right: 20px;}

.root_daum_roughmap .wrap_controllers  {display:none;}
.root_daum_roughmap .cont {display:none;}
.directions {background: #f7f8f9;padding: 20px 25px;font-size: 0.9em;}
.directions > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 2px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 2px 1fr;grid-template-rows: 1fr 1fr;grid-gap: 2px;gap: 2px;}
.directions > ul > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1;}
.directions > ul > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3;}
.directions > ul > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1;}
.directions > ul > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3;}
.directions > ul > li {}
.directions strong {display: inline-block;margin-right: 18px;}

.progress {position: relative;padding: 30px 50px 40px;border: 1px solid #e7eaed;background: #f7f8f9;-webkit-box-sizing: border-box;box-sizing: border-box;}
.progress > p {margin-bottom: 15px;}
.progress > div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.progress span {display: inline-block;padding: 4px 20px;background: #fff;border: 1px solid #45886a;border-radius: 10px;font-size: 0.9em;font-weight: 500;color: #45886a;line-height: 140%;text-align: center;}
.progress i.rightarrow {background: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 45 58.5' viewBox='0 0 45 58.5'%3E%3Cpath d='M45 29.2 0 0v58.5z' style='fill:%23555'/%3E%3C/svg%3E) center center no-repeat;}

.progress1 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #f7f8f9;padding: 14px 20px;border: 1px solid #dee2e5;line-height: 140%;}

@media screen and (max-width: 1200px) { 
.root_daum_roughmap {width:100% !important;}
}

@media screen and (max-width: 1024px) { 
.progress > div {display: block;text-align: center;}
.progress span {display: block;padding: 8px 20px;margin-top: 6px;}
.progress i.rightarrow {width: 12px;height: 12px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 58.5 45' viewBox='0 0 58.5 45'%3E%3Cpath d='M29.3 45 58.5 0H0z' style='fill:%2345886a'/%3E%3C/svg%3E") center center no-repeat;}

.directions > ul {display: block;}
.directions strong {display: inline-block;width: 66px;}

.progress1 {display:block;line-height:140%; text-align:center;}
.progress1 > div {display: block;text-align: center;}
.progress1 span {display: block;padding: 8px 20px;margin-top: 6px;}
.progress1 i.rightarrow {width: 12px;height: 12px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 58.5 45' viewBox='0 0 58.5 45'%3E%3Cpath d='M29.3 45 58.5 0H0z' style='fill:%23555'/%3E%3C/svg%3E") center center no-repeat;}

}


@media screen and (max-width: 680px) { 
.progress {padding: 20px;}
#container dl.fl1 dt {float: none;width: 100%;}
#container dl.fl1 dd {float: none;width: 100%;padding-top: 2%;}
#container .tit04 {font-size: 1.0em;}

.directions {line-height: 140%;}
.directions > ul {display: block;}
.directions > ul > li {margin-bottom:15px;}
.directions strong {display: block;width: auto;}

}