@charset "utf-8";
@import url("reset.css");
@import url("normalize.css");
@import url("font_style.css");
@import url("common.css");

.pre_wrap { top:369px; margin-top:0; }

.sub_visual { width:100%; height:150px; background:url('../img/sub_visual.jpg') center no-repeat; }

section { width:1200px; height:auto; margin:0 auto; padding-top:70px; }

.content { width:900px; height:auto; margin:0 auto; padding:0 0 150px 0; text-align:left; float:left; word-break:keep-all; }
.content > img { width:100%; display:block; }

.btn_zoom { text-align:center; margin-bottom:30px; }
.btn_zoom a { display:inline-block; padding:10px 15px; background:#333; font-size:18px; color:#fff; }

.content p.title { font-size:25px; line-height:33px; font-family: 'notokr-medium'; color:#333; }
.content p.title span.small { font-family: 'notokr-regular'; }
.content p.sub_title { font-size:18px; line-height:25px; color:#555; width:75%; margin-top:10px; }
.content > img { margin:30px 0; }

.sitemap { width:100%; height:48px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
.sitemap ul { width:1200px; height:100%; margin:0 auto; }
.sitemap ul:after { content:""; display:block; clear:both; }
.sitemap ul li { height:38px; float:left; line-height:38px; padding:5px 0; border-left:1px #ddd solid; color:#666; font-size:13px; }
.sitemap ul li:first-child { width:50px; }
.sitemap ul li:first-child + li { width:; padding:5px 60px 5px 10px; text-align:left; background:url('../img/site_off.gif') right no-repeat; background-position:95%; }
.sitemap ul li:first-child + li + li { width:; padding:5px 60px 5px 10px; border-right:1px #ddd solid; text-align:left; background:url('../img/site_on.gif') right no-repeat; background-position:95%; }

h3 { font-size:35px; margin:0 auto 40px auto; padding-bottom:30px; font-family: 'notokr-medium'; color:#a47b0c; display:block; text-align:left; border-bottom:1px #999 solid; }

.sub_menu_list { width:200px; height:auto; float:left; margin-right:50px; }
.sub_menu_list li { width:190px; height:50px; padding-left:10px; border-bottom:1px #e1e1e1 solid; text-align:left; ; line-height:50px; background:url('../img/menu_off.png') right no-repeat; background-position-x:165px; font-size:13px; }
.sub_menu_list li a { width:100%; height:100%; display:block; color:#878787; }
.sub_menu_list li.active { background:url('../img/menu_on.png') right no-repeat #e7e7e7; background-position-x:165px; }
.sub_menu_list li.active a { color:#a67d0a; }
.sub_menu_list li:first-child { width:200px; height:100px; padding: 0 0 0 0; background:url('../img/title_bg.jpg') right no-repeat; font-size:23px; font-family: 'notokr-medium'; color:#fff; text-align:center; line-height:100px; }

.sub_menu_list li[ class^="quick_" ] { height:80px; padding:0 10px 0 0; font-size:17px; line-height:80px; text-align:right; color:#666666; }
.sub_menu_list li.quick_01 { background:url('../img/q_icon_01.jpg') right no-repeat; background-position-x:10px; }
.sub_menu_list li.quick_02 { background:url('../img/q_icon_02.jpg') right no-repeat; background-position-x:10px; }
.sub_menu_list li.quick_03 { background:url('../img/q_icon_03.jpg') right no-repeat; background-position-x:10px; }

.content.sub_01_01 dl { width:100%; height:auto; margin:10px auto 0 auto; border-top:2px #816107 solid; border-bottom:2px #816107 solid; }
.content.sub_01_01 dl:after { content:""; display:block; clear:both; }
.content.sub_01_01 dl dt { width:20%; padding:15px 0; float:left;  background:#816107; color:#fff; text-align:center; }
.content.sub_01_01 dl dd { width:74%; padding:15px 3%; float:left; border-top:1px #ccc solid; text-align:left; color:#444; }

.content.sub_01_02 { text-align:center; }
.content.sub_01_02 p.title { font-size:35px; color:#f05822; font-family: 'notokr-medium'; }
.content.sub_01_02 p.eng_title { font-size:25px; color:#f05822; margin-top:10px; }
.content.sub_01_02 p.la_info { font-size:18px; color:#444; line-height:35px; padding:30px; }
.content.sub_01_02 p.la_info span{ color:#142972; font-size:25px; line-height:80px; }
.content.sub_01_02 ul { margin:50px 0; }
.content.sub_01_02 ul:after { content:""; display:block; clear:both; }
.content.sub_01_02 li { width:220px; height:auto; float:left; margin: 0 40px; }
.content.sub_01_02 li .title { width:220px; height:220px; background:#d22030; color:#fff; line-height:220px; font-size:30px; border-radius:110px; }
.content.sub_01_02 li p { color:#444; font-size:16px; line-height:23px; margin-top:20px; }
.content.sub_01_02 div[ class^="view_" ] { margin-top:80px; display:none; }
.content.sub_01_02 div.view_01 { display:block; }
.content.sub_01_02 ul.tab { width:100%; margin-top:30px; }
.content.sub_01_02 ul.tab li { width:33%;padding:10px 0; margin:0 0 0 1px; background:#ccc; color:#fff; font-family: 'notokr-medium'; font-size:20px; cursor:pointer; }
.content.sub_01_02 ul.tab li:first-child { margin:0 0 0 0; }
.content.sub_01_02 ul.tab li.active { background:#444; }

.content.sub_01_02 .view_03 .mobile { display:none; }

.content.sub_01_03 p { font-size:30px; margin-top:30px; color:#666; text-align:center; }
.content.sub_01_03 p span { font-family: 'notokr-medium'; color:#333; }

.sub_02_01 .mobile { display:none; }

.sub_02_02 .img_01 { width:900px; height:70px; padding-top:520px; margin:0 auto; background:url('../img/sub_02_02/img_01.jpg') no-repeat; }
.sub_02_02 .img_01 span { padding:10px 15px; font-size:20px; display:inline-block; border:1px #fff solid; float:right; margin-right:30px; }
.sub_02_02 .img_01 span a { color:#fff; }

.sub_02_02 .mobile { display:none; }

.content.sub_02_03 p.title { margin:30px 0; float:left; }
.content.sub_02_03 { font-size:13px; }
.content.sub_02_03 table { width:100%; margin:0 auto; line-height:18px; }
.content.sub_02_03 tr { border-top:1px #ccc solid; border-bottom:1px #ccc solid; }
.content.sub_02_03 tr:last-child { border-top:none; }
.content.sub_02_03 tr:first-child { background:#f1f1f1; }
.content.sub_02_03 th { padding:15px 0; border-left:1px #ccc solid; }
.content.sub_02_03 th:first-child { border-left:none; }
.content.sub_02_03 td { padding:15px 0;  border-left:1px #ccc solid; text-align:center; vertical-align:middle; }
.content.sub_02_03 .tb_01 tr:first-child + tr td:first-child { border-left:none; }
.content.sub_02_03 .tb_01 td:last-child { text-align:left; padding-left:10px; }
.content.sub_02_03 .tb_01 tr:last-child td:last-child { padding:0 0 0 0; text-align:center; }
.content.sub_02_03 .tb_02 th { width:25%; }
.content.sub_02_03 .tb_02 td:first-child { border-left:none; }

.content.sub_02_03 .arr { width:100%; display:block; color:#666; margin:10px 0; text-align:center; }

.content.sub_02_03 .flow_wrap { width:100%; height:auto; margin-top:40px; font-size:15px; line-height:20px; }
.content.sub_02_03 .flow_wrap > div { width:100%; padding:20px 0; text-align:center; background:#fef5e6; border:1px #fdd8a1 solid; margin-bottom:20px; font-family: 'notokr-medium'; }
.content.sub_02_03 .flow_wrap > div span { font-family: 'notokr-regular'; font-size:12px; }
.content.sub_02_03 .flow_wrap > div:first-child { background:#ffce93; border:1px #fbb850 solid; font-size:20px; font-family: 'notokr-bold'; }

.content.sub_02_03 .flow_wrap > div.depth_01 { width:100%; background:none; border:none; padding:0 0 0 0; }
.content.sub_02_03 .flow_wrap > div.depth_01 div { width:48%; margin-left:4%; padding:20px 0; float:left; background:#fef5e6; outline:1px #fdd8a1 solid;  }
.content.sub_02_03 .flow_wrap > div.depth_01 div:first-child { margin-left:0; }
.content.sub_02_03 .flow_wrap > div.depth_01:after { content:""; display:block; clear:both; }
.content.sub_02_03 .flow_wrap > div.depth_07 { width:100%; background:none; border:none; padding:0 0 0 0; }
.content.sub_02_03 .flow_wrap > div.depth_07 div { width:48%; height:50px; margin-left:4%; padding:20px 0; float:left; background:#fef5e6; outline:1px #fdd8a1 solid;  }
.content.sub_02_03 .flow_wrap > div.depth_07 div:first-child { margin-left:0; }
.content.sub_02_03 .flow_wrap > div.depth_07:after { content:""; display:block; clear:both; }

.content.sub_03_01 p.title span.small { font-size:12px; }
.content.sub_03_01 .con_wrap > img { width:100%; margin:15px 0; }
.content.sub_03_01 .con_wrap { width:40%; height:460px; padding:2.5%; border:1px #ddd solid; float:left; margin:2%; }
.content.sub_03_01 .con_wrap ul.title li { font-size:21px; color:#6c4527; font-family: 'notokr-medium'; }
.content.sub_03_01 .con_wrap ul.title li span.thin { font-family: 'notokr-regular'; }
.content.sub_03_01 .con_wrap ul.title li:first-child { font-size:18px; margin-bottom:5px; color:#666; font-family: 'notokr-regular'; }

.content.sub_03_01 .con_wrap ul.text li { font-size:15px; line-height:20px; }
.content.sub_03_01 .con_wrap ul.text li:first-child { font-family: 'notokr-medium'; color:#6c4527; font-size:17px; line-height:23px; margin-bottom:5px; }

.content.sub_03_02 ul.text { margin-top:20px; padding-left:6%; }
.content.sub_03_02 ul.text li:first-child { font-size:21px; margin-bottom:5px; color:#48737c; font-family: 'notokr-medium'; }
.content.sub_03_02 ul.text li { font-size:18px; line-height:22px; color:#666; font-family: 'notokr-regular'; }

.content.sub_03_03 .img_wrap { width:100%; height:auto; margin:0 auto; margin:30px 0; }
.content.sub_03_03 .img_wrap:after { content:""; display:block; clear:both; }
.content.sub_03_03 .img_wrap img { width:32.5%; margin-right:1.25%; float:left; }
.content.sub_03_03 .img_wrap img:last-child { margin-right:0; }

.content.sub_03_03 ul.text li.title { font-size:21px; margin-bottom:5px; color:#48737c; font-family: 'notokr-medium'; }
.content.sub_03_03 ul.text li { font-size:15px; line-height:20px; margin-bottom:20px; color:#555; }

.content.sub_04_02 img { width:70%; display:block; margin:40px 0; }
.content.sub_04_02 ul.text li.title { font-size:21px; margin-bottom:5px; color:#333; font-family: 'notokr-medium'; }
.content.sub_04_02 ul.text li { font-size:15px; line-height:20px; margin-bottom:20px; color:#555; }

.content.sub_04_03 > img { width:40%; float:left; margin-top:40px; }
.content.sub_04_03 ul.text { width:60%; float:left; }
.content.sub_04_03 ul.text li.title { font-size:21px; margin-top:40px; margin-bottom:10px; color:#6c4527; font-family: 'notokr-medium';padding-left:0; }
.content.sub_04_03 ul.text li { font-size:15px; line-height:23px; color:#555; padding-left:15px; }
.content.sub_04_03 ul.text li.sub_title { font-size:17px; font-family: 'notokr-medium'; color:#555; display:block; padding-left:0; margin-top:10px; }
.content.sub_04_03 .line { width:100%; height:1px; background:#ddd; margin-top:40px; float:left; }

.unit_tab { width:902px; height:40px; margin:0 auto; font-size:17px; line-height:40px; color:#fff; font-family:'notokr-medium'; text-transform:uppercase; }
.unit_tab li { width:33%; float:left; margin:1px; cursor:pointer; background:#bbb; text-align:center; }
.unit_tab li.active { background:#fa861f; }

.view { width:900px; height:auto; margin:0 auto; }
.view .con_text li:first-child { margin-top:20px; font-size:22px; color:#0072a0; }
.view .con_text li { padding:0 0 0 0; font-size:18px; text-align:left; line-height:1.7em; color:#333; }
.view .con_text li.etc { font-size:15px; color:#888; }
.view .con_text li.etc:first-child { margin:10px 0 0 0; }
.view:after { content:""; display:block; clear:both; }
.view [ class ^= unit_ ] { margin-top:40px; display:none; }
.view [ class ^= unit_ ] p.title { padding-bottom:20px; margin-bottom:30px; font-size:70px; color:#333; font-family:'notokr-medium'; border-bottom:5px #bbb solid; }
.view [ class ^= unit_ ] p.title span { font-size:30px; margin-left:20px; color:#555; font-family: 'notokr-regular'; }

.content.sub_05 p.title { padding-bottom:20px; margin-bottom:30px; margin-top:70px; font-size:70px; color:#333; font-family:'notokr-medium'; border-bottom:5px #bbb solid; text-align:center; }
.content.sub_05 p.title span { font-size:30px; margin-left:20px; color:#555; font-family: 'notokr-regular'; }
.content.sub_05 p.type { width:100%; padding:10px 0; margin:40px 0 20px 0; font-size:18px; background:#bbb; color:#333; font-family:'notokr-regular'; display:block; }
.content.sub_05 table.size { width:40%; margin:10px 1%; float:left; }
.content.sub_05 table.size th { width:45%; height:40px; font-size:14px; text-align:center; line-height:40px; background:#bbb; color:#333; border-bottom:1px #fff solid; font-family:'notokr-regular'; }
.content.sub_05 table.size td { padding-left:10px; font-size:14px; text-align:left; background:#f1f1f1; color:#444; border-bottom:1px #fff solid; }
.content.sub_05 .info_top { width:100%; height:auto; margin:0 auto; }
.content.sub_05 .info_top:after { content:""; display:block; clear:both; }
.content.sub_05 .item_wrap > p { width:30%; padding:10px 0; margin-bottom:10px; font-size:18px; background:#bbb; color:#333; font-family:'notokr-regular'; text-align:center; }
.content.sub_05 .item_wrap { width:98%; margin:20px 1%; float:left; }
.content.sub_05 .item_wrap ul { width:100%; margin:0 auto; text-align:left; }
.content.sub_05 .item_wrap li.place { font-family:'notokr-medium'; float:left; font-size:15px; line-height:25px; }
.content.sub_05 .item_wrap li { padding-left:5px; color:#333; font-size:15px; line-height:25px; }
.content.sub_05 > .ori { width:870px; padding:15px; text-align:left;  line-height:1.6em; background:#f4f4f4; color:#999; border:1px solid #d3d3d3; font-family:'dotum'; font-size:11px; margin:40px auto 0 auto; *zoom:1; float:left;}
.content.sub_05 .kyemap { width:40%; float:right; }
.content.sub_05 .img { width:100%; height:auto; text-align:center; }
.content.sub_05 .img img { width:60%; margin:40px; }

.news ul { width:100%; }
.news ul li{ height:50px; padding:15px 0; line-height: 30px; border-bottom: 1px solid #dcdee2;}
.news ul li:first-child { border-top:2px solid #505c78; }
.news ul li dl { line-height:50px; }
.news ul li dl dt { float: left; width:680px; padding:0 20px; color:#666a6d; font-size: 16px; overflow:hidden; }
.news ul li dl dt.notice { font-weight: 700; }
.news ul li dl:after { clear:both;content: '';display:block; }
.news ul li:after { clear:both;content: ''; display:block; }
.news ul li dl dd { width:60%; float: left; text-align:left; overflow:hidden; }
.news ul li dl dd.new_num { width:10%; font-size:14px; color:#666a6d; text-align: center;}
.news ul li dl dd.media { width:15%; text-align: center; line-height:50px; }
.news ul li dl dd.media span { width:100%; height:28px; margin-top:12px; display:block; background-color:#f29f1d;  line-height: 28px; color:#fff;}
.news ul li dl dd.media.title span { background-color: #0196b9;}
.news ul li dl dd.writer { width:10%; font-size:14px; line-height:50px; color:#838692; text-align: center;}
.news ul li dl dd.count { width:50px; padding-left:20px; color:#8e969c; background:url("../img/list_bg.html") 0 50% no-repeat;}
.news .th{ width:60%; color:#666a6d; font-size: 16px !important; font-weight: 700 !important; text-align: center !important; }
.news .th.none{ background: none; line-height:50px; }
.news .title { padding-left:20px; line-height:50px; }
.news .title a { color:#444; }
.page { text-align:center; margin-top: 30px;}
.page a { margin:0 2px; width:31px; height:31px; line-height:33px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
.page a.on { width:31px; height:31px; line-height:33px; border:1px solid #666a6d; font-weight:600; color:#666a6d;}
.page a.arrow { border:none; color:#333; }
.page a.arrow.mr { margin-right: 15px;}
.page a.arrow.ml { margin-left: 15px;} 

ul.blog { width:290px; margin:0 10px 30px 0; padding:0; font-size:0.9em; float:left; }
ul.blog li { width:290px; height:25px; margin:0; padding:0; }
ul.blog li.img { width:290px; height:290px; margin:0 0 10px 0; padding:0; background:#ddd; border: 2px #ccc solid; }
ul.blog li.img img { width:100%; height:100%; margin:0 0; }
ul.blog li.title { width:290px; font-weight: 500; }
ul.blog li.id { width:290px; font-size:0.8em; color:#969696; }
ul.blog a { color:#333; }

.ori { width:870px; padding:15px; text-align:left;  line-height:1.6em; background:#f4f4f4; color:#999; border:1px solid #d3d3d3; font-family:'dotum'; font-size:11px; margin:40px auto 0 auto; float:left; *zoom:1; }
.ori:after {content:" "; display:block; clear:both;}
.ori li { width:850px; float:left; }
.ori li img { height:10px; width:auto; }
.ori .ntt { width:20px; font-size:12px; float:left; }

@media only screen and (max-width:960px) { 

	header { position:fixed; top:0; left:0; z-index:400; }

	section { width:100%; }
	section > img { 100% }

	.content { width:90%; height:auto; margin:0 5%; padding:0 0 100px 0; text-align:center; }
	.sub_visual { display:none; }
	.sitemap { display:none; }
	.sub_menu_list { display:none; }

	h3 { font-size:7vw; margin:30px auto 40px auto; }

	.content p.title { font-size:5vw; text-align:left; line-height:6.5vw; }
	.content p.sub_title { font-size:3.5vw; text-align:left; line-height:4.5vw; }

	.btn_zoom a { font-size:4vw; }

	.content.sub_01_01 dl dt { width:25%; padding:15px 0; font-size:3vw; }
	.content.sub_01_01 dl dd { width:69%; padding:15px 3%; font-size:3vw; }
	.content.sub_01_01 img { width:100%; }

	.content.sub_01_02 p.title { font-size:6vw; }
	.content.sub_01_02 p.eng_title { font-size:5vw; }
	.content.sub_01_02 p.la_info { font-size:4vw; color:#444; line-height:35px; padding:30px; }
	.content.sub_01_02 p.la_info span{ color:#142972; font-size:5vw; line-height:80px; }
	.content.sub_01_02 ul { margin:30px 0; }
	.content.sub_01_02 li { width:220px; height:auto; float:none; margin: 20px auto 40px auto; }
	.content.sub_01_02 li .title { width:220px; height:220px; background:#d22030; color:#fff; line-height:220px; font-size:5vw; border-radius:110px; }
	.content.sub_01_02 li p { color:#444; font-size:16px; line-height:23px; margin-top:20px; }
	.content.sub_01_02 div[ class^="view_" ] { margin-top:40px; display:none; }
	.content.sub_01_02 div[ class^="view_" ] img { width:100%; }
	.content.sub_01_02 div.view_01 { display:block; }
	.content.sub_01_02 ul.tab { width:100%; margin-top:30px; }
	.content.sub_01_02 ul.tab li { float:left; font-size:4vw; }

	.content.sub_01_02 .view_02 { text-align:left; }
	
	.content.sub_01_02 .view_03 .pc { display:none; }
	.content.sub_01_02 .view_03 .mobile { display:block; }

	.content.sub_01_03 p { font-size:5vw; color:#666; line-height:7vw; }

	.content.sub_02_01 .mobile { display:block; }
	.content.sub_02_01 img { display:none; }
	.content.sub_02_01 .mobile table.day { width:100%; margin:20px 0 0 0; text-align:left; }
	.content.sub_02_01 .mobile table.day th { width:45%; padding:10px 0 10px 0; line-height:1.3em; font-size:15px; text-align:center; font-family:'notokr-medium'; color:#333; }
	.content.sub_02_01 .mobile table.day td { width:55%; padding:10px 0 10px 15px; line-height:1.3em; font-size:15px; background:#eee; border:none; }
	.content.sub_02_01 .mobile table.day tr:nth-child(1) th { background:#f0d481; }
	.content.sub_02_01 .mobile table.day tr:nth-child(2) th { background:#ebe3ce; }
	.content.sub_02_01 .mobile table.day tr:nth-child(3) th { background:#f0d481; }
	.content.sub_02_01 .mobile table.day tr:nth-child(4) th { background:#ebe3ce; }
	.content.sub_02_01 .mobile table.day tr:nth-child(5) th { background:#f0d481; }
	.content.sub_02_01 .mobile table.day tr:nth-child(6) th { background:#ebe3ce; }
	.content.sub_02_01 .mobile table.day tr { border-bottom:5px #fff solid; }

	.content.sub_02_02 .pc { display:none; }
	.content.sub_02_02 .mobile { width:100%; display:block; }
	.content.sub_02_02 .mobile img { width:100%; display:block; }
	.content.sub_02_02 .mobile span { display:block; padding:10px; font-size:4vw; color:#fff; background:#333; }
	.content.sub_02_02 .mobile span a { height:100%; color:#fff; display:block; }

	.content.sub_02_03 p.title { font-size:5vw; }
	.content.sub_02_03 { font-size:2.5vw; }
	.content.sub_02_03 table { line-height:5vw; }
	.content.sub_02_03 table span { display:block; }

	.content.sub_02_03 .flow_wrap { font-size:4vw; line-height:5.5vw; }
	.content.sub_02_03 .flow_wrap > div span {font-size:2.5vw; letter-spacing:-1px; }
	.content.sub_02_03 .flow_wrap > div:first-child { font-size:5vw; }

	.content.sub_02_03 .flow_wrap > div.depth_07 div { width:44%; height:25vw; padding:20px 2%; }

	.content.sub_03_01 p.title span.small { font-size:2.5vw; }
	.content.sub_03_01 .con_wrap { height:auto; float:none; padding:5%; margin:0 0 20px 0; text-align:left; }
	.content.sub_03_01 .con_wrap > img { width:100%; margin:15px 0; }
	.content.sub_03_01 .con_wrap { width:90%; }
	.content.sub_03_01 .con_wrap ul.title li { font-size:4vw; }
	.content.sub_03_01 .con_wrap ul.title li:first-child { font-size:3vw; }

	.content.sub_03_01 .con_wrap ul.text li { font-size:3vw; line-height:4.5vw; }
	.content.sub_03_01 .con_wrap ul.text li:first-child { font-size:4vw; line-height:5.5vw; }

	.content.sub_03_02 ul.text { font-size:3vw; line-height:4.5vw; padding-left:10vw; text-align:left; }
	.content.sub_03_02 ul.text li:first-child { font-size:4vw; }
	.content.sub_03_02 ul.text li { font-size:3vw; line-height:4.5vw; }

	.content.sub_03_03 { text-align:left; }
	.content.sub_03_03 ul.text li.title { font-size:4vw; }
	.content.sub_03_03 ul.text li { font-size:3vw; line-height:4.5vw; }

	.content.sub_03_03 .img_wrap img { width:100%; margin-right:0; margin-bottom:10px; float:left; }

	.content.sub_04_02 { text-align:left; }
	.content.sub_04_02 img { width:100%; }
	.content.sub_04_02 ul.text li.title { font-size:4vw; }
	.content.sub_04_02 ul.text li { font-size:3vw; line-height:4.5vw; }

	.content.sub_04_03 { text-align:left; }
	.content.sub_04_03 > img { width:100%; float:left; margin-top:40px; }
	.content.sub_04_03 ul.text { width:100%; float:left; }
	.content.sub_04_03 ul.text li.title { width:100%; font-size:4vw; }
	.content.sub_04_03 ul.text li { width:90%; font-size:3vw; }
	.content.sub_04_03 ul.text li.sub_title { font-size:3.5vw; }


	.unit_tab { width:100%; font-size:4vw; }
	.unit_tab li { width:32.5%; }

	.view { width:100%; height:auto; margin:0 auto; }

	.content.sub_05 p.title { font-size:13vw; }
	.content.sub_05 p.title span { font-size:5vw; }
	.content.sub_05 table.size { width:100%; margin:10px 1%; float:left; }
	.content.sub_05 table.size th { font-size:3vw; }
	.content.sub_05 table.size td { font-size:3vw; }
	.content.sub_05 > .ori { width:100%; margin:20px 0 0 0; padding:10px; box-sizing:border-box; font-family:'dotum'; font-size:3vw; line-height:4.5vw; background:#f4f4f4; color:#999; border:1px solid #d3d3d3; text-align:left; }
	.content.sub_05 .kyemap { width:100%; margin:40px 0; }
	.content.sub_05 .img img { width:100%; margin:0 0 0 0; }

	.content.sub_05_05 img { display:block; margin:0 0 0 0; }
	.content.sub_05_05 .btn { width:33%; padding:15px 0; margin-left:1px; background:#333; float:left; font-size:4dw; }
	.content.sub_05_05 .btn:first-child { margin-left:0; }
	.content.sub_05_05 .btn a { height:100%; display:block; color:#fff; font-family:'notokr-medium';  }

	.news .th { width:40%; font-size: 3.5vw !important; }
	.news ul li { height:auto; padding:10px 0;  line-height:5vw; }
	.news ul li dl { line-height:5vw; }
	.news ul li dl .th { line-height:5vw; }
	.news ul li dl dd { width:40%; font-size:3.3vw; }
	.news ul li dl dd.new_num.none { line-height:5vw; }
	.news ul li dl dd.writer { width:15%; font-size:3.3vw !important; line-height:5vw; }
	.news ul li dl dd.media { width:25%; line-height:5vw; }
	.news ul li dl dd.media span { height:auto; margin-top:0; font-size:3vw !important; line-height:5vw; }
	.news ul li dl dd.title { line-height:5vw; }

	.page a { margin:0 2px; width:auto; height:auto; line-height:20px; display:inline-block; text-align:center; border:none; font-size:3.5vw; color:#a1abbe; vertical-align: top; background-color: #fff;}
	.page a.on { width:auto; height:auto; line-height:20px; border:none; font-weight:600; color:#666a6d;}
	.page a.arrow { border:none; color:#333; }
	.page a.arrow.mr { margin-right: 15px;}
	.page a.arrow.ml { margin-left: 15px;} 

	ul.blog { width:45%; margin:10px 2.5%; padding:0; font-size:3.5vw; float:left; line-height:5vw; }
	ul.blog li { width:100%; height:auto; margin:0; padding:0; }
	ul.blog li.img { width:100%; height:auto; margin:0 0 10px 0; padding:0; background:#ddd; border: 2px #ccc solid; }
	ul.blog li.img img { width:100%; height:auto; margin:0 0; }
	ul.blog li.title { width:100%; font-weight: 500; }
	ul.blog li.id { width:100%; font-size:3vw; color:#969696; }
	ul.blog a { color:#333; }

	.ori { width:100%; margin:20px 0 0 0; padding:10px; box-sizing:border-box; font-family:'dotum'; font-size:3vw; line-height:4.5vw; background:#f4f4f4; color:#999; border:1px solid #d3d3d3; text-align:left; }
	.ori ul { *zoom:1; }
	.ori:after { content:" "; display:block; clear:both;}
	.ori li { width:94%; float:left; }
	.ori li img { height:3vw; }
	.ori .ntt { width:6%; float:left; font-size:3vw; }
	.ori .dot { width:4%; padding-left:2%; }
	.ori .bull { width:4%; float:left; }
	.ori .bull + li {  width: 87%;}

}
/* ...existing code... */

/* 컨텐츠 영역 반응형 스타일 추가 */
.content.sub_02_01 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .content.sub_02_01 {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .content.sub_02_01 img {
        width: 100%;
        height: auto;
    }
}

/* ...existing code... */