@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
div:after{content:""; display:block; clear:both;}

#wrapper {width:100%; }

h5 {color:#397be9; font-size:15px; margin:35px 0 20px 0; font-weight:bold;}
/* h6 {background:url("../img/right/right_b2.jpg") no-repeat left 1px; font-size:14px; padding:0 0 0 20px; font-weight:bold; color:#6080a3; margin:0 0 5px 0;} */

/*서브메뉴(quick)*/
#quick {position: fixed; left: 50%; margin-left: 520px; width: 39px; z-index: 9999;
    height: 500px; margin-top: 100px; /*background-image:url(../img/index/q_bg.jpg); background-repeat:no-repeat;*/ }
#quick>ul {display:block;}
#quick>ul>li {width:32px; height:82px; margin:4px 0 0 0;display:block; float:left;}


/* body {background-image: url("../img/index/bg_ex.png"); background-repeat: repeat-y } */

/* 대메뉴시작 */
.header_wrap {width: 1200px; margin: 0 auto; height: 70px; box-sizing: border-box;  z-index: 999; transition: all 0.5s ease; border-bottom: 1px solid #dbdbdb; }
header { position: relative; width: 100%; height: 70px; margin: 0 auto; box-sizing: border-box;}
header h1 {position:fixed; left: 80px; top: 8px; z-index: 31;  }
header h1 a { color: #fff; padding: 20px; font-size: 20px; }
header .spot { position: absolute; right: 110px; top:15px; width: 200px; height: 37px; z-index: 30; }
/* header .spot li a { display: block; height: 70px; line-height: 70px; } */
header .lnb { position: fixed; left: 0; top:0; width: 100%; height: 70px; box-sizing: border-box; z-index: 30; background: linear-gradient(to right, #80afdd, #559ad7);}
header .lnb nav { position: relative; z-index: 30; border-bottom: 1px solid rgba(255,255,255,.25); text-align: center; font-size: 0;  }
header .lnb nav > ul { display: inline-block; overflow: hidden; height: 70px; transition: all 0.5s; padding-left: 100px;}
header .lnb nav > ul:hover { overflow: visible; }
header > ul > li > ul> li> { padding: 18px 0 0 ;  }

/* 대메뉴 마우스 올렸을때 펼쳐지는 파란색 커튼   background-clip: content-box; */
header .lnb nav + div { position: absolute; left: 0; top: 0; z-index: 29; padding: 0 30px; width: 100%; height: 0; background:rgba(0, 0, 0, 0.51); transition: all 0.5s; opacity: 0; box-sizing: border-box;  }
header .lnb nav:hover + div { height: 200px; opacity: 1; }
header .lnb nav > ul> li { display: inline-block; position: relative; }
header .lnb nav > ul> li > a {display: block; position: relative; width: 150px; height: 69px; font-size: 18px; color: #fff; line-height: 69px; }

/* 마우스 올릴때 대메뉴 밑에 흰색 줄   */
header .lnb nav > ul> li> a:after {content: ""; position: absolute; left:50%; bottom:-1px; width: 0; height: 2px; background:#fff; transition: all 0.5s; }
header .lnb nav > ul > li:hover > a:after {left: 0; width: 100%; }
header .lnb nav > ul ul { position: absolute; width: 100%; height:100px; padding:12px 0 0; text-align: center; opacity: 0; transition: all 0.5s; }
header .lnb nav > ul:hover ul { opacity: 1; }
header .lnb nav > ul ul li { line-height: 32px; }
header .lnb nav > ul ul a { position: relative; font-size: 14px; color: #fff; transition: all .5s}
header .lnb nav > ul ul a:hover { color: #2acef1; border-bottom: 1px solid #2acef1; }
header .lnb nav > ul> ul a:after {content: ""; position: absolute; left:50%; bottom:-7px; width: 0; height: 2px; background:#2acef1; transition: all 0.5s;   }
header .lnb nav > ul> ul a:hover:after{ left:0; width: 100%;}
.btn{position: absolute; right: 290px; top: 8px; padding: 15px; background: #fff; z-index: 999; border: none; border-radius: 10px;}
.btn a{padding:17px 20px; font-size:16px; font-weight:bold; color:#141d28}


/* head  */
#head {position:relative; width:1000px; height:70px; margin:0 auto; z-index:10; }
#gnb {position:absolute; right:0; margin:41px 5px 0 0; padding:0;}
#gnb>li {display:block; float:left; font-size:11px; color:#636363; font-weight:bold;}
#gnb>li a:link {text-decoration:none; color:#636363;}
#gnb>li a:visited {text-decoration:none; color:#636363;}
#gnb>li a:hover {text-decoration:none; color:#636363;}
.gnb_li {margin:0 5px 0 5px; color:#cbcbcb;}

.m10 {width:229px; position:absolute; bottom:1px; left:0;}
.m10 a {display: block;  height: 69px; line-height: 69px; background: #544fff; color: #fff; font-size: 20px; text-align: center;}

.s_m_btn li {margin-bottom: 10px;}


/*컨텐츠박스 */
.wrap_con {width:966px; height: auto; margin:20px 0;}


/* contents  */
#contents {position:relative; width:1200px; margin:0 auto; z-index:1;}
#contents1 {position:relative; width:1200px; height:500px; background: #544fff; text-align: center;}


/* main 화면 첫째줄 */
.main02{padding: 100px 0;}
.main02 h2{text-align: center; font-weight:700; font-size:40px;}
.main02 .main-wrap{margin:auto; display: flex; align-items:center; margin-top: 100px; }
.main02 .main-wrap>div{width: 33.333%;display: flex; flex-direction:column; align-items:center;}
.main02 .main-wrap>div>div:first-child img{width: 60%; display: block; margin:auto;}
.main02 .main-wrap>div>div:nth-child(2){text-align: center;}
.main02 .main-wrap>div>div:nth-child(2) span {color:#181818; font-size:24px; font-weight:700; line-height: 50px;}
.main02 .main-wrap>div>div:nth-child(2) p{font-size:16px; color:#7d7d7d;}

.main02 .main-wrap>div>div:first-child img { width: 40%; display: block; margin: auto;}
.main02 .main-wrap>div>div:nth-child(2) span { color: #181818; font-size: 24px; font-weight: 700; line-height: 50px;}


/* main 화면 둘째줄 공지사항  */
.main03{display: flex; align-items: center; justify-content: space-around; margin: auto; padding:100px 0; background: #ececec;}
.main03 > div { float: left; width: calc(33.3333% - 28px); margin: 0 26px; height: 334px; background: #fff; border-radius: 20px; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.09); } 
.main03 .div_wr { width: 55%; margin-left: 6%;}
.main03 .notice_div {height: 300px; overflow: hidden; background: #fff; margin-left: 30px; padding: 17px; }
.main03 .notice_div h2{ font-size: 17px; height: 50px; line-height: 50px; border: 0; color:#072d6e; border-bottom: 1px solid #bbb; }
.main03 .notice_div li {padding:10px 5px; border-bottom:1px solid #ccc;}
.main03 .notice_div> a{float: right; font-weight: 500; color: #555; border: 1px solid #ccc; padding: 5px; position: relative; top: -48px; right: 0; padding: 1px; text-align: center; width: 30px; height: 30px; line-height: 30px;}

/* 공지사항 옆에 배너2개 */
.main03 .info_tit{height: 70px; line-height: 70px; text-align: center; border-bottom: 1px solid #bebebe;}
.main03 .info_tit h3{font-size: 18px; color: #01458d; display: inline-block;}
.main03 .info_tit img{vertical-align: middle; padding-right: 10px; }
.main03>div>div:nth-child(2){height: 200px; text-align: center;}
.main03>div>div:nth-child(3){height: 82px; line-height: 82px; background: #579bd7; color: #fff; font-size: 16px; text-align: center;}
.main03>div>div:nth-child(2) span{display: block; color: #072d6e; font-size: 18px; font-weight: 700; padding: 20px 0 ;}
.main03>div>div span a{color: #fff; padding: 30px 20px;}
.main03>div>div:nth-child(2) p{ font-size: 16px; color: #666; line-height: 24px; padding: 0 20px;}




#contents2 {position:relative; width:1000px; height:218px; margin:0 auto; margin:0 0 7px 0; font-family:'Arial';}
#contents2>h3 {width:895px; height:38px; display:block; background-image:url(../img/index/c1_h3.jpg); background-repeat:no-repeat;}
#contents2>h3>p {position:absolute; display:inline; font-size:11px;  color:#ffffff; margin:9px 0 0 515px;}
#contents2>h3>p a:link {text-decoration:none; color:#ffffff;}
#contents2>h3>p a:visited {text-decoration:none; color:#ffffff;}
#contents2>h3>p a:hover {text-decoration:none; color:#ffffff;}
#contents2>ul {width:895px; height:178px; position:absolute; float:left; background-color:#ffffff;}
#contents2>ul>li.cust {width:224px; height:89px; float:left;}
#contents2>ul>li {width:51px; height:89px; float:left;}
#contents2>p {width:109px; height:216px; position:absolute; float:left; right:0; margin:-38px 0 0 0;}

#contents3{max-width: 1580px; width: 100%; margin: 0 auto; padding:100px 0; box-sizing: border-box; position: relative; overflow: hidden; background: #ececec;}
#contents3 > div { float: left;}
#contents3 .div_wr { width: 55%;}
#contents3 .notice_div {height: 300px; overflow: hidden; background: #fff; margin-left: 30px; padding: 17px; ;}
#contents3 .notice_div h2{ font-size: 17px; height: 50px; line-height: 50px; border: 0; color:#072d6e; border-bottom: 1px solid #bbb; }
#contents3 .notice_div li {padding:10px 5px; border-bottom:1px solid #ccc;}
#contents3 .notice_div> a{float: right; font-weight: 500; color: #555; border: 1px solid #ccc; padding: 5px; position: relative; top: -48px; right: 0; padding: 1px; text-align: center; width: 30px; height: 30px; line-height: 30px;}
#contents3 .info{float: left; width: 10%; margin-left: 7%;}

#contents4 {position:relative; width:1000px; height:197px; margin:0 auto; margin:0 0 24px 0;}
.c4_1 {position:absolute; width:492px; height:197px; background-image:url(../img/index/c4_1_img.jpg); background-repeat:no-repeat;}
.c4_2 {position:absolute; width:492px; height:197px; margin:0 0 0 508px; background-image:url(../img/index/c4_2_img.jpg); background-repeat:no-repeat;}
.c4_m {position:absolute; display:inline; margin:16px 0 0 446px;}

#contents5 {position:relative; width:1000px; height:4px; margin:0 auto; background-color:#5da1e6; border-top:1px solid #f3f3f3;}

#contents6 {position:relative; width:1000px; height:243px; margin:0 auto; margin:0 0 0 0; background-color: white;}




/* sub1 */
.s1_04_top {width: 730px; }


.c6_1 {position:absolute; width:242px; height:243px; background-color:#ffffff; border-right:1px solid #e3e3e3;}
.c6_1>h3 {width:111px; height:19px; background-image:url(../img/index/c6_h3.jpg); background-repeat:no-repeat; margin:18px 0 0 2px;}
.c6_p {position:relative; width:223px; height:187px; margin:19px 0 0 0;}
.c6_roll {width:218px; height:48px; display:block; position:relative; padding:0; margin:23px 0 0 2px; background-image:url(../img/index/c6_1_bg.jpg); background-repeat:repeat-x;}
.c6_al {position:relative; margin:2px 0 0 19px;}
.c6_ul {position:relative; margin:2px 0 0 77px;}
.c6_ar {position:relative; margin:2px 0 0 188px;}


.c6_p>h4 {position:absolute; width:96px; height:14px; margin:21px 0 0 28px;}
.c6_ul2 {position:absolute;font-size:11px; margin:45px 0 0 18px;}

.c6_2 {position:absolute; width:491px; height:243px; margin:-260px 0 0 242px; border-right:1px solid #e3e3e3;}
_:-ms-input-placeholder, :root .c6_2 { margin:-278px 0 0 242px !important;}
_:-ms-fullscreen, :root .c6_2 { margin:-278px 0 0 242px !important;}
.c6_2>p {width:445px; height:120px; background-image:url(../img/index/c6_2_p.jpg); background-repeat:no-repeat; margin:18px 0 0 18px;}


.carousel02 {width:454px; height:77px; margin:28px 0 0 18px; background-image:url(../img/index/c6_2_bg.jpg); background-repeat:repeat-x;display:block; }
.jCarouselLite02  {width:382px; height:77px;}
.g {width:382px; height:77px; display:block; float:left; margin:0; padding:0; }
.g_li {width:91px; height:42px; float:left; display:block; margin:20px 9px 0 0; line-height:42px; text-align:center;}

.c6_btn {width:36px; height:36px; display:block; margin:-55px 0 0 435px; padding:0;}
.prev02 {position:absolute; width:17px; height:17px; display:block; margin:0 2px 0 0;}
.next02 {position:absolute; width:17px; height:17px; display:block; margin:0 0 0 19px;}
.c6_more {position:absolute; margin:19px 0 0 0;}



.c6_3 {position:absolute; width:267px; height:243px; margin:-250px 0 0 734px; display:block; width:100%; height:100%; cursor:pointer;}
.c6_3_1 {width:242px; height:152px; margin:18px 0 0 23px; background-image:url(../img/index/c6_3_p.jpg); background-repeat:repeat-x;}
.c6_3_1 img {margin:118px 0 0 24px;}
.c6_3_2 {width:244px; height:39px; margin:19px 0 0 23px; background-image:url(../img/index/c6_3_p.jpg); background-repeat:repeat-x;}
.c6_3_3 {width:244px; height:1px; margin:20px 0 0 20px; border-bottom:1px solid #e3e3e3;}

.c6_3_4 {width:242px; height:152px; margin:18px 0 0 23px; background-image:url(../eimg/index/c6_3_p.jpg); background-repeat:repeat-x;}
.c6_3_4 img {margin:118px 0 0 24px;}
.c6_3_5 {width:244px; height:39px; margin:19px 0 0 23px; background-image:url(../eimg/index/c6_3_p.jpg); background-repeat:repeat-x;}




/* footer new */
#footer{width: 1200px; padding: 40px 0; margin: 80px auto 0 ; background: #272641; clear: both;}
#footer .footer-wrap{max-width:70%; margin:auto;}
#footer .footer-wrap .footer_top{display: flex; align-items:center;}
#footer .footer-wrap .footer_top h4{font-size:16px; color:#fff;}
#footer .footer-wrap .footer_top h4:nth-child(2){margin-left: 15px;}
#footer .footer-wrap .footer_top h4:last-child:after{display: none;}
#footer .footer-wrap .footer_top h4:after{content:'I'; display: inline-block; clear: both; color:#d6d6d6; padding:0 10px;}
#footer .footer-wrap .footer_top p{font-size:15px;color:#898989;}
#footer .footer-wrap .footer_md{ margin:20px 0 0; padding: 20px 0px;}
#footer .footer-wrap .footer_md .menu{font-size:14px;}
#footer .footer-wrap .footer_md .menu a{color:#fff;}
#footer .footer-wrap .footer_md .menu span{color:#fff;}
#footer .footer-wrap .footer_md .copy{display: flex;}
#footer .footer-wrap .footer_md .copy .copyright{color:#fff;}
#footer .footer-wrap .footer_md .copy>div{display: flex; justify-content:center; align-items:center; margin-left: 10px; width: 40px; height: 40px;border:1px solid #c9c9c9; border-radius:50%; }
#footer .footer-wrap .footer_md .copy>div a{display: flex; justify-content:center; align-items:center; transition:all .4s;opacity: 0.8;}
#footer .footer-wrap .footer_md .copy>div img{width: 60%; margin:auto; transition:all .4s; display: block; filter:grayscale(1);}
#footer .footer-wrap .footer_md .copy>div img:hover{filter:grayscale(0);}
#footer .footer_in{align-items: center; padding: 20px 0 ; border-bottom: 1px solid #787878;}
#footer .footer_in address{font-style:normal;color:#8f8f8f;} 
#footer .footer_in address span{color:#787878; margin-right: 10px; line-height: 25px; font-size:14px;} 
#footer .footer_in .logo img{filter:grayscale(1);opacity: 0.6;width: 100%;}




/* sub  */

#sub_header1 {position:relative; width:1200px; height:400px; margin:0 auto;}
#sub_con {position:relative; width:1200px; background-color: white; margin:0 auto;}


/* 서브페이지 왼쪽 서브메뉴 */
#left {width:223px;}
#s_menu1 {position:relative; width:234px; float:left;}
#s_menu1 .cap{width: 192px; height: 120px; line-height: 120px; overflow: hidden; box-sizing: border-box; background: #f1f1f1;}
#s_menu1 .title{font-size: 20px; font-weight: bold; text-align: center; position: relative; color: #767676;}
#s_menu1 .s_m{border: 1px solid #ececec;}
#s_menu1 .s_m1{ width: 192px; height: 50px; line-height: 50px; text-align: center; background: #fff; }
#s_menu1 .s_m1 li a {color: #444; font-size: 15px; padding: 14px 40px}



.s_m_over a:link, .s_m_over a:visited{font-size:12px; font-weight:bold; color:#f8fcff;}
ul.s_m_btn{ margin-top: 180px;}
li.s_m_over {border: 1px solid #e3e3e3;}

.left_t1 {width:193px; height:117px; background-image:url(../img/title/m1_t.jpg); background-repeat:no-repeat;}
.left_t2 {width:193px; height:117px; background-image:url(../img/title/m2_t.jpg); background-repeat:no-repeat;}
.left_t3 {width:193px; height:117px; background-image:url(../img/title/m3_t.jpg); background-repeat:no-repeat;}
.left_t4 {width:193px; height:117px; background-image:url(../img/title/m4_t.jpg); background-repeat:no-repeat;}
.left_t5 {width:193px; height:117px; background-image:url(../img/title/m5_t.jpg); background-repeat:no-repeat;}
.left_t6 {width:193px; height:117px; background-image:url(../img/title/m6_t.jpg); background-repeat:no-repeat;}
.left_t7 {width:193px; height:117px; background-image:url(../img/title/m7_t.jpg); background-repeat:no-repeat;}
.left_t8 {width:193px; height:117px; background-image:url(../img/title/m8_t.jpg); background-repeat:no-repeat;}
.left_t9 {width:193px; height:117px; background-image:url(../img/title/m9_t.jpg); background-repeat:no-repeat;}
.left_t10 {width:193px; height:117px; background-image:url(../img/title/m10_t.jpg); background-repeat:no-repeat;}
.left_t11 {width:193px; height:117px; background-image:url(../img/title/m11_t.jpg); background-repeat:no-repeat;}
.terms {width:193px; height:117px; background-image:url(../img/title/terms.jpg); background-repeat:no-repeat;}
.policy {width:193px; height:117px; background-image:url(../img/title/policy.jpg); background-repeat:no-repeat;}



#sub_right {position:relative; width:966px; float:left;}
.sub_title {position:relative; width:940px; height:50px; background:url("../img/right/right_b1.jpg") no-repeat left 23px; font-size:16px; padding:17px 0 0 23px; color:#5e5e5e; font-weight:bold; border-bottom:1px solid #dedede;}
.s_navi {position:absolute; top:0; right:0; display:block; margin:20px 10px 0 0;}
.s_navi>li {display:block; float:left; font-size:14px; font-weight:normal; color:#5e5e5e;}
.s_navi>li>span {margin:0 9px 0 9px;}
.navi_li {color:#4d7bb9; font-weight:bold;}



/* .sub_contents {position:relative; background-color: white; margin:0 auto;} */


/* 회사소개  */
/* .s1_con {width:910px; float:left; display:block;} */
.s1_con_1>p {margin:0 0 26px 20px; line-height:180%; font-size: 15px; }

/* 번역분야 시안용 */
.s1_con_bn {width:700px; height: 208px; float:left; display:block; margin: 10px 0 60px 110px ; text-align: center; box-shadow: 10px 10px 5px 12px #ededed; border-radius: 15px; }
.s1_con_bn>p {margin:15px 0 5px 0px; color:#565656; font-size: 15px; display:block; line-height:150%;  }



/* 회사소개 연습용 */
.s1_con_1 {display:inline-block;}
.s1_con_ex {margin-bottom: 30px;}
.ex1 {width:100px; height: 50px;   margin:0 0 0 20px;}
.ex2 {width:400; height:50px; margin: -30px 0 50px 140px; line-height:180%; font-size: 15px;}
.ex3 {width:100px; height: 50px;   margin:0 0 0 20px;}
.ex4 {width:400; height:50px; margin: -30px 0 50px 140px; line-height:180%; font-size: 15px;}
.ex5 {width:100px; height: 50px;   margin:0 0 0 20px;}
.ex6 {width:600; height:50px; margin: -40px 0 80px 140px; line-height:180%; font-size: 15px;}
.ex7 {margin: 0 0 30px 0;}

.s2_con {width:766px; float:left; display:block; margin-top:10px;}
.s_con {width:383px; float:left; display:block;}
.s_con>p {font-size: 13px; font-style: normal; color:cadetblue; margin: 10px 0 0 20px; }
.s_con_ul {margin:8px 0 0 20px; float:left; display:block; font-size: 13px;}
.s_con_ul02 {margin:8px 0 0 20px; width:140px; float:left; display:block; font-size: 13px;}
.s_con_ul3 {margin:8px 0 0 20px; width:140px; float:left; display:block;}
.s_con_ul4 {margin:8px 0 0 20px; width:140px; float:left; display:block;}
.s_con_ul5 {margin:8px 0 0 20px; width:140px; float:left; display:block;}
.s_con_ul li {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; color:#565656; margin:0 0 2px 0;}
.s_con_ul02 li {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; color:#565656; margin:0 0 2px 0;}
.s_con_ul3 li {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; color:#565656; margin:0 0 2px 0;}
.s_con_ul4 li {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; color:#565656; margin:0 0 2px 0;}
.s_con_ul5 li {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; color:#565656; margin:0 0 2px 0;}



.s3_con {width:766px; float:left; display:block; margin:40px 0 0 0;}

.s4_con {position:relative; width:766px; float:left; display:block; margin:20px 0 0 0;}
.s_con4 {position:relative; width:766px; float:left; display:block;}
.s_con4>p {font-size: 13px; font-style: normal; color:cadetblue; margin: 10px 0 0 20px; }
.s5_con {width:730px; float:left; display:block; margin:20px 0 0 0;}
.s5_con1 {display:block; float:left; margin:20px 0 0 0;}
.s5_con1>li {width:70px; float:left; text-align:center; margin:0 0 20px 0;}
.s5_con1>li>p {font-size:11px; letter-spacing:-2px; color:#565656; line-height:14px; margin:5px 0 0 0;}
.s5_a {display:inline; float:right; margin:21px 30px 50px 0;}


/* 오시는길  */
.api {margin:35px 0 50px 8px;}
.s2_con_ul {margin:8px 0 0 39px; float:left; display:block;}
.s2_con_ul li {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; color:#565656; margin:0 0 2px 0; font-size: 15px; letter-spacing: -1px;}

/* #sub_footer {position:relative; width:764px; height:225px;/*  float:left; background:url("../img/sub/s_footer.jpg") no-repeat; margin:72px 0 0 0;} */




/* 번역비용 new */

.bullet_tit{font-size: 22px; color:#444; text-align: left; margin: 50px 0 25px 0 ;padding: 0 0 0 30px; line-height: 22px; min-height: 22px; background: url(../img/subtitle/ico_tit.png) no-repeat ;}

/* 테이블표 */
table.tb_tab{border-collapse: collapse; width: 100%; margin: 20px 0 20px 0; border: 1px solid #ddd;
    border-top: 2px solid #6080a3; font-size: 14px; line-height: 26px;}
table.tb_tab th {background: #f2f2f2; border: 1px solid #ddd; color: #444; text-align: center; padding: 7px 0;}
table.tb_tab td {border: 1px solid #dddddd; text-align: center;  padding: 8px;}



/* 결제안내 new */

.card_go{width: 250px; margin:0 auto; border: 1px solid #ccc; border-radius:10px; padding: 10px 30px;  text-align: center; font-size: 16px;}


/* 번역분야연습  */
.s1_con_con1 {position: relative; display: block;float: left; margin:0 0 20px 30px; width: 320px;}
.s1_con_con1>p {margin: 10px 0 0 0; font-size:14px; letter-spacing:-1px;  }
.s_con_ul2ex {position:relative; float:left; display:block; padding:0; width:140px; margin:10px 10px 0 0;}
.s_con_ul2ex li {/* background:url("../img/right/right_b3.png") no-repeat */ top: 20px; padding:0 0 0 10px; color:#565656; margin:2px 0 3px 10px; font-size: 13px;}
.s2_3_bullet {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px;}

/*번역분야 원본*/
.s_con_ul2 {position:relative; float:left; display:block; padding:0; width:153px; margin:10px 0 0 0;}
.s_con_ul2 li {background:url("../img/right/right_b3.png") no-repeat top 20px; padding:0 0 0 30px; color:#565656; margin:0 0 2px 0;}


/* 번역공정  */
.s2_4con_1 {display:block; margin:0 0 30px 20px; }
.s2_4con_1>li {color:#6080a3; font-size:16px; font-weight:bold; margin:0 0 10px 0;}
.s2_4con_1>li>span {color:#565656; margin:0 0 0 30px; font-weight:normal; font-size:15px;}

.s2_4con_2 {display:block; width:766px; height:100px; margin:15px 0 40px 20px;}
.s2_4con_2>li {display:block; float:left; height:30px;margin:0 0 15px 0; font-size:12px; color:#565656; line-height:30px; padding:5px 10px 5px 10px; letter-spacing:-1px;}
.s2_4con_2>li>p {width:10px; height:30px; background-image:url(../img/right/s2_4_r.jpg); background-repeat:no-repeat; background-position:center;}
.s2_4con_b {border:1px solid #6080a3;}
.s2_4_bullet {background:url("../img/right/right_b3.png") no-repeat left 2px; padding:0 0 0 10px; margin:10px 0 10px 20px;}

.sub2_04_b {width:766px; height: auto; margin: 0 10px 30px 0; display: block;}
.sub2_04_a {width: 700px; height: auto; display: block;}
.sub2_04_01 {display: inline-block; width: 766px; }
.sub2_04_02 {display: inline-block; font-size: 15px; margin: -90px 0 0 120px;}

/* 통역분야  */
.s2_i {width:692px; float:left; margin:0 0 20px 20px;}
.s2_i img {width:240px; height:200px; float:left; margin:0 20px 0 0;display:block; float:left;}
.s2_i p { color:black; line-height:26px; font-size:16px; margin:0 0 0 0; }


/* 통역절차 */
.s3_02 {width:766px; height:732px; margin-bottom: 30px; background-image:url(../img/right/s3_02.png); background-repeat:no-repeat;}


/* 통역비용  */
.s3_3p {display:block; float:right; margin:0 0 0 2px; color:#565656;}
.s3_3p_2 {width:766px; display:block; float:left; margin:5px 0 5px 2px; color:#565656;}
.s3_con3 {width:700px; margin:10px 0 0 0; display:block; float:left;}
.s3_con3>li {width:65px; display:block; float:left; margin:0 15px 10px 15px; text-align:center; color:#565656;}
.s3_con3>li>p {display:block; margin:5px 0 5px 0;}





/* 견적내기  */
.s4_p {width:920px; display:block; float:left; margin:20px 0 20px 20px; border-top:1px dotted #cccccc;}
.s4_p_li {display:block; background:url("../img/right/right_b3.png") no-repeat left 12px; padding:5px 0 5px 10px; border-bottom:1px dotted #cccccc; color:#565656;}
.s4_l01 {border-left:1px solid #cccccc; padding:0 0 0 20px; margin:0 0 0 20px;}
.s4_l02 {border-left:1px solid #cccccc; padding:0 0 0 20px; margin:0 0 0 42px;}
.s4_l03 {border-left:1px solid #cccccc; padding:0 0 0 20px; margin:0 0 0 30px;}
.s4_l07 {border-left:1px solid #cccccc; padding:0 0 0 20px; margin:0 0 0 18px;}
.s4_l09 {display:inline-block; border-left:1px solid #cccccc; margin:0 0 0 90px;}
.s4_109_1 {display:inline-block; border-left:1px solid #cccccc; margin:0 0 0 38px;}
.s4_btn {width:730px; height:22px; display:block; border-bottom:1px dotted #cccccc; padding:10px 5px 20px 0;}
.s4_over {width:63px; height:22px; display:block; float:left; background:url("../img/right/s4_b_over.jpg") no-repeat; color:#ffffff; font-weight:bold; padding:6px 0 0 15px; margin:0 10px 0 0;}
.s4_b {width:63px; height:22px; display:block; float:left; background:url("../img/right/s4_b.jpg") no-repeat; padding:6px 0 0 15px; color:#01468e;}
.s4_ta {margin:5px 0 0 0; display:block; float:left;}



input, textarea {border:1px solid #cccccc; padding:2px 0 0 0;}




/* ?�품?��??? */
.s5_btn {width:762px; display:block; float:left; margin:15px 0 0 0;}
.s5_btn>li {display:block; float:left;}



/* DTP */
.s6_con {width:766px; height:171px; display:block; float:left; background:url("../img/right/s6_con.jpg") no-repeat; margin:15px 0 20px 0;}
.s6_btn {display:block; float:left; margin:15px 0 0 0;}
.s6_btn>li {display:block; float:left;}
.s6_con_p {display:block; margin:20px 0 0 0; background-color:red;}




/* 카드결제 */
.s8_con1 {display:block; margin:20px 0 0 0;}
.s8_s {display:block; margin:20px 0 20px 22px;}
.s8_s>li {color:#ff0000;}
.s8_con {display:block; width:700; margin:0 0 0 30px;}
.s8_t1 {font-size:13px; font-weight:bold; margin:20px 0 0 10px;}
.s8_l02 {border-left:1px solid #cccccc; padding:0 0 0 20px; margin:0 0 0 54px;}
.s8_li02 {border-left:1px solid #cccccc; padding:0 0 0 23px; margin:0 0 0 42px;}
.s8_btn {width:730px; height:22px; display:block; border-bottom:1px dotted #cccccc; padding:10px 5px 20px 0;}



/* ?�적 */
.s7_con {width:700px; height:90px; margin:0 0 20px 10px; display:block; float:left; border-bottom:1px solid #cccccc; position:relative;}
.s7_con>li {display:block; float:left;}
.s7_con>a {width:113px; height:68px; border:1px solid #cccccc; display:block; float:left;}
.s7_p {display:block; float:left; margin:9px 0 0 11px; color:#6080a3; font-weight:bold;}
.s7_span {font-weight:normal; color:#565656; line-height:16px;}
.s7_more {width:35px; height:6px; padding:3px 0 0 13px; display:block; position:absolute; right:0;}



/* eng */
.em_li {width:2px; height:14px; margin:0 7px; background-image:url(../img/index/m_line.png);}
#emenu {position:absolute; width:933px; height:24px; margin:63px 0 0 0; background-image:url(../eimg/index/menu_bg.jpg); background-repeat:no-repeat; padding:12px 0 0 15px; display:block; float:left;}
#emenu li {display:block; float:left;}
#emenu>li>a {display:block; padding:0 0 10px 0;}
#emenu>li>ul {display:none;}
.em10 {width:191px; height:37px; position:absolute; margin:63px 0 0 818px;}

.el_box1 {margin:0 0 0 20px;}
.el_box2 {margin:0 0 0 80px;}
.el_box3 {margin:0 0 0 160px;}
.el_box4 {margin:0 0 0 280px;}
.el_box5 {margin:0 0 0 390px;}
.el_box6 {margin:0 0 0 510px;}
.el_box7 {margin:0 0 0 550px;}
.el_box8 {margin:0 0 0 660px;}
.el_box9 {margin:0 0 0 730px;}

#emenu01:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg1.png); background-repeat:no-repeat; left:0;}
#emenu01:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu01 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu01 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu01 ul li a:hover {text-decoration:none; color:#000000;}
#emenu02:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg2.png); background-repeat:no-repeat; left:0;}
#emenu02:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu02 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu02 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu02 ul li a:hover {text-decoration:none; color:#000000;}
#emenu03:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg3.png); background-repeat:no-repeat; left:0;}
#emenu03:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu03 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu03 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu03 ul li a:hover {text-decoration:none; color:#000000;}
#emenu04:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg4.png); background-repeat:no-repeat; left:0;}
#emenu04:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu04 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu04 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu04 ul li a:hover {text-decoration:none; color:#000000;}
#emenu05:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg5.png); background-repeat:no-repeat; left:0;}
#emenu05:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu05 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu05 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu05 ul li a:hover {text-decoration:none; color:#000000;}
#emenu06:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg6.png); background-repeat:no-repeat; left:0;}
#emenu06:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu06 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu06 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu06 ul li a:hover {text-decoration:none; color:#000000;}
#emenu07:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg7.png); background-repeat:no-repeat; left:0;}
#emenu07:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu07 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu07 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu07 ul li a:hover {text-decoration:none; color:#000000;}
#emenu08:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg8.png); background-repeat:no-repeat; left:0;}
#emenu08:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu08 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu08 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu08 ul li a:hover {text-decoration:none; color:#000000;}
#emenu09:hover ul {display:block; position:absolute; width:1000px; height:28px; background-image:url(../eimg/index/m_s_bg9.png); background-repeat:no-repeat; left:0;}
#emenu09:hover ul li {display:block; float:left; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#4f4e4e; line-height:28px;}
#emenu09 ul li a:link {text-decoration:none; color:#4f4e4e;}
#emenu09 ul li a:visited {text-decoration:none; color:#4f4e4e;}
#emenu09 ul li a:hover {text-decoration:none; color:#000000;}


.ec4_1 {position:absolute; width:492px; height:197px; background-image:url(../eimg/index/c4_1_img.jpg); background-repeat:no-repeat;}
.ec4_2 {position:absolute; width:492px; height:197px; margin:0 0 0 508px; background-image:url(../eimg/index/c4_2_img.jpg); background-repeat:no-repeat;}

.ec6_1 {position:absolute; width:242px; height:243px; background-color:#ffffff; border-right:1px solid #e3e3e3;}
.ec6_1>h3 {width:236px; height:19px; background-image:url(../eimg/index/c6_h3.jpg); background-repeat:no-repeat; margin:18px 0 0 0;}

.ecarousel02 {width:454px; height:77px; margin:14px 0 0 18px; background-image:url(../img/index/c6_2_bg.jpg); background-repeat:repeat-x;display:block; }

.ec6_3_1 {width:242px; height:152px; margin:18px 0 0 23px; background-image:url(../eimg/index/c6_3_p.jpg); background-repeat:repeat-x;}
.ec6_3_1 img {margin:118px 0 0 24px;}

/* footer  */
#efooter {position:relative; width:1000px; height:150px;  margin:0 auto; background-image:url(../img/index/copy_bg.jpg); background-repeat:repeat-x;}
#efooter>ul {position:absolute; display:block; float:left; margin:11px 0 0 23px;}
#efooter>ul>li {display:block; float:left; font-size:12px; color:#060606;}
#efooter>ul>li a:link {text-decoration:none; color:#060606;}
#efooter>ul>li a:visited {text-decoration:none; color:#060606;}
#efooter>ul>li a:hover {text-decoration:none; color:#060606;}
#efooter>ul>li>span {display:block; float:left; margin:0 16px 0 16px;}



.w_cont {width: 690px; height:auto; font-size:15px; line-height:20px;}
.w_cont h6 {display:block; height:auto; padding-left:20px; background:url(../img/right/right_b2.jpg) no-repeat left 4px; font-size:15px; line-height:20px; color:#6080a3; margin-bottom:10px;}
.w_cont p {display:block;}
.w_cont p strong {color:#000; font-weight:bold;}
.w_cont .wc_step {padding-left:60px; margin-left: 20px; margin-bottom:35px;}
.w_cont .wc_step li {position:relative; padding-bottom:10px; font-size: 15px;}
.w_cont .wc_step li span {display:block; position:absolute; right:100%; top:0; width:60px; color:#6080a3; font-weight:bold; font-size:15px;}
.w_cont .wc_step.f_l {padding-left:20px;}
.w_cont .wc_step.f_l li span {width:20px;}
.w_cont .wc_step strong {color:#6080a3;}
.w_cont .wc_lst {margin-bottom:35px; margin-left: 20px;}
.w_cont .wc_lst li {padding-left:12px; background:url(../img/right/right_b3.png) no-repeat left 4px; padding-bottom:10px; }

.hnb {width:771px; height:69px; position:absolute; left:230px; bottom:1px; background: rgba(0, 0, 0, 0.05); font-size:0; line-height:0; font-family:'Nanum Gothic', sans-serif;}
.hnb > ul {width:765px; padding-left:24px; position:relative; z-index:950;}
.hnb > ul > li {position:relative; float:left; z-index:5;}
.hnb > ul > li > a {display:block; font-size:16px; line-height:1; letter-spacing:-1px; font-weight:bold; color:#444; padding:27px 30px;}
.hnb > ul > li:first-child > a {border-left:0;}
.hnb > ul > li:last-child > a {border-right:0;}
.hnb > ul > li.menu09 > a {border-right:0;}
.hnb > ul > li > div {display:none;}
.hnb > ul > li:hover > div {display:block; position:absolute; left:4px; top:100%; min-width:500px;}
.hnb > ul > li > div > ul {text-align:left;}
.hnb > ul > li > div > ul > li {float:left; padding:8px 0;}
.hnb > ul > li > div > ul > li > a {display:block; font-size:14px; line-height:1; letter-spacing:-0.064em; font-weight:bold; color:#444; padding:0 10px 1px 10px; border-left:1px solid #999;}
.hnb > ul > li > div > ul > li:first-child > a {border-left:0;}
.hnb:hover > .hnb_bg {position:absolute; left:0; top:100%; width:1000px; height:48px; background:rgba(0, 0, 0, 0.01); z-index:900;}


/* sub1_03 */
.mgt4	{margin-top:4px !important;}
.mgt8	{margin-top:8px !important;}
.mgt12	{margin-top:12px !important;}
.mgt16	{margin-top:16px !important;}
.mgt20	{margin-top:20px !important;}
.mgt24	{margin-top:24px !important;}
.mgt28	{margin-top:28px !important;}
.mgt32	{margin-top:32px !important;}
.mgt36	{margin-top:36px !important;}
.mgt40	{margin-top:40px !important;}
.mgt44	{margin-top:44px !important;}
.mgt48	{margin-top:48px !important;}
.mgt52	{margin-top:52px !important;}
.mgt56	{margin-top:56px !important;}
.mgt60	{margin-top:60px !important;}
.mgt64	{margin-top:64px !important;}

.txt_slogan01 {display:block; font-size:31px; line-height:1.25; letter-spacing:-0.024em; color:#070707;}
.txt_slogan02 {display:block; font-size:17px; line-height:1.25; letter-spacing:-0.024em; color:#070707;}
.txt_title01 {display:block; font-size:21px; line-height:27px; letter-spacing:-0.024em; color:#222;}
.txt_title02 {display:block; font-size:17px; line-height:23px; letter-spacing:-0.024em; color:#222;}
.txt_descript01 {display:block; font-size:15px; line-height:22.5px; letter-spacing:-0.024em;}
.txt_descript02 {display:block; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#636363;}
.txt_descript03 {display:block; font-size:15px; line-height:21px; letter-spacing:-0.024em; color:#636363;}
.txt_lst01 {padding-left:16px;}
.txt_lst01 li {position:relative; padding:2px 0; font-size:13px; line-height:19px; letter-spacing:-0.024em; color:#636363;}
.txt_lst01 li .first_letter {display:block; width:16px; text-align:center; position:absolute; right:100%; top:2px;}
.txt_tag01 {display:block; font-size:15px; line-height:21px; letter-spacing:-0.024em; color:#999;}

.ico_quotes_f, .ico_quotes_l {display:block; width:77px; height:66px; position:absolute; z-index:0;}
.ico_quotes_f {background:url(../img/sub/ico_quotes_f.png) no-repeat left top; left:0; bottom:100%; margin:0 0 -33px 96px;}
.quotes {position:relative;}
.ico_quotes_f, .ico_quotes_l {display:block; width:77px; height:66px; position:absolute; z-index:0;}
.ico_quotes_f {background:url(../img/sub/ico_quotes_f.png) no-repeat left top; left:0; bottom:100%; margin:0 0 -33px 96px;}
.ico_quotes_l {background:url(../img/sub/ico_quotes_l.png) no-repeat left top; right:0; top:100%; margin:-33px 96px 0 0;}
.quotes .txt_slogan01, .quotes .txt_descript01 {position:relative; z-index:5;}

.top_line {position:relative; padding-top:10px;}
.top_line::after {display:block; content:''; width:32px; height:2px; background:#555; position:absolute; left:0; top:0;}
.pst_l {position:absolute; left:0; top:0;}
.pst_r {position:absolute; right:0; top:0;}
.fl_l {float:left;}
.fl_r {float:right;}
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.dp_n {display:none;}
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}

/*하단 공통배너 */
.text_bn {width: inherit; margin: 50px 0 50px 0;}
.text_bn>p {font-size: 20px; letter-spacing:-1px; line-height:25px; text-align: center; color:#636363;}

/*
 * sub11_01 브로슈어
 */
.tgs_div {position: relative; width:100%; height:500px;}
.tgs_div div {position: absolute; width:290px; overflow:hidden; vertical-align:middle;}
.tgs_div div img {display:inline-block; width:100%; vertical-align:middle;}
#tgs_id_01 {opacity:0;}
#tgs_id_02 {opacity:0;}
#tgs_id_01:hover {opacity: 1;}
#tgs_id_02:hover {opacity: 1;}



/*
 * recruit images
 */
 .tgs_div_r {position:relative; width:730px; height: auto;}
 .tgs_div_r div { position: absolute; width:300px; overflow: hidden; vertical-align: middle;}

.hnb,.hnb-sub{ top: 63px;}


.sample-direct-link{
     position: absolute;
     top: 100px;
     left: 0;
     z-index: 100;
 }




   /* 모바일 */
   @media screen and (max-width:1100px) {
    header h1{left: 0;}


   }


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

 .btn{left:10px; width: 30%; }
 .logo{display: none;}
 header h1{left: 0;}
 .main02 h2{font-size: 32px;}
 #footer .footer-wrap{max-width: 87%;}

 
   }