@charset "utf-8";
*{font-style:normal}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* common */
html,body{width:100%;height:100%;min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,address{
	font-family: 'Nanum Gothic', sans-serif;margin:0;padding:0;line-height:150%;word-break:keep-all}
body{font-weight:normal;font-size:14px;background:#f5f5f5}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table,th,td{border-collapse:collapse;border-spacing:0;font-size:inherit;word-break:break-all}
ul,ol{list-style:none}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
em{font-style:italic}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button{cursor:pointer;border:0;padding:0;margin:0}
hr,.blind{overflow:hidden;position:absolute;bottom:0;left:-1px;width:1px;height:1px;font-size:0;line-height:0}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}
select,input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
select{cursor:pointer}

body,
a,
a:link,
a:visited,
a:active{color:#4c4c4c;text-decoration:none}
a:focus,
a:hover{color:#2b74c0;cursor:pointer}

.blind{width:0;height:0;line-height:0;font-size:0px;float:left;position:absolute;visibility:hidden;overflow:hidden}

a.skip-to{position:absolute;top:-999999px;left:0;background:#333;color:#fff;width:100%;padding:10px 0;text-align:center;text-decoration:none}
a.skip-to:hover,
a.skip-to:focus,
a.skip-to:active{display:block;top:0;z-index:9797979797}

html*input{margin:-1px 0} /******IE에서 input 상하 여백 없애기******/


img{max-width:100%;max-height:100%}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]
{cursor:not-allowed}

select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } 
/* IE 10, 11의 네이티브 화살표 숨기기 */ select::-ms-expand { display: none; }


.txt-bar,
.tnb a,
.slider .box .control .pager a,
.control a,
#footer{position:relative;z-index:5;}
#footer{position:relative;z-index:1;background:#fff;clear:both;border-top:1px solid #e3e3e3;}

#footer .info {;font-size:14px;background:#fff;line-height:50px;height:50px;color:#666;;box-sizing:border-box;width:83%;margin:0 auto}
#footer .info a {float:left;display:block;color:#666;;line-height:50px;height:50px;;font-size:14px}
#footer .info span {float:left;display:block;margin:19px 25px 0;height:13px;width:1px;background:#d6d6d6;}
.footer_line { border-top:1px solid #e3e3e3}
#footer address{display:inline-block;padding:30px 0 30px;letter-spacing:-0.5px;font-size:14px;color:#666;margin-left:44px;line-height:24px}
.footer_line .section h1  {display:inline-block;vertical-align:top}

#footer h1 img { margin-top:45px;}


/* 컨텐츠 스타일 */
input.text{border:1px solid #ccd2dc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fafafa;line-height:27px;height:27px;padding:0 5px;vertical-align:middle}
input.text.disabled{background:#f1f1f1;color:#aaa;cursor:not-allowed}
input.text.ui-spinner-input{border:none;background:none;margin-top:0;margin-bottom:0}
.ui-spinner a{cursor:pointer}
input.ui-calendar{width:100px;background:#fff url('../img/calendar-icon.gif') no-repeat 89px center;vertical-align:middle;cursor:pointer}


/* 스타일 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,address
{font-size:13px}

.clr {clear:both}
.fLeft {float:left}

a:hover,
a:focus{color:#2b74c0}
#header{position:fixed;z-index:2;clear:both;width:100%;background:#fff}
#container{position:relative;z-index:1;width:100%;padding-top:138px}
h1{z-index:5}

.section {width:1100px;margin:0 auto;position:relative;}


/* header */
.tnb{position:relative;}

#header h1{position:relative;font-size:0;line-height:50px;height:48px}
h1 img { margin-top:4px}
.main_top_banner { position:absolute;right:0;top:33px;z-index:99}
/* header */
.tnb .util{position:relative;top:0;left:0;width:100%;height:40px;line-height:40px;background:#202743;;}
.tnb .util .r_menu{width:auto;float:right;}
.tnb .util ul.r_menu a {float:left;display:block;color:#fff;font-size:14px;height:40px;;line-height:40px;}
.tnb .util ul.r_menu span {float:left;display:block;margin:13px 13px 0;height:13px;width:1px;background:#fff;}
.tnb .util .r_menu em { font-style:normal;color:#f35f23;font-weight:bold}

.top_event { font-weight:bold;color:#fff;font-size:13px;height:21px;line-height:10px;float:left;margin-top:8px}
.top_event span { display:inline-block; width:auto;height:21px;line-height:21px;color:#fff;font-size:13px;background:#3acdb9;border-radius:12px;text-align:center;padding:0 8px}
.top_event a { display:inline-block;color:#fff;font-size:13px;font-weight:400;height:21px;line-height:21px;margin:0 5px 0 5px}
.allmenu { height:40px;line-height:40px;width:40px;background:#fff;text-align:center;margin-left:13px}

.tnb{z-index:auto}
.Gnb{z-index:auto}


/* Gnb */
.Gnb{clear:both;width:1100px;left:0;top:0;overflow:hidden;background:#fff;border-top:2px solid #7092be;border-bottom:1px solid #e3e3e3}
.Gnb.market {border-top:2px solid #444758!important }
.Gnb:after{content:'';display:block;clear:both}
.Gnb p.CloseBtn{display:none}
.Gnb .gnb-menu{font-size:0;white-space:nowrap}
.Gnb .gnb-menu:after{content:'';display:block;clear:both}
.Gnb .gnb-menu>li{position:relative;vertical-align:middle;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.Gnb .gnb-menu>li:first-child{background:none}
.Gnb .gnb-menu>li:hover { border-bottom:3px solid #ff6000}
.Gnb .gnb-menu>li>a{display:block;height:100%;font-size:17px;color:#3d3a3a;font-weight:bold}
.Gnb .gnb-menu>li>a span{font-weight:600;}
.Gnb .gnb-menu>li>a.newWin i{font-weight:normal}
.Gnb .gnb-menu>li.on>a,
.Gnb .gnb-menu>li>a:hover,
.Gnb .gnb-menu>li>a:focus{color:#ff6000}
.Gnb .gnb-menu>li>a img.OpenImg{margin:2px 0 0 5px}
.Gnb .gnb-menu>li>.SubMenu{width:270px;position:absolute;white-space:normal; border:1px solid #e3e3e3;padding:14px 0 14px 25px;top:48px;box-sizing:border-box;z-index:0}
.Gnb .gnb-menu>li>.SubMenu>li{position:relative;z-index:6;display:block;text-align:left;clear:both;width:45%;display:inline-block;}
.Gnb .gnb-menu>li>.SubMenu>li:last-child{border-bottom:none;}
.Gnb .gnb-menu>li>.SubMenu>li>a{display:block;height:100%;margin:0;border:none;background:none;font-size:14px;color:#3d3a3a;font-weight:400;height:30px;line-height:30px}
.Gnb .gnb-menu>li>.SubMenu>li.on>a,
.Gnb .gnb-menu>li>.SubMenu>li>a:hover,
.Gnb .gnb-menu>li>.SubMenu>li>a:focus{color:#ff6000;}
.Gnb .gnb-menu>li>.SubMenu>li>ul{display:none}


.Gnb{text-align:left;width:100%;height:50px;line-height:48px;overflow:inherit;position:relative;box-sizing:border-box}
.Gnb .gnb-menu{position:relative;padding:0;margin:0;width:100%;display:table}
.Gnb .gnb-menu>li{margin:0;text-align:center;position:static;height:48px;line-height:48px;width:auto;display:table-cell;}
.Gnb .gnb-menu>li:first-child{background:none;margin:0 }
.Gnb .gnb-menu>li:last-child {margin:0}
.Gnb .gnb-menu>li>a{font-size:18px;color:#333;font-weight:400;letter-spacing:-1px;}
.Gnb .gnb-menu>li>ul{display:none;margin-top:0px;background:#fff;text-align:left;border:1px solid #e3e3e3;width:270px;padding:14px 0 14px 25px}
.Gnb .gnb-menu>li>ul{}
.Gnb .gnb-menu>li.active>ul{display:block}
.Gnb .gnb-menu>li.active>a,
.Gnb .gnb-menu>li>a:hover,
.Gnb .gnb-menu>li>a:focus{color:#ff6000}

a.menu_sbt {position:absolute;background:#444758;width:81px;height:34px;line-height:34px;right:0;top:7px;border-radius:20px ;color:#fff;font-size:17px;font-weight:bold;text-align:center}
a.menu_sbt01 {position:absolute;background:#3acdb9;width:81px;height:34px;line-height:34px;right:0;top:7px;border-radius:20px ;color:#fff;font-size:17px;font-weight:bold;text-align:center}

.search{width:500px;position: absolute;top:8px;left:310px;z-index:9999;height:42px;overflow:hidden; }
.search{border:0;}
.search-box {background:#fff;}
.search legend{display:none}
.search,
.search input,
.search button,
.search button i{background:none;margin:0;padding:0}
.search input,
.search button,
.search button i{height:40px;line-height:40px}
.search-box{border-bottom:00px solid #666;overflow:hidden}
.search input{border:0;width:474px;float:left;font-size:14px;color:#666;letter-spacing:-1.5px}
.search input:focus{outline:none}
.search button{width:26px;padding:0;background:url(../img/comm/search_bt.png) no-repeat center;;color:#fff;float:right;border-radius:0;border:0;font-size:0}
.search button i{font-size:20px;padding:0 15px}

a.right01 { right:103px;position:absolute;top:4px;display:block;width:100px;height:40px;z-index:999;text-align:center;}
a.right02 { right:0;position:absolute;top:4px;display:block;width:100px;height:40px;z-index:999}
a.t_smenu01 {}
a.t_smenu01 span {display:block;width:100px;height:40px;background:#444758; ;border-radius:136px;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:40px;}
a.t_smenu01 em { display:block;width:3px;height:6px;background:#444758;margin:0 auto;}

a.t_smenu02 span{display:block;width:100px;height:40px;background:#7092be; border-radius:136px;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:40px}
a.t_smenu02 em { display:block;width:3px;height:6px;background:#7092be;margin:0 auto;}


/* 1121 화면수정으로 추가된 스타일*/
a.right0101 { right:134px;position:absolute;top:4px;display:block;width:132px;height:40px;z-index:999;text-align:center;}
a.right0201 { right:0;position:absolute;top:4px;display:block;width:132px;height:40px;z-index:999}

a.t_smenu0101 span {display:block;width:132px;height:40px;background:#444758; ;border-radius:136px;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:40px;}
a.t_smenu0101 em { display:block;width:3px;height:6px;background:#444758;margin:0 auto;}

a.t_smenu0201 span{display:block;width:132px;height:40px;background:#7092be; border-radius:136px;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:40px}
a.t_smenu0201 em { display:block;width:3px;height:6px;background:#7092be;margin:0 auto;}


.setDiv { width:100%;margin:0 auto;position:relative; z-index:99999;height:100%}
.mask { position:absolute; left:0;top:40px;  z-index:999;   display:none; min-width:1100px;height:100%;background:#202743}
 .window { position: absolute;display: none; width:100%;height:100%; z-index:99999;top:40px;  }
 .modal-content {position: relative;background: url(../img/comm/allmenu_line.png) repeat-x 50px 0;-webkit-background-clip: padding-box;background-clip: padding-box;	border-top: 1px solid #41475f; }
.modal-backdrop {position: absolute;top: 0;right: 0;left: 0;background-color: #000;}
.modal-backdrop.fade {	filter: alpha(opacity = 0);opacity: 0;}
.modal-backdrop.in {	filter: alpha(opacity = 50);	opacity: .5;}

.modal-body {	position: relative;}
.modal-body .stit {font-weight:bold;}


 .modal-body{overflow:hidden;}
 .all_menu_block{float:left; width:137px; border-top: 1px solid #333643; border-right: 1px solid #41475f;height:100%;box-sizing:border-box;padding-bottom:15px}
 .all_menu_block h2{font-size:17px; color:#fff; text-align:center; height:49px;line-height:49px;background:#1c1f2e;font-weight:bold;margin-bottom:15px}
  .all_menu_block ul{ height:539px }
 .all_menu_block ul li a{display:block; padding:7px 15px; color:#dfe0e3;font-size:14px;letter-spacing:-2px}
 .all_menu_block ul li a:hover{text-decoration:none; color:#fff; background:#16a98a;}
.modal-body  .all_menu_block:first-child {border-left: 1px solid #41475f ;width:141px;}

.btn-default {height:40px;line-height:40px;width:40px;background:#fff  url(../img/comm/all_menu01.png) no-repeat center; font-size:0;position: absolute;right:0;top:-41px}
.centerBtn{width:100%;text-align:center;margin-bottom:30px;overflow:hidden;position:relative;}
.rightBtn{right:0;text-align:right;margin-bottom:30px;overflow:hidden;position:absolute;top:0px}

.btn01{height:60px;line-height:60px;cursor:pointer;font-size:20px;font-weight:bold;color:#FFF;margin:0 5px;border:0;letter-spacing:-1px;box-sizing:border-box;}
.btn02{height:60px;line-height:60px;cursor:pointer;font-size:20px;font-weight:bold;color:#202743;background:#fff;margin:0 5px;border:2px solid #202743;letter-spacing:-1px;box-sizing:border-box;}
.btn03{height:27px;line-height:24px;cursor:pointer;font-size:13px;font-weight:400;color:#202743;background:#fff;margin:0 5px;border:1px solid #ccc;letter-spacing:-1px;box-sizing:border-box;border-radius:3px }
.btn04{height:47px;line-height:44px;cursor:pointer;font-size:18px;font-weight:400;color:#fa6400;background:#fff;margin:0 5px;border:1px solid #ccc;letter-spacing:-1px;box-sizing:border-box;border-radius:0px }
.btn05{height:35px;cursor:pointer;font-size:14px;font-weight:bold;color:#fff;background:#202743;margin:0;border:0!important;letter-spacing:-1px;box-sizing:border-box;}
.btn06{height:45px;cursor:pointer;font-size:16px;font-weight:bold;color:#fff;background:#118f7f;margin:0 7px;border:0;letter-spacing:-1px;box-sizing:border-box;}
.btn07{height:23px!important;line-height:20px!important;cursor:pointer;font-size:12px;font-weight:400;color:#333;background:#fff;margin:0 2px;border:1px solid #6a6a6a!important;letter-spacing:-1px;box-sizing:border-box;box-shadow:2px 2px 0 0 #f2f2f2}
.btn08{height:23px;line-height:20px;cursor:pointer;font-size:12px;font-weight:400;color:#fff;background:#118f7f;border:0;letter-spacing:-1px;box-sizing:border-box;}
.btn09{height:45px;cursor:pointer;font-size:16px;font-weight:bold;color:#fff;background:#9d9d9d;margin:0;border:0;letter-spacing:-1px;box-sizing:border-box;}
.btn10{height:51px;cursor:pointer;font-size:17px;font-weight:bold;color:#fff;background:#33ab9c;margin:0;border:0;letter-spacing:-1px;box-sizing:border-box;}
.btn1 {background:#202743}
.btn2 {background:#fff;}
.btn3 {background:#ed7000}





/* 페이징 */
.paging{clear:both;width:100%;text-align:center;overflow:hidden;position:relative; height:50px;margin-bottom:50px}

.paging a { clear:both;;display:inline-block;width:27px;  height:27px;    line-height:27px;    font-weight:300;color:#000;font-size:15px;text-align:center;margin:0 3px;box-sizing:border-box}
.paging a.active, 
.paging a:hover {color:#fff;background:#838383;font-weight:bold}
.paging a.pre{display:inline-block; border:1px solid #e6e6e8;margin-right:12px !important }
.paging a.next{display:inline-block; border:1px solid #e6e6e8;margin-left:12px !important }
.paging a.next_end,
.paging a.pre_first{display:inline-block; border:1px solid #e6e6e8;margin:0 2px !important }

.paging a.pre { background:#fff url(../img/comm/page_bt03.gif) no-repeat center center;  border:1px solid #e6e6e8; }
.paging a.next { background:#fff url(../img/comm/page_bt04.gif) no-repeat center center;  border:1px solid #e6e6e8; }
.paging a.pre_first { background:#fff url(../img/comm/page_bt01.gif) no-repeat center center;  border:1px solid #e6e6e8; }
.paging a.next_end { background:#fff url(../img/comm/page_bt02.gif) no-repeat center center;  border:1px solid #e6e6e8; }




.all_small_box { display:block;margin:0 6px}
.all_small_box { display:inline-block; width:auto;height:20px;color:#fff;font-size:12px;line-height:20px;text-align: center;padding:0 5px;}

.translation_box { background:#feb33a }
.design_box { background:#444758 }
.document_box { background:#349970 }
.request_box { background:#7092be }
.market_box { background:#444758 }




#ts_banner_wrap {position:absolute;left:0;top:0;width:500px}



.mail { padding:50px;box-sizing:border-box;width:100%;max-width:820px}
.mail p.tit { color:#37988c;font-size:22px;font-weight:bold;margin-top:28px;}
 .mail p.s_tit { color:#666;font-size:16px;font-weight:400;margin-bottom:25px;}
 .mail p.s_tit span { color:#000;}
 .mail .table_01 { }
  .mail .table_01 td,
    .mail .table_01 th{ }


	
 .mail  .table_01 table{width:100%;color:#202743;font-size:14px;  font-weight:300;border-top:4px solid #5caea4;border-right:1px solid #e3e3e3;}
 .mail  .table_01 table caption {;font-size:0}
 .mail .table_01 table th{height:50px;line-height:20px;padding-left:15px;;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;background:#f9f9f9;color:#666;font-weight:400 ;font-size:16px;}
 .mail .table_01 table td {height:50px;line-height:35px;border-bottom:1px solid #e3e3e3;padding-left:15px;font-size:16px;border-left:1px solid #e3e3e3;color:#666;font-weight:400}
  .mail .table_01 table td.green { color:#37988c;}

  .mail_footer { border-top:1px solid #ddd;text-align:center;padding:20px;color:#999;font-size:12px;}
    .mail_footer span { color:#666;}