@charset "utf-8";
body { overflow-x:hidden; }
.droid, .droid p, .droid span, .droid li { font-family: 'Droid Serif', serif !important; }
.droid_i, .droid_i p, .droid_i span, .droid_i li { font-family: 'Droid Serif', serif !important; font-style:italic; }
#sub_visual { position:relative; z-index:2; left:50%; margin-left:-1000px; width:2000px; height:190px; background:url('/foreign/images/sub/sub_visual.jpg') no-repeat center top; overflow-x:hidden;}
#sub_visual p, #sub_visual p span { display:block; color:#ffffff; text-shadow:1px 2px 0px rgba(0,0,0,0.7); font-family: 'Droid Serif', serif !important; font-style:italic; text-align:center; }
#sub_visual p.tit { padding-top:32px; font-size:34px; font-weight:bold; }
#sub_visual p.sub { margin-top:10px; }
#sub_visual p.sub span { font-size:17px; }
#sub_visual p.china, #sub_visual p.china span { font-family:'Noto Sans SC', sans-serif !important; font-style:normal; }
#sub_visual p.japan, #sub_visual p.japan span { font-family:'Noto Sans JP', sans-serif !important; font-style:normal; }

#container { overflow:hidden; margin-top:30px; }
#container #leftmenu { float:left; width:240px; }
#container #leftmenu h2 { padding-bottom:35px; color:#3960a9; font-size:35px; font-weight:bold; line-height:120%; border-bottom:3px solid #3960a9; }
#container.china #leftmenu h2, #container.japan #leftmenu h2 { margin-top:42px; }
#container #leftmenu>ul { overflow:hidden; margin-top:8px; }
#container #leftmenu>ul>li { border-bottom:1px solid #dddddd; }
#container #leftmenu>ul>li>a { display:block; padding:13px; color:#777777; background:url('/foreign/images/sub/lmenu_arrow.png') no-repeat right 14px center;  font-weight:600; }
#container #leftmenu>ul>li:hover, #container #leftmenu>ul>li.select { background:#3960a9 url('/foreign/images/sub/lmenu_hover.jpg') repeat-y right; }
#container #leftmenu>ul>li>a:hover, #container #leftmenu>ul>li.select>a { color:#ffffff; background:url('/foreign/images/sub/lmenu_arrow_ov.png') no-repeat right 14px center; }
#container #leftmenu>ul>li>a>span { display:block; }
#container #leftmenu>ul>li>ul { display:none; background:#f5f5f5; }
#container #leftmenu>ul>li>ul>li>a { display:block; padding:8px 20px; border-bottom:1px solid #dddddd; color:#555555; font-size:13px; }
#container #leftmenu>ul>li>ul>li>a:hover { color:#000000; background:#e8e8e8; }
#container #leftmenu>ul>li>ul>li.select>a { padding:8px 20px 8px 30px; color:#3960a9; background:url('/foreign/images/sub/submenu_arrow.png') no-repeat 20px 18px; font-weight:bold; }
#container #contents { float:right; width:910px; }
#container #contents #sub_title { position:relative; padding-bottom:31px; border-bottom:3px solid #777777; }
#container #contents #sub_title ol { margin-top:15px; }
#container #contents #sub_title ol li { position:relative; display:inline-block; margin-left:8px; padding-left:14px; color:#666666; font-size:14px; line-height:14px; }
#container #contents #sub_title ol li:after { position:absolute; z-index:1; display:block; content:''; top:2px; left:0; width:5px; height:9px; background:url('/foreign/images/sub/location_arrow.jpg') no-repeat center; } 
#container #contents #sub_title ol li.home { margin-left:0; padding-left:0; width:13px; height:13px; background:url('/foreign/images/sub/ic_home.jpg') no-repeat left top; text-indent:-9999px; }
#container #contents #sub_title ol li.home:after { display:none; }
#container #contents #sub_title ol li.now { color:#000000; }
#container #contents #sub_title h3 { margin-top:5px; color:#333333; font-size:28px; font-weight:600; }
#container #contents #sub_title .sns { position:absolute; z-index:1; bottom:37px; right:0; }
#container #contents #sub_title .sns li { float:left; margin-right:6px; }
#container #contents #sub_title .sns li a { display:block; width:29px; height:28px; text-indent:-9999px; transition:all 0.2s ease; }
#container #contents #sub_title .sns li.sns01 a { background:url('/foreign/images/sub/ic_facebook.jpg') no-repeat; }
#container #contents #sub_title .sns li.sns02 a { background:url('/foreign/images/sub/ic_twitter.jpg') no-repeat; }
#container #contents #sub_title .sns li.sns03 a { background:url('/foreign/images/sub/ic_blog.jpg') no-repeat; }
#container #contents #sub_title .sns li.sns04 a { background:url('/foreign/images/sub/ic_kakao.jpg') no-repeat; }
#container #contents #sub_title .sns li.favorite a { background:url('/foreign/images/sub/ic_favorite.jpg') no-repeat; }
#container #contents #sub_title .sns li.print a { background:url('/foreign/images/sub/ic_print.jpg') no-repeat; }
#container #contents #sub_title .sns li a:hover { background-position:0px -28px; transition:all 0.2s ease; }
#detail_con { margin-top:8px; }
#detail_con h4 { margin-top:50px; padding-top:10px; color:#3960a9; background:url('/foreign/images/sub/h4.jpg') no-repeat left top; font-size:26px; font-weight:bold; }
#detail_con .sblet { padding-left:18px; color:#333333; font-size:18px; font-weight:600; background:url('/foreign/images/sub/sblet.jpg') no-repeat left 10px; }
#detail_con .ssblet { padding:2px 0 2px 11px; color:#333333; font-size:15px; background:url('/foreign/images/sub/ssblet.jpg') no-repeat left 14px; }
#detail_con .sssblet { padding:1px 0 1px 12px; color:#555555; font-size:14px; background:url('/foreign/images/sub/sssblet.jpg') no-repeat left 12px; }
#detail_con .para01 { margin:20px 0 30px 10px; }
#detail_con .para02 { margin:10px 0 0 14px; }
#detail_con .para03 { margin:5px 0 15px 0px; }
#detail_con .para05 { margin:15px 0 0 0; }
#detail_con .map_wrap { border:1px solid #dddddd; background:#000000; color:#ffffff; }
#detail_con .txt_box { padding:20px; border:1px solid #dddddd; background:#f8f8f8; }
#data_control { margin:60px 0 0 0; }
table.data { width:100%; border-spacing:0; border-top:2px solid #3960a9; border-collapse:inherit; }
table.data th { padding:10px; color:#3960a9; background:#f7faff;  border-bottom:1px solid #c4d5f7; border-left:1px solid #c4d5f7; }
table.data th:first-child { border-left:0; }
table.data th.border_l { border-left:1px solid #c4d5f7; }
table.data td { padding:5px 10px; text-align:center; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; }
table.data td:first-child { border-left:0; }
table.data td.border_l { border-left:1px solid #dddddd; }
.img_list_wrap { margin-top:20px; overflow:hidden; }
.img_list_wrap li { float:left; padding:5px; border:1px solid #dddddd; box-sizing:border-box; }
.img_list_wrap li img { display:block; width:100%; }
.img_list_wrap.col3 li { margin-left:2%; width:32%; }
.img_list_wrap.col3 li:first-child { margin-left:0; }
/* 찾아오시는 길 */
#detail_con .location { position:relative; margin-top:-1px; padding:2% 3%; border:1px solid #ccc; background:#fbfbfb; }
#detail_con .location>ul>li { margin:4px 0px; padding-left:25px; }
#detail_con .location>ul>li.ic01 { background:url(/main/images/contents/ic_place.gif) no-repeat left 3px; }
#detail_con .location>ul>li.ic02 { background:url(/main/images/contents/ic_tel.gif) no-repeat left 3px; }
#detail_con .location>ul>li span.wfont { color:#333; }
#detail_con .location>p { position:absolute; right:2%; top:25%; }

/* 절차 */
#detail_con .step { margin-top:5px; overflow:hidden; }
#detail_con .step>li { float:left; margin:5px 0px; min-width:10%; background:url('/job/images/sub/step_arrow.png') no-repeat 98% center; }
#detail_con .step>li:last-child { background:none; padding-left:0px; }
#detail_con .step>li>div { display:table; padding:10px 5px; width:100%; box-sizing:border-box; text-align:center; border:1px solid #cccccc; }
#detail_con .step>li>div.tit { min-height:40px; font-weight:bold; background:#f8f8f8; border-bottom:0px; font-size:14px; }
#detail_con .step>li>div.con { min-height:65px; background:#ffffff; border-top-style:dotted; }
#detail_con .step>li>div.con .sub { color:#666666; font-size:13px; }
#detail_con .step>li>div .cell { display:table-cell; vertical-align:middle; line-height:150%; }
#detail_con .step>li>div .cell *{ font-size:14px; line-height:150%; }
#detail_con .step>li>div.tit .cell { color:#0f61b7; }
#detail_con .step>li>div.con .cell { color:#555555; }
#detail_con .step>li { padding-right:3%; }
#detail_con .step.col6>li { padding-right:3%; width:13.5%; }
#detail_con .step.col5>li { padding-right:3%; width:17%; }
#detail_con .step.col4>li { padding-right:3%; width:22%; }
#detail_con .step.col3>li { padding-right:3%; width:30.3%; }
#detail_con .step.col2>li { padding-right:3%; width:47%; background-position:99% center; }
#detail_con .step.col_all>li>div.con { padding:10px 20px; }
#detail_con .step02>li { display:table; padding-top:33px; width:100%; background:url('/foreign/images/sub/step_arrow2.png') no-repeat center 10px; }
#detail_con .step02>li:first-child { padding-top:1%; background:none; }
#detail_con .step02>li>div { display:table-cell; padding:1%; border:1px solid #c4d5f7; }
#detail_con .step02>li>div.tit { width:25%; text-align:center; vertical-align:middle; font-weight:bold; background:#f7faff; border-right:0px; }
#detail_con .step02>li>div.tit p { color:#3960a9; } 
#detail_con .step02>li>div.con { border-left-style:dotted; }

#detail_con .con_half, #detail_con .con_half_r { overflow:hidden; }
#detail_con .con_half .c_left { float:left; width:49%; }
#detail_con .con_half .c_right { float:right; width:49%; }
#detail_con .img_wrap { padding:1%; background:#ffffff; border:1px solid #dddddd; }
#detail_con .img_wrap img { display:block; width:100%; }
#detail_con .con_half_r .c_left { float:left; width:70%; }
#detail_con .con_half_r .c_right { float:right; width:26%; }

/* introduction */
.introduction .top { padding:40px; min-height:350px; background:url('/foreign/images/sub/introduction_bg.jpg') no-repeat right center; }
.introduction .top .tit { color:#112952; font-size:45px; font-weight:bold; }
.introduction .top .con { margin-top:25px; width:55%; }
.introduction .btm { margin-top:20px; padding:10px 40px 30px 40px; border-bottom:1px solid #aaaaaa; background:#f5f5f5; }
.introduction .btm p { margin-top:20px; }

.introduction .mayor {padding-top:5%; overflow:hidden;}
.introduction .mayor .tit {margin-bottom:30px; font-size:36px; line-height:45px; margin-top:5px; }
.introduction .mayor .tit span {color:#484848; }
.introduction .mayor .tit span.point {color:#1f6bd0;}
.introduction .mayor .con {float:left; width:50%; margin-left:3%;}
.introduction .mayor .txt {position:relative; padding-top:10px; margin-top:10px;}
.introduction .mayor .txt:before,
.introduction .mayor .txt::before {position:absolute; left:0; top:0; width:30px; height:2px; background:#888; content:"";}
.introduction .mayor .txt p {margin-top:25px; font-size:16px; font-weight:300;}
.introduction .mayor .txt p .point {color:#1f6bd0;}
.introduction .mayor .photo {float:left; width:45%; margin-left:1%}

/* history */
#detail_con.history { margin-top:30px; }
.history ul { position:relative; }
.history ul:after { position:absolute; z-index:1; content:''; display:block; top:33px; left:28px; width:1px; height:95%; background:#dddddd; }
.history ul li { position:relative; margin-bottom:20px; padding-left:48px; }
.history ul li:after { position:absolute; z-index:5; content:''; display:block; top:24px; left:24px; width:9px; height:9px; background:url('/foreign/images/sub/history_bu.jpg') no-repeat left top; }
.history ul li>div { position:relative; padding:10px 20px 15px 20px; border:1px solid #dddddd; border-radius:5px; }
.history ul li>div:after { position:absolute; z-index:5; content:''; top:22px; left:-7px; display:block; width:7px; height:11px; background:url('/foreign/images/sub/history_bg.jpg') no-repeat left top; }
.history ul li p.year { margin-bottom:5px; padding-bottom:5px; color:#3960a9; font-size:20px; font-weight:bold; background:url('/foreign/images/sub/history_tit.jpg') no-repeat left bottom; }
.history ul li p.year span { margin-left:10px; }
.history ul li p.con { color:#555555; font-size:14px; line-height:20px; }

/* greeting */
.greeting .top { padding:45px; width:869px; height:313px; background:url('/foreign/images/sub/greeting.jpg') no-repeat; }
.greeting .top .con p { color:#ebdad3; font-size:17px; font-weight:bold; }
.greeting .top .con p span { display:block; }
.greeting .top .sign p { margin-top:20px; color:#ffffff; font-size:20px; font-weight:bold; }
.greeting .top .sign p span { display:block; margin-top:10px; font-size:40px; }
.greeting>.con> p { margin-top:25px; }
.greeting .con ul { margin:25px 0; padding:20px; border-left:3px solid #3960a9; }

/* objective */
#detail_con .operate{margin-top:20px; overflow:hidden}
#detail_con .operate li{position:relative; float:left; margin:1%; padding:20px; width:31%; min-height:140px; text-align:center; letter-spacing:-1px; border:1px solid #d4d4d4; font-size:15px; box-sizing:border-box; }
#detail_con .operate li:before,
#detail_con .operate li:after{display:block; content:''; position:absolute; width:0px; height:0px; border:5px solid #d4d4d4}
#detail_con .operate li:before{top:0px; left:0px; border-right-color:transparent; border-bottom-color:transparent}
#detail_con .operate li:after{bottom:0px; right:0px; border-left-color:transparent; border-top-color:transparent}


/* organization */
#detail_con.organization { margin-top:40px; }
.organization .rank { position:relative; margin:0 auto; margin-bottom:25px; padding-top:13px; width:215px; height:45px; color:#ffffff; border:1px solid #dddddd; font-size:18px; font-weight:bold; text-align:center; }
.organization .rank:after { position:absolute; z-index:1; display:block; content:''; width:1px; top:100%; left:50%; height:25px; background:#dddddd; } 
.organization .rank.rank01 { background:url('/foreign/images/sub/organi01.jpg') no-repeat; }
.organization .rank.rank02 { background:url('/foreign/images/sub/organi02.jpg') no-repeat; }
.organization .rank03 { padding:5px 15px 0 15px; height:60px; color:#ffffff; background:#3b4559; text-align:center; font-size:14px; font-weight:600; line-height:17px; }
.china .organization .rank03, .japan .organization .rank03 { padding:15px !important; height:auto !important; }
.organization .rank03 span { display:block; }
.organization .rank03_group .rank03 { margin-bottom:5px; }
.organization>ul>li>ul>li>ul { position:relative; overflow:hidden; }
/* .organization>ul>li>ul>li>ul:after { position:absolute; z-index:2; display:block; content:''; top:0; left:7.5%; width:85%; height:1px; background:#dddddd; } */
/* .organization>ul>li>ul>li>ul>li { position:relative; float:left; margin-top:35px; margin-left:2%; width:15%; } */
.organization>ul>li>ul>li>ul:after { position:absolute; z-index:2; display:block; content:''; top:0; left:9.2%; width:81.6%; height:1px; background:#dddddd; }
.organization>ul>li>ul>li>ul>li { position:relative; float:left; margin-top:35px; margin-left:2%; width:18.4%; }
.organization>ul>li>ul>li>ul>li:first-child { margin-left:0; }
.organization>ul>li>ul>li>ul>li:after { position:absolute; z-index:2; display:block; content:''; top:-35px; left:50%; width:1px; height:35px; background:#dddddd; }
/* .organization>ul>li>ul>li>ul>li:first-child .rank03, .organization>ul>li>ul>li>ul>li:last-child .rank03, .organization .rank03_group .rank03 { padding-top:15px; height:50px; } */
.organization>ul>li>ul>li>ul>li>ul { position:relative; margin-top:5px; border:1px solid #dddddd; }
.organization>ul>li>ul>li>ul>li>ul:after { position:absolute; z-index:2; display:block; content:''; top:-5px; left:50%; width:1px; height:5px; background:#dddddd; }
.organization>ul>li>ul>li>ul>li>ul>li { padding:10px; color:#555555; border-top:1px solid #dddddd; font-size:13px; text-align:center; }
.organization>ul>li>ul>li>ul>li>ul>li:first-child { border-top:0; }
.organization>ul>li>ul>li>ul>li>ul>li:nth-child(even) { background:#f6f6f6; }
.organization>ul>li>ul>li>ul>li .rank03.organ_pt { padding-top:15px; height:50px; }
.organization .rank04 { margin-top:1%; overflow:hidden; }
.organization .rank04 li { float:left; text-align:center; width:24%; height:30px; margin:.5%; padding:10px 0; color:#fff; background:#3b4559; }
.organization .rank04 li.h50p {height:50px;}

/* gu map */
.gu_map { margin-bottom:20px; padding:30px 0; border:1px solid #dddddd; background:#fcfcfc; text-align:center; }


#detail_con img { max-width:100%; vertical-align:middle; }
#detail_con .point { color:#3960a9; }
#detail_con .tour4 img { width:100%; }
#detail_con .tour4 .logo_signature li p.img { padding:0; }
#detail_con .symbol_mark{margin-top:10px; padding:7% 5%; text-align:center; border:1px solid #ccc; background:url('/main/images/contents/yeonsu/symbol_bg.gif') repeat center}
#detail_con .symbol li{padding:20px 0px; border-top:1px dotted #aaa; overflow:hidden; }
#detail_con .symbol li:first-child{border-top:0px}
#detail_con .symbol li p{float:left; width:30%}
#detail_con .symbol li p img{border:1px solid #dbdbdb}
#detail_con .symbol li dl{float:left; width:70%}
#detail_con .symbol li dl dt{margin-top:5px; margin-bottom:20px; padding-top:15px; padding-left:80px; min-height:55px; font-weight:bold; font-size:22px; background-repeat:no-repeat; background-position:left top}
#detail_con .symbol li.ic01 dl dt{background-image:url(/main/images/contents/yeonsu/symbol_ic01.gif)}
#detail_con .symbol li.ic02 dl dt{background-image:url(/main/images/contents/yeonsu/symbol_ic02.gif)}
#detail_con .symbol li.ic03 dl dt{background-image:url(/main/images/contents/yeonsu/symbol_ic03.gif)}
#detail_con .logo li {float:left; padding:7% 5%; margin:10px .5% 0% 1.5%; width:37%; text-align:center; border:1px solid #ccc; box-shadow:0px 4px 0px #eee}
#detail_con .logo li.symbol_mark {float:right}
#detail_con .logo_color{margin-top:10px; overflow:hidden}
#detail_con .logo_color li {float:left; margin:.5%; width:13.25%; text-align:center}
#detail_con .logo_signature{margin-bottom:20px; overflow:hidden}
#detail_con .logo_signature li{float:left; margin:1% .5%; width:23.5%; border:1px solid #ccc; box-shadow:0px 4px 0px #eee}
#detail_con .logo_signature.col5 li{width:18.5%}
.japan #detail_con .logo_signature li p.txt { font-size:13px; }
#detail_con .logo_signature li p.img{padding:15% 3%; text-align:center}
#detail_con .logo_signature li p.txt{padding:5% 3%;text-align:center; border-top:1px solid #ccc; background:#fbfbfb}

/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1200px) {
	
}

@media all and (max-width:1199px) {
	#container #contents { width:72%; }
	.greeting .top { padding:20px; width:auto; height:auto; background-position:center bottom; }
	.greeting .top .con p { margin:0 0 25px 0; font-size:15px; }
	.greeting .top .sign p span { font-size:30px; }
	.organization .rank03 { padding:5px; font-size:13px; }
	.introduction .top { padding:40px 20px; background-size:40%; }
	.introduction .btm { padding:10px 20px 30px 20px; }
	#detail_con .operate li{width:48%; }
	.gu_map { padding:20px; }
	.gu_map img { display:block; width:100%; }
}

@media all and (max-width:950px) {
	#container #contents { width:68%; }
}

@media all and (min-width:769px) {
	#container #leftmenu h2 span { display:block; }
	
	
}

@media all and (max-width:768px) {
	#sub_visual { left:0; width:100%; height:100px; margin-left:0; }
	#sub_visual p.tit { padding-top:24px; }
	#sub_visual p.sub { display:none; }
	#container { margin-top:0; }
	#container #leftmenu { float:none; width:100%; }
	#container #leftmenu h2 { position:relative; padding:15px 10px; font-size:18px; color:#1a3b79; background:#f0f0f0; border-bottom:1px solid #dddddd; }
	#container #leftmenu h2 a { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background:url('/foreign/images/sub/lmenu_btn.png') no-repeat right 15px top 20px; text-indent:-9999px;  }
	#container #leftmenu>ul { margin-top:0; border-bottom:3px solid #3960a9; }
	#container #leftmenu>ul>li:last-child { border-bottom:0px; }
	#container #leftmenu>ul>li>a { font-size:14px; }
	#container #leftmenu>ul>li>a>span { display:inline; }
	#container #contents { float:none; padding:0 10px; width:auto; }
	#container #contents #sub_title { padding:15px 0; border-bottom:2px solid #dddddd; }
	#container #contents #sub_title h3 { margin:0; font-size:18px; }
	#container #contents #sub_title ol { display:none; }
	#container #contents #sub_title .sns { display:none; }
	.introduction .top { background-size:34%; }
	.introduction .top .tit { font-size:30px; }
	.introduction .top .con { width:65%; }
	.introduction .mayor .photo, 
	.introduction .mayor .con { text-align:center; width:100%; margin:0px; background-position:center; }
	.introduction .mayor .photo {margin-bottom:20px; text-align:center;}
	.introduction .mayor .txt:before, .introduction .mayor .txt::before { left:47%; }
	.greeting { position:relative; padding-bottom:150px; }
	.greeting .top { padding:0; background:none; }
	.greeting .top .con { margin-top:30px; padding:0px; }
	.greeting .top .con p span { display:inline; color:#1e150e; }
	.greeting .top .con p:last-child { margin-bottom:0; }
	.greeting .top .sign { position:absolute; z-index:1; bottom:0; width:100%; background:url('/foreign/images/sub/greeting.jpg') no-repeat right -40px; background-size:100%; box-sizing:border-box; }
	.greeting .top .sign p { margin-top:0; padding:20px; }
	#detail_con .operate li{padding:10px; width:98%; min-height:0;}
	#detail_con .operate li span.point{display:inline}
	.organization>ul>li>ul>li>ul>li { margin-top:10px; margin-left:2%; width:32%; min-height:400px; }
	.organization .rank:after, .organization>ul>li>ul>li>ul:after, .organization>ul>li>ul>li>ul>li:after { display:none; }
	.organization>ul>li>ul>li>ul>li:nth-child(4) { margin-left:0; }
	.organization .rank03 { padding:10px; height:auto; }
	/* .organization>ul>li>ul>li>ul>li:first-child .rank03, .organization>ul>li>ul>li>ul>li:last-child .rank03, .organization .rank03_group .rank03 { padding:10px; height:auto; } */
	.organization>ul>li>ul>li>ul>li .rank03.organ_pt { padding:10px; height:auto; }
	.organization .rank04 li { margin:.5%; width:49%; }
	.organization .rank04.organ_eng li { height:50px; }
	.organization .rank04 li span { display:block; }
	#detail_con .logolink>li{float:left; width:46.8%}
	#detail_con .symbol li p{width:100%; text-align:center}
	#detail_con .symbol li dl{margin-top:20px; width:100%}
	#detail_con .step>li{display:table; width:100% !important; background:0px}
	#detail_con .step>li>div{display:table-cell}
	#detail_con .step>li>div.tit{width:20%; border:1px solid #cccccc; border-right:0px}
	#detail_con .step>li>div.tit .cell{display:inline-block; text-align:center; width:100%}
	#detail_con .step>li>div.con{width:80%; border:1px solid #cccccc; border-left-style:dotted}	
	#detail_con .step>li>div.con .cell{text-align:left}	
	#detail_con .con_half_r .c_right, #detail_con .con_half_r .c_left, #detail_con .con_half .c_left, #detail_con .con_half .c_right { float:none; margin-bottom:10px; width:auto; }
	#detail_con .con_half_r .img_wrap { margin:0 auto; margin-bottom:10px; width:50%; }
	#detail_con .tour4 .logo_signature li p.txt { font-size:13px; }
} 

@media all and (max-width:640px) {
	#detail_con .logo_signature li p.txt { height:58px; }
	.f_bbtn { display:block; margin-bottom:10px; line-height:150%; }
	.img_list_wrap li { float:none; margin-left:0 !important; margin-bottom:5px; width:100% !important; }
	.introduction .top { padding:55% 0 0 0; background-size:50%; background-position:center top; }
	.introduction .top .tit { text-align:center; }
	.introduction .top .con { width:100%; }
	 .introduction .btm p { font-size:14px; }
}

@media all and (max-width:480px) {
	.greeting .top .sign { background-position:right top; }
	.greeting .top .sign p { padding:30px 20px; font-size:15px; }
	.greeting .top .sign p span { font-size:26px; }
	.organization>ul>li>ul>li>ul>li { margin-left:2%; width:49%; }
	.organization>ul>li>ul>li>ul>li:nth-child(4) { margin-left:2%; }
	.organization>ul>li>ul>li>ul>li:nth-child(odd) { margin-left:0%; }
	#detail_con .step>li>div.tit .cell { font-size:11px; }
}