@charset "utf-8";
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕 포토샵용*/
@import url(./fonts/NotoSans/NotoSansKR.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset,input,figure,figcaption{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative;}
#top_wrap{width:100%; height:150px; background:url('../images/top_bg.jpg') repeat-x top;}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; height:145px; overflow-x:hidden; background:url('../images/copy_bg.jpg') repeat-x top;}

/* top div위치조절 */
#top_total{margin:0 auto; width:1200px; height:150px; position:relative;}
#top_total_a{margin:0 auto; width:1200px; height:150px;} 

#top_a{margin:0 auto; width:1200px; line-height:35px; }

#login{float:right; width:420px; height:35px;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}/*border-left:1px solid #ddd;*/
#login li a{display:block; padding:0 10px 0;  height:33px; font-family:"Nanum Gothic"; font-size:13px; line-height:33px; color:#666666; font-weight:600; border-right:1px #dad9d9 solid;}
#login li a:hover{color:#006cb7; background-color:#fff; font-weight:600; border-bottom:2px solid #006cb7; }

/* logo */
#top_logo_nav{float:left; width:200px; height:150px; position:relative;}
#logo{float:left; margin-top:55px; margin-right:20px; width:180px; height:60px;}
/* top_nav */
div#commonGnb{float:right; width:750px; height:75px; margin-top:35px;}
div#commonGnb div.gnbWrap{width:100%; height:65px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; width:750px; height:80px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; width:150px; position:relative; z-index:999;  zoom:1;}
div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block; width:150px; height:80px; padding:0 10px; font-family:"Nanum Gothic"; font-size:16px; line-height:75px; color:#000; font-weight:600; letter-spacing:-0.5px;}
div#commonGnb ul.gnbLayer li a:hover{color:#006cb7; font-weight:600;}
div#commonGnb ul.gnbLayer li dl {position:absolute; left:-10px; top:80px; width:180px; display:none;}
div#commonGnb ul.gnbLayer li dd {display:block; background:#fff;}
div#commonGnb ul.gnbLayer li dd a {display:block; width:180px !important; height:40px; padding:0; font-size:14px; line-height:40px; color:#666; font-weight:500; border-bottom:1px solid #eeeeee;}
div#commonGnb ul.gnbLayer li dd a:hover {background:#006cb7; font-weight:600; color:#FFF;}


/* main */
#top_main_wrap{margin:0 auto; width:100%; overflow:hidden;}
#main_banner_total{margin:0 auto; width:100%; height:540px;}

/*main_banner*/
#main_banner{position:relative; width:2200px; left:50%; margin-left:-1100px; height:540px;}
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; }
.tinyslide .navigator { position: absolute; bottom: 1.5em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.tinyslide .navigator ul { padding: 0; }
.tinyslide .navigator ul li { float: left; list-style-type: none; margin: 0 1em 0 0; padding: 0; width: 14px; height:14px; border: 1px solid #ddd; border-radius: 100%; -webkit-transition: all 500ms linear; transition: all 500ms linear; }
.tinyslide .navigator ul li span { display: none; }
.tinyslide .navigator ul li:hover { background: #006cb7;}
.tinyslide .navigator ul li.active { background: #006cb7; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.4); }
.tinyslide aside { height: 100%; width: 100%; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tinyslide figure {height: 100%; float: left; position: relative; width: 2200px; z-index: 1; }
.tinyslide figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.tinyslide figure figcaption { position: absolute; font-size: 3em; color: #993333; bottom:0px; left:0px; z-index: 2; opacity: 0; }
.tinyslide figure figcaption.main_copy{bottom:0px; left:0%; margin-left:500px;}
/*.tinyslide figure figcaption.main_copy01{bottom:70px; left:50%; margin-left:-302px;}*/


.tinyslide figure.active figcaption { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }


/* ---------------------------- index.php (main div위치조절) ---------------------------- */

#main_middle_total_a{margin:0 auto; width:100%; height:365px; background-color:#f3f3f3;}
#main_middle_total_b{margin:0 auto; width:100%;  margin-top:70px; margin-bottom:70px;}

/* 퀵메뉴*/
#main_quick_total{margin:0 auto; width:1200px; height:365px;}
#main_quick_wrap{float:left;width:1200px; height:225px;}
#main_quick{float:left; width:1200px;}

#main_quick_a_wrap{float:left; position:relative; width:1200px; height:100px; margin-bottom:25px;  margin-top:70px;}
.main_quick_a{margin:0 auto; width:1200px; height:100px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:100px; background:url('../images/main_quick_a.png') center center;}
.main_quick_a li.qmb01 a{width:290px; margin-right:13px; height:100px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:290px; margin-right:14px; height:100px; background-position:-303px top;}
.main_quick_a li.qmb03 a{width:290px; margin-right:13px; height:100px; background-position:-607px top;}
.main_quick_a li.qmb04 a{width:290px; height:100px; background-position:-910px top;}

.main_quick_a li.qmb01 a:hover{width:290px; margin-right:13px; height:100px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:290px; margin-right:14px; height:100px; background-position:-303px bottom;}
.main_quick_a li.qmb03 a:hover{width:290px; margin-right:13px; height:100px; background-position:-607px bottom;}
.main_quick_a li.qmb04 a:hover{width:290px; height:100px; background-position:-910px bottom;}



#main_quick_b_wrap{float:left; position:relative; width:1200px; height:100px; margin-bottom:25px;}
.main_quick_b{margin:0 auto; width:1200px; height:100px;}
.main_quick_b li{float:left;}
.main_quick_b li a{display:block; height:100px; background:url('../images/main_quick_b.png') center center;}
.main_quick_b li.qmb06 a{width:290px; margin-right:13px; height:100px; background-position:0 top;}
.main_quick_b li.qmb07 a{width:290px; margin-right:14px; height:100px; background-position:-303px top;}
.main_quick_b li.qmb08 a{width:290px; margin-right:13px; height:100px; background-position:-607px top;}
.main_quick_b li.qmb09 a{width:290px; height:100px; background-position:-910px top;}


.main_quick_b li.qmb06 a:hover{width:290px; margin-right:13px; height:100px; background-position:0 bottom;}
.main_quick_b li.qmb07 a:hover{width:290px; margin-right:14px; height:100px; background-position:-303px bottom;}
.main_quick_b li.qmb08 a:hover{width:290px; margin-right:13px; height:100px; background-position:-607px bottom;}
.main_quick_b li.qmb09 a:hover{width:290px; height:100px; background-position:-910px bottom;}



#main_con_a{margin:0 auto; width:1200px; height:250px; border:1px solid #e4e4e4;}

#small_quick_warp{float:left; width:300px; height:250px; border-right:1px solid #e4e4e4;}
#small_quick{float:left; width:300px;}
#small_quick_a_wrap{float:left; position:relative; width:300px; height:250px;}
.small_quick_a{margin:0 auto; width:300px; height:250px;}
.small_quick_a li{float:left;}
.small_quick_a li a{display:block; width:300px; height:125px; background:url('../images/small_quick.png');}
.small_quick_a li.sqm01 a{background-position:-0 0px;}
.small_quick_a li.sqm02 a{background-position:-0px -125px;}

.small_quick_a li.sqm01 a:hover{background-position:-300px 0px;}
.small_quick_a li.sqm02 a:hover{background-position:-300px -125px;}

/*공지사항*/
.main_a{float:left; width:300px; height:250px; border-right:1px solid #e4e4e4; }
.main_a_title_wrap{position:relative; width:300px; height:55px;}
.main_a_title{float:left; width:150px; height:55px;}
.main_a_more{position:absolute; right:5px; top:35px; width:30px; height:15px;}
.main_a_con_wrap{width:300px; height:195px;}
.main_a_con{padding:15px 15px 25px 15px; width:270px; height:160px;}

/*회사소개*/
.main_b{float:left; width:300px; height:250px; border-right:1px solid #e4e4e4; }


/*고객센터*/
.main_c{float:left; width:290px; height:250px;}
.main_c_total{float:left; width:290px; height:250px;}
.main_c_title_wrap{width:290px; height:55px;}
.main_c_title{float:left; width:290px; height:55px;}
.main_c_con_wrap{width:290px; height:195px;}
.main_c_con{width:290px; height:180px; margin-top:15px;}


.title_text_sub{float:left; margin-top:15px; margin-left:10px; font-family:"Nanum Gothic"; font-size:14px; line-height:14px; color:#666; font-weight:500; letter-spacing:-0.5px}
.title_text{font-family:"Nanum Gothic"; font-size:16px; line-height:16px; color:#191818; font-weight:600; letter-spacing:-0.5px}


#con_sub{position:relative; margin:0 auto; width:100%; height:260px;}
#con_sub_img{position:absolute; left:50%; margin-left:-1200px; width:2200px; height:260px;}
#con_sub_copy{position:absolute; left:0%; margin-left:350px; bottom:0px; width:1200px; height:260px;}


#middle_total{margin:0 auto; padding-top:100px; width:1200px; overflow:hidden;}

/* ---------------------------- left_nav.php ---------------------------- */
#left_total{float:left; width:235px; min-height:500px;  margin-bottom:20px;}/*overflow:hidden;*/

#left_title_wrap{float:left; width:235px; height:100px; background:url('../images/left_menu_top_bg.jpg') no-repeat;}
#left_title{width:235px; color:#fefefe; font-family:"Nanum Gothic"; font-size:22px; text-align:center; font-weight:600; letter-spacing:-0.5px; margin-top:30px;}
#left_title_eng{margin-top:5px; width:235px; color:#fefefe; font-family:"Nanum Gothic"; font-size:11px; line-height:15px; text-align:center; font-weight:500; letter-spacing:-0.5px;}
#left_customer{float:left; width:235px; height:215px; margin-top:10px;}

/* left_nav over */
#left_nav{float:left; width:233px; border-left:1px solid #ddd; border-right:1px solid #ddd;}/*overflow:hidden;*/
.leftMenu {float:left; width:235px; }/*overflow:hidden;*/
.leftMenu > li > a{display:block; padding-left:18px; width:215px; height:45px; font-family:"Nanum Gothic"; font-size:14px; line-height:45px; font-weight:600; color:#666; background:#fff;}
.leftMenu > .menu01{list-style:none; border-bottom:1px solid #ddd;}
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd; width:233px;}
.leftMenu > li.last{border-top:0px}
.leftMenu > li > a:hover{color:#444444; font-weight:600; background:#f3f3f3 url('../images/left_menu_arrow.png') no-repeat 210px center;}
.leftMenu > li.on > a{color:#ffffff; font-weight:600; background:#444444 url('../images/left_menu_arrow.png') no-repeat 210px center;}
/* 좌메뉴 over */

/* 서브메뉴 영역 */
.leftMenu .menu04 .gub_sub { background-image:none;}
.leftMenu li .gub_sub {overflow:hidden; height:auto; padding:10px 0; border-top:1px solid #ddd; background:#f3f3f2;}
/*.leftMenu li .gub_sub li {float:none;}*/
.leftMenu li .gub_sub li a {display:block; height:25px; padding-left:15px; font-family:"Nanum Gothic"; font-size:14px; line-height:25px; color:#777; text-align:left; background:none;}
.leftMenu li .gub_sub li a:hover {color:#000;}
.leftMenu li .gub_sub li.on a {color:#000;}
/* --- } left_nav 사용시 --- */


#con_total{float:right; width:915px; overflow:hidden;}
#con_title{margin:0 auto; width:915px; height:100px; background:url('../images/title_line.jpg') repeat-x center bottom;}
/* --- } left_nav 사용시 --- */


#title_a_wrap{float:left; margin-top:35px; width:420px; font-family:"Nanum Gothic"; font-size:30px; color:#444444; line-height:30px; text-align:left; font-weight:bold; letter-spacing:-0.5px}
#title_a_wrap b{font-size:30px; color:#444444; font-weight:600;}

#title_b_wrap{float:right;  height:30px; width:350px; margin-top:40px;}/*width:770px;*/
#title_b{font-family:"Nanum Gothic"; font-size:12px; color:#777; line-height:40px; text-align:right; font-weight:500; letter-spacing:-0.2px;}
#title_b b{font-weight:600; font-size:14px;}
#con{float:left; margin:50px auto; width:915px; overflow:hidden; padding:0;}

/* 텝 메뉴01 부분*/
.main_gallery_content { position:relative; float:left; width:915px; height:700px; overflow:hidden; margin-top:20px; margin-bottom:30px;}

#main_tab_nav{width:915px; overflow:hidden; margin-bottom:30px;}
#main_tab_nav ul{ display:table; margin:0 auto;} 
#main_tab_nav ul li{float:left; margin-right:5px; font-family:"Nanum Gothic"; font-weight:400;}
#main_tab_nav ul li a{display:block; width:85px; height:40px; color:#222; line-height:40px; font-size:16px; font-weight:600; text-align:center; border:1px solid #ddd;  font-family:"Nanum Gothic"; font-size:14px; color:#333;}
#main_tab_nav ul li a:hover{color:#006cb7;  font-weight:600;}
#main_tab_nav ul #nav1{color:#fff; background-color:#006cb7; font-family:"Nanum Gothic"; font-size:14px;}

.tab_con{position:absolute; left:0; top:0; z-index:1;}
.tab_con#con1{z-index:100;}

/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1200px; height:145px; }
#bottom_nav{margin:0 auto; width:1200px; height:40px;}
#bottom_nav li {float:left; margin-top:10px; list-style-type:none;}
#bottom_nav li a{display:block; height:20px; padding:0px 15px; border-right:1px solid #dddddd; font-family:"Nanum Gothic"; font-size:13px; color:#fff; line-height:20px; font-weight:600; letter-spacing:-0.2px;}
#bottom_nav li a:hover{color:#daeffd; background:none;}
#bottom_nav li a:active{color:#daeffd; background:none;}
#bottom_nav li.last a{border-right:0px;}

#copy_wrap{margin:0 auto; width:1200px;}
#copy_logo{float:left; width:200px; height:50px; margin-top:25px; }
#copy_text{float:left; width:900px; overflow:hidden; padding:25px 0; font-family:"Nanum Gothic"; font-size:11px; color:#eeeeee; line-height:22px; margin-left:30px;}

.priv_type{font-family:"Nanum Gothic"; font-size:13px; color:#000; line-height:14px; text-align:left; font-weight:500; letter-spacing:-0.2px; line-height:20px;}

.box{position:relative; display:block;}
.point{position:absolute; left:0; top:-120px; width:0; height:0; }
.point1{position:absolute; left:0; top:-170px; width:0; height:0; }