@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*
	Reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	word-wrap:break-word;word-break:break-word;
	/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
body,html{
	font-family:"nanumGothic","nanum Gothic","나눔고딕","sans-serif";
}
a{text-decoration:none; color:#333;}

.hidden{
	position:absolute;
	top:0;left:0;
	width:0;height:0;
	margin:0;padding:0;
	font-size:0;line-height:0;letter-spacing:0;
	overflow:hidden;
}


.skip-navigation a {position:absolute; left:-3000%;}
.skip-navigation a:focus { display:block; left:0; top:0; z-index:6000; width:100%; height:30px; line-height:30px; background:#570000; color:#fff; text-align:center;}

.lnb{width:100%;min-width:1200px; height:40px; background:url("/resources/trforeign/images/common/back1.png") repeat-x;}
.lnb-box{width:1200px; margin:0 auto; overflow:hidden;}

.sel-lang{float:right;padding: 0 0 0 19px;background:url("/resources/trforeign/images/common/back2.png") no-repeat 0 14px;}
.sel-lang span{display:block;line-height:40px;padding: 0 14px 0 0;background:url("/resources/trforeign/images/common/back2.png") no-repeat right 14px;}
.sel-lang span select{vertical-align:top; margin-top:11px; border:0 none; background:none; color:#fff;}
.sel-lang span select option{color:#333;}
.sel-lang .btn-go{display:inline-block;width:45px;height:25px;margin:0 0 0 5px;line-height:25px;border:0;background: url("/resources/trforeign/images/common/btn_go.png") repeat;color:#474747;font-size:13px;font-weight:bold;text-align:center;border:0}

.header{width:1200px; height:141px; margin:0 auto; position:relative; z-index:5000;}

.h-top{position:relative;width:100%;border-bottom:1px solid #dce3ea }
.h-top h1{width:327px;height:53px;margin:0 auto;padding:13px 0 14px 0 }

.tsch-box{position:absolute;top:23px;right:0;width:262px;height:37px;background-color:#efefef;border-radius:19px}
.tsch-box > span{display:block;padding: 0 38px 0 0;height:24px;line-height:24px;margin:6px 5px 0 20px ; }
.tsch-box input{display:block;width:100%;height:24px;line-height:24px;border:0;background-color:#efefef}
.tsch-box .btn-tsch{overflow:hidden;display:block;position:absolute;right:15px;top:0;width:18px;height:37px;background:url("/resources/trforeign/images/common/ico01.png") no-repeat left 9px;}
.tsch-box .btn-tsch span{display:block;text-indent:-99999px}

/*메뉴*/

.gnb-box .gnb1 {
    padding: 0;
    display: table;
    position: relative;
    width: 100%;
}

.gnb-box ul.gnb1 > li {
    float: none;
    display: table-cell;
    width: auto;
    height: 60px;
    vertical-align: middle;
}

.gnb-box ul.gnb1 > li.mn3 {
    width: 23%;
}

.gnb-box .gnb1 > li h2 {
    position: relative;
    height: 60px;
    display: table;
    width: 100%;
}

.gnb-box .gnb1 > li > h2 > a {
    display: table-cell;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #888;
    font-size: 17px;
    vertical-align: middle;
}
.gnb-box .gnb1 > li.mn5 > h2 > a {
    height: auto;
    padding-top: 0;
    line-height: 1.5;
}

.gnb-box .gnb2-box {
    width: 100%;
}

.gnb-box{width:1200px;margin:0 auto}
.gnb1{padding: 0 0 0 37px}
.gnb1 > li h2{position:relative}
.gnb1 > li{float:left;}

.gnb1 > li.mn1{width:119px}
.gnb1 > li.mn2{width:180px}
.gnb1 > li.mn3{width:137px}
.gnb1 > li.mn4{width:191px}
.gnb1 > li.mn5{width:223px}
.gnb1 > li.mn6{width:162px}
.gnb1 > li.mn7{width:110px}
.gnb1 > li > h2 > a{;display:block;text-align:center;line-height:60px; font-weight:bold;color:#888;font-size:17px}
.gnb1 > li > h2 > a:hover,
.gnb1 > li.on > h2 > a{color:#2b2b2b}
.gnb1 > li > h2 >  em{display:none;}
.gnb1 > li.on h2 em{display:block;position:absolute;top:58px;left:50%;margin-left:-10px;width:20px;height:16px;z-index:501;background:url("/resources/trforeign/images/common/back3.png") center bottom no-repeat;}
.gnb1 > li.mn2.on h2 em{display:none;}
.gnb2-box{display:none;background:#394f7a; width:100%; min-width:1200px; position:absolute; left:0; height:150px;}
.gnb2-box.on{display:block}
.mn2.on .gnb2-box.on{display:none}
.gnb2 {padding: 38px 0 0 60px}
.gnb2 > li{float:left; margin:0 20px 10px 0 ;padding: 0 21px 0 0;background:url("/resources/trforeign/images/common/line02.png") no-repeat right ;}
.gnb2 > li.bg-n,
.gnb2 > li:last-child{background:none}
.gnb2 > li > a{display:inline-block;padding: 0 0 4px 0;color:#fff;font-size:15px;}
.gnb2 > li > a:hover{background:url("/resources/trforeign/images/common/line01.png") repeat-x left bottom;}
.mback1{display:none; width:100%; height:150px; background:#f3f1ef; position:absolute; top:181px; left:0; z-index:500;}

/*영문메뉴추가*/

.gnb-box.en .gnb1 {
    padding: 0;
    display: table;
    position: relative;
    width: 100%;
}

.gnb-box.en .gnb1 > li {
    float: none;
    display: table-cell;
    width: auto;
    height: 60px;
    vertical-align: middle;
}

.gnb-box.en .gnb1 > li h2 {
    position: relative;
    height: 60px;
    display: table;
    width: 100%;
}

.gnb-box.en .gnb1 > li > h2 > a {
    display: table-cell;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #888;
    font-size: 17px;
    vertical-align: middle;
}

.gnb-box.en .gnb-box.en .gnb1 > li.mn5 > h2 > a {
    height: auto;
    padding-top: 0;
    line-height: 1.5;
}

.gnb-box.en .gnb2-box {
    width: 100%;
}







/* .gnb-box.en .gnb1 > li.mn1{width:92px}
.gnb-box.en .gnb1 > li.mn2{width:185px}
.gnb-box.en .gnb1 > li.mn3{width:160px}
.gnb-box.en .gnb1 > li.mn4{width:170px}
.gnb-box.en .gnb1 > li.mn5{width:185px}
.gnb-box.en .gnb1 > li.mn6{width:150px}
.gnb-box.en .gnb1 > li.mn7{width:190px}
.gnb-box.en .gnb1 > li.mn5 > h2 > a{height:52px;padding-top:8px;line-height:21px;} */

.footer{background:#f7b05b; width:100%;min-width:1200px}
/*.fbox{width:1200px; margin:0 auto; position:relative; background:url("/resources/trforeign/images/common/new_flogo.JPG") no-repeat left center;}*/
.fbox{width:1200px; margin:0 auto; position:relative;}
.fcenter{padding:23px 0;}
.fcenter li{font-size:13px; color:#333; line-height:23px; font-weight:bold; text-align:center;}
.fcenter li a{font-size:13px; color:#333; font-weight:bold;}

.fsel-box {position:absolute; right:0; top:50%;width:238px; height:30px; margin-top:-16px; border:1px solid #333; background:#f7b05b;}
.fsel-box .fsel-in{display:block;position:relative;}
.fsel-box .fsel-in .fsel {display:block;padding: 0 40px 0 0;height:30px; background:#f7b05b;color:#333;}
.fsel-box .fsel-in .fsel  select{display:block;width:100%;height:30px;line-height:30px; background:#f7b05b;border:0; font-size:13px; }
.fsel-box .fsel-in .btn-go{display:block;position:absolute;top:0;right:0;width:40px;height:30px;background:#f7b05b;border:0;border-left:1px solid #333;font-size:12px;}


.tbl-gnb{display:none;}

.clear{overflow:hidden;}
.clear:after{content:"";clear:both;display:block}
.fl-l{float:left;}
.fl-r{float:right;}
.media-tablet{display:none;}
.media-pc{display:block;}

.sns_div{margin-left:472px; margin-top:-15px;}

/*태블릿*/
@media screen and (max-width : 640px) {
	.media-tablet{display:block;}
	.media-pc{display:none;}
	.header{width:100%;height:auto;padding-bottom:8px}
	.gnb-box{display:none;}
	.lnb {min-width:100%;}
	.lnb-box{width:100%;}
	.tbl-gnb{display:block;}
	.tbl-gnb > p > a{display:block; float:right; margin-top:10px;}
	.tsch-box{position:relative;top:0;width:95%;margin:0 auto}
	.tsch-box > span{padding: 5px 38px 0 0;}

	.footer{width:100%;min-width:100%;}
	.fcenter{padding:90px 0 47px 0;}
	.fbox{width:100%; background-position:center 20px;}
	.fcenter ul {margin:0 20px;}
	.fsel-box {top:100%;width:100%;}

	.h-top h1{margin-left:20px;height:auto}
	.tbl-btn-top{position:absolute; top:14px; right:20px;}
	.tbl-btn-m{position:absolute; top:20px; right:10px;}

	.tbl-gnb{display:none; position:absolute; top:40px; bottom:0; right:0; z-index:5000; width:290px; box-shadow: -1px -2px 25px #4e4e4e;}
	.close-menu{position:absolute; top:0; right:0; padding-left:27px; width:263px; height:59px; line-height:59px;font-weight:bold; font-size:18px; color:#fff; border-bottom:1px solid #25658b; background:#f89e45;}
	.close-menu a{display:inline-block; float:right; margin:10px 27px 0 0;width:40px;height:40px}
	.close-menu a img{width:40px}
	.tbl-gnb > ul{position:absolute; top:59px; bottom:0; right:0; width:290px; background:#424754; display:block;}
	.tbl-gnb > ul > li{border-top:1px solid #6a6a6a;border-bottom:1px solid #000; padding-top:17px; background:#424754;}
	.tbl-gnb > ul > li > a{font-weight:bold; color:#fff; display:block; margin:0 30px 17px 30px; font-size:15px;}
	.tbl-gnb > ul > li > a.on{background:url("/resources/mayor/images/common/ico9.png") no-repeat center right;}
	.tbl-gnb > ul > li.other a.on{background:none;}
	.g-depth2{display:none; border-top:1px solid #31353f; background:#2d323d; padding:0 30px;}
	.g-depth2 > ul > li{border-bottom:1px solid #494d57; padding-top:12px; background:url("/resources/mayor/images/common/dot2.png") no-repeat 4px 17px;}
	.g-depth2 > ul > li:last-child{border-bottom:0 none;}
	.g-depth2 > ul > li > a{font-size:15px; color:#bbbdc1; display:block; padding:0 0 12px 20px; font-weight:normal;word-break: normal;}
	.g-depth-c2 > ul{display:none; border-top:1px solid #494d57; padding:10px 0;}
	.g-depth-c2 > ul > li{background:#3f4655; padding:16px 20px 0 20px; margin-bottom:2px;}
	.g-depth-c2 > ul > li:last-child{margin-bottom:0;}
	.g-depth-c2 > ul > li > a{color:#fff; display:block; padding-bottom:16px;word-break: normal;font-size:14px;font-weight:normal}
	.g-depth-c2 > ul > li > ul{padding-bottom:10px;}
	.g-depth-c2 > ul > li > ul > li{margin-bottom:5px;}
	.g-depth-c2 > ul > li > ul > li > a{color:#bbbdc1;}


}

/*모바일*/
@media screen and (max-width : 480px) {
	.h-top h1{width:70%;margin: 0 0 0 10px}
	.h-top h1 a img{width:100%}
	.lnb-box ul li{padding-left:5px; margin-left:5px;}

	.sns_div{margin-left:93px; margin-top:-30px;}
}

@media screen and (max-width :360px) {
	.h-top h1{width:200px;height:auto;margin: 0 0 0 10px}
	.tbl-btn-m {width:34px;height:31px;right:10px}
	.tbl-btn-m  a img{width:100%}
	.lnb-box ul li{padding-left:5px; margin-left:5px;}
}