@charset "utf-8";
img { max-width:100%; }
.mt_n { margin-top:0; }
h4, .sblet { margin-top:45px; padding-left:12px; background:url(/open_content/foreign/images/sblet.gif) no-repeat; font-size:18px; font-weight:bold; }
.ssblet { margin-top:15px; padding-left:10px; background:url(/open_content/foreign/images/ssblet.gif) no-repeat left 6px; }
.sssblet { margin-top:8px; padding-left:8px; background:url(/open_content/foreign/images/sssblet.gif) no-repeat left 10px; }
table.data { width:100%; margin-top:10px; text-align:center; }
table.data thead th { border-top:1px solid #333; border-bottom:1px solid #333; color:#333; }
table.data th, table.data td { padding:5px; }
table.data tbody  td { border-bottom:1px solid #dcdcdc; }
table.data .left { text-align:left; }

.wfont, .ssblet.wfont { font-weight:500; }
.gray_bg { background:#f2f2f2; }
h3 { padding:40px 0 30px 0; font-size:40px; color:#333; text-align:center; font-weight:500; }
h3 span { background:url(/open_content/foreign/images/blet.gif) no-repeat left top; }
.tbox { margin-top:10px; margin-bottom:20px; padding:15px; border-top:2px solid #333; border-bottom:2px solid #333; }
/* #intro, #about h3, #city h3, #economy h3, #edu h3, #tour h3 { padding-top:155px; } */
section#go_about div>.wrapper, .photo>.wrapper { overflow:hidden; padding-top:30px; padding-bottom:30px; }
section#go_about .box, section#go_about .con, li.ssblet, li.sssblet, .tbox, .photo p, footer { font-weight:300; }

section#go_intro { overflow:hidden; position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; }
section#go_intro .bg li { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1 }
section#go_intro .bg img { width:auto; height:100%; }
section#go_intro .slogan { float:left; margin-top:100px; padding:45px; background-color:rgba(0, 0, 0, 0.3); }
section#go_intro .slogan p { font-size:55px; color:#fff; font-weight:600; font-family:'Nanum Myeongjo', serif; line-height:115%; letter-spacing:-1.5px; text-shadow:0 2px rgba(0, 0, 0, 0.2); }
section#go_intro .control { overflow:hidden; position:absolute; left:50%; bottom:15%; margin-left:-25px; z-index:9; }
section#go_intro .control li { float:left; margin:0 5px; }
section#go_intro .control li a { display:block; width:15px; height:15px; background:url(/open_content/foreign/images/control_off.png) no-repeat center; text-indent:-5000px; } 
section#go_intro .control li.on a { background:url(/open_content/foreign/images/control_on.png) no-repeat center; } 
section#go_intro .control li.stop a {  background:url(/open_content/foreign/images/control_stop.png) no-repeat center; } 
section#go_about .tab { overflow:hidden; width:100%; margin:0 auto 30px auto; }
section#go_about .tab li { position:relative; float:left; padding-left:25px; padding-right:25px; }
section#go_about .tab>li::after, section#go_about .tab>li:after { display:block; position:absolute; left:0; top:4px; width:1px; height:10px; background:#0d6aca; content:''; }
section#go_about .tab>li:first-child::after, section#go_about .tab>li:first-child:after { background:none; }
section#go_about .tab li>a { display:block; margin-top:-2px; margin-bottom:2px; padding-bottom:2px; font-size:18px; color:#0d6aca; }
section#go_about .vision { background:url(/open_content/foreign/images/vision_bg.gif) no-repeat center top; }
section#go_about .vision .box { background:rgba(0, 0, 0, 0.3); }
section#go_about .vision p { color:#fff; font-size:16px; margin-top:15px; padding-left:35px; padding-right:35px; }
section#go_about .vision p:first-child { margin-top:0; }
section#go_about .vision .gray_bg { overflow:hidden; }
section#go_about .vision .gray_bg div>ul { float:left; width:45%; margin-top:-15px; }
section#go_about .vision .gray_bg div>ul:first-child { margin-right:5%; }
section#go_about .vision .reportDate { text-align:right; color:#333; font-size:14px }
section#go_about .symbolBox { margin-top:10px; border:1px solid #dcdcdc; border-top:2px solid #333; background:url(/open_content/main/images/contents/seogu/symbol_bg.gif) repeat center top; }
section#go_about .symbolCon { overflow:hidden; padding:3% 5%; }
section#go_about .symbolCon p.img { float:left; width:20%; text-align:center; }
section#go_about .symbolCon div.con { float:right; padding:2% 0% 0%; width:75%; line-height:170%; }
section#go_about .symbolCon div.con.con2 { padding:5% 0 0; }
section#go_about .symbol_basic { padding:2% 3%; overflow:hidden; }
section#go_about .symbol_basic li { float:left; padding:2.5%; width:45%; }
section#go_about .symbol_basic li p { text-align:center; }
section#go_about .symbol_basic li p.name { margin:10px auto 0px; width:100px; padding:3px 0px; background:#484848; border-radius:20px; color:#fff; }
section#go_about .symbol_apply { padding:5% 1%; overflow:hidden; text-align:center; }
section#go_about .symbol_apply li { float:left; margin-left:2%; text-align:center; }
section#go_about .symbol_use .para01 { margin-bottom:30px; border-top:1px dashed #dcdcdc; }
section#go_about .symbol_use .border { border:1px solid #dcdcdc; }
section#go_about .conPhoto .txt { display:block; padding:13px 5%; text-align:center; background:#f8f8f8; border-top:1px dotted #dcdcdc; font-size:15px; font-weight:500; color:#333; }
section#go_about .conPhoto .txt span { font-weight:300; color:#484848; }
section#go_about .conPhoto { overflow:hidden; }
section#go_about .conPhoto li { float:left; margin:1.5% 0.7% 0% 0.8%; width:23.5%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; }
section#go_about .conPhoto li img { display:block; width:100%; }
section#go_about .map { width:100%; height:400px; margin-top:15px; }
section .photo { overflow:hidden; }
section .photo h4>span { font-size:15px; font-weight:300; }
section .photo .con { float:left; width:72%; }
section .photo .con>ul, section .photo>div>ul { margin-left:10px; }
section .photo .photo_box { float:right; width:25%; }
section .photo .photo_box p { margin-bottom:1.5%; }
section .photo .photo_box p img { width:100%; height:180px; }
section .photo.gray_bg .con { float:right; }
section .photo.gray_bg .photo_box { float:left; }
section .photo .con.w_50 { width:50%; }
section .photo .con.w_50 p { margin-top:10px; }
section .photo .photo_box.w_50 { width:48%; text-align:right; }
section .photo.gray_bg .photo_box.w_50 { text-align:left; }
section .photo .photo_box.w_50 p { float:left; width:48%; margin-right:1%; margin-left:1%; }
section .photo .photo_box.w_50 p img { height:185px; }
section .photo>div>.ssblet { margin-left:10px; }
section .photo>div>.margin_t5 { margin-left:20px; margin-bottom:20px; }
section .photo>div>p.photo_fl { float:left; width:30.3%; margin:1.5% auto 0 auto; padding:0 1.5%; }
section .photo>div>p.photo_fl img { width:100%; height:200px; }

@media screen and (min-width:1300px){	
	section#go_intro .bg img { width:100%; }
	section#go_about .vision { background-size:100%; }
}

@media screen and (min-width:769px){	
	section#go_about .tab li>a.select, section#go_about .tab li>a:hover, section#go_about .tab li>a:active { margin-bottom:0; border-bottom:2px solid #0d6aca; text-decoration:none; }
	section#go_about .vision .box { width:75%; padding-top:35px; padding-bottom:35px; }
}

@media screen and (max-width:768px){
	h3 { font-size:30px; }
	#contents>section { overflow:hidden; }
	#go_about div>.wrapper, #go_city .wrapper, #go_economy .wrapper, #go_edu .wrapper, #go_tour .wrapper { width:94%; padding-right:3%; padding-left:3%; }
	section#go_intro { height:300px; }
	section#go_intro .bg img { width:100%; height:300px; }
	section#go_intro .slogan { margin-left:5%; margin-top:5%; padding:5%; }
	section#go_intro .slogan p { font-size:25px; letter-spacing:0; }
	section#go_intro .control { display:none; }
	section#go_about .tab>li { width:33.3%; padding:0; }
	section#go_about .tab>li:after, section#go_about .tab>li::after { background:none; }
	section#go_about .tab>li>a { text-align:center; }
	section#go_about .vision { background-size:auto 100%; }
	section#go_about .vision .box { padding:3%; }
	section#go_about .conPhoto li { width:48.5%; }
	section .photo h4, section .photo .photo_box { margin-top:0 !important; }
	section .photo .con, section .photo .con.w_50, section .photo .photo_box, section .photo .photo_box.w_50 { width:100%; }
	section .photo .photo_box p { float:left; width:48%; margin-top:10px; margin-right:1%; margin-left:1%; }
	section .photo>div>p.photo_fl img { height:100px; }
}

@media screen and (max-width:430px){
	section#go_intro .bg img { width:auto; }
	section#go_about .tab { margin-bottom:0; }
	section#go_about .tab>li, section#go_about .tab>li.tab03 { width:100% !important; background:#0d6aca; }
	section#go_about .tab>li>a { border-top:1px solid #1b5189; padding:10px; color:#fff; }
}