@charset "utf-8";
@import url("common.css");

/*wrap -----------------------------------------------------------------------------------*/
#wrap { position: relative; min-width: 1317px; }

/******************************************************************
    HEADER
*******************************************************************/
/* header height 110px 340px */
#header { position:fixed; height: 115px; text-align: right; z-index: 10; }
#header:after { content: ''; display: block; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: #cccccc; transition: 1s background ease-in; }
#header:hover:after { background: transparent; transition: 0.1s background ease-out; }
body.main #header { position: absolute; width: 100%; background-color: rgba(0,0,0,0.5);}
body.main #header:hover { position: absolute; width: 100%; background-color: transparent;}
body.main #header:after { background: transparent; transition: none; }
#header .wrap_header { position: relative; height: 115px; overflow: hidden; background-color: #fff; transition: 0.5s height cubic-bezier(0.65, 0.24, 0.21, 0.99), 2s box-shadow cubic-bezier(0.45, 0.07, 0.2, 0.99), 0.5s background-color cubic-bezier(0.22, 0.36, 0, 0.99); }
#header .wrap_header.is_search,
#header:hover .wrap_header { height: 480px; box-shadow: 0px 40px 40px 0px rgba(0,0,0,0.15); }
body.main #header .wrap_header { background-color: transparent; position:fixed; width:100%; }
body.main #header .wrap_header.fixed { position:fixed; background:rgba(0,0,0,0.5);color: #fff; z-index:99999;}
body.main #header .wrap_header.fixed a { color: #fff;}
#wrap #header .wrap_header.fixed img.main { opacity: 0; }
#wrap #header .wrap_header.fixed img.sub { opacity: 1; }
body.main #header:hover .wrap_header { background-color: rgba(0,0,0,0.6); }
#header .wrap_header .bg { position: absolute; opacity: 0; transition: 1s opacity ease-out; }
#header:hover .wrap_header .bg { opacity: 1; }
#header:hover .wrap_header.is_search .bg { opacity: 0; }
#header .wrap_header .bg0 { left: 0; }
#header .wrap_header .bg1 { right: 0; top: 101px; }
/* icon */
#header .logo { position: absolute; left: 50px; top: 39px; }

/* overap */
#header .overap2>a { color: #fff; transition: 0.5s color cubic-bezier(0.21, 0.03, 0, 1); }
body.main #header .overap2>a { color: #fff; }
#wrap #header:hover .overap2>a { color: #fff; }
#header .overap img { display: block; transition: 0.5s opacity cubic-bezier(0.21, 0.03, 0, 1); }
#header .overap img.sub { position: absolute; left: 0; top: 0; }
#header .overap img.main { opacity: 0; }
body.main #header .overap img.main { opacity: 1; }
body.main #header .overap img.sub { opacity: 0; }
#wrap #header:hover .overap img.main { opacity: 0; }
#wrap #header:hover .overap img.sub { opacity: 1; }

/******************************************************************
    GNB
*******************************************************************/
.gnb { display: inline-block; margin: 50px 50px 0 0; }
/* depth1 */
.gnb .depth1>li { float: left; position: relative; }
.gnb .depth1>li>a { display: block; margin: 0 70px; color: #fff; font-size: 18px; transition: 0.5s color cubic-bezier(0.21, 0.03, 0, 1); }
body.main .gnb .depth1>li>a { color: #fff; }
body.main #header:hover .gnb .depth1>li>a { color: #fff; }
/* depth2 */
.gnb .depth1>li .depth2 { position: absolute; width: 100%; margin-top: 40px; }
.gnb .depth1>li .depth2>li { position: relative; display: block; text-align: center; }
.gnb .depth1>li .depth2>li>a { display: inline-block; position: relative; padding: 10px 0; color: #f3f3f3; font-size: 15px; }
.gnb .depth1>li .depth2>li.on>a,
.gnb .depth1>li .depth2>li>a:hover { /* color: #35359a; */ }
.gnb .depth1>li .depth2>li>a:after { content: ''; display: block; position: absolute; width: 0; height: 1px; left: 50%; top: 30px; background: #dfd8b1; transition: 0.2s all cubic-bezier(0.21, 0.03, 0, 1); }
.gnb .depth1>li .depth2>li.on>a:after,
.gnb .depth1>li .depth2>li>a:hover:after { left: 0; width: 100%; }

@media screen and (min-width: 1024px) { .mobile {display:none;} }
@media screen and (max-width: 1023px) { .pc {display:none;} }


/******************************************************************
    FOOTER
*******************************************************************/
footer { clear: both; width: 100%; height: 250px; background: #1f1f1f; }
footer * {font-family: 'Noto Sans'; }
footer .footer_container { width:1200px; margin:0 auto;}
.blind {display:none;}
footer .footer_area { text-align:center; top: 38px;  }
footer .footer_area .footer_logo { text-align:center; padding:39px 0 29px;}
footer .footer_area .first { padding : 0 15px 0 0; color: #666666; font-size: 15px; line-height:23px;}
footer .footer_area .footer_link {padding: 10px 0; }
footer .footer_area .footer_link li { padding: 0 15px 0 12px; display: inline-block; background:url(../images/footer_dot.png) right 6px no-repeat; }
footer .footer_area .footer_link li:first-child { padding: 0 15px 0 0; }
footer .footer_area .footer_link li:last-child { padding: 0 0 0 12px; background:none; }
footer .footer_area .footer_link li a { color: #999999; font-size: 16px;}
footer .footer_area .footer_link li a:hover { color: #fff;}
footer .footer_container .copyright { color: #666666; font-size: 15px; line-height:23px;}

/******************************************************************
    2Depth MENU (LNB)
*******************************************************************/
.lnb { margin: 0 0 40px; }
.lnb ul:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.lnb ul li { float: left; }
.lnb ul li { width: 25%; }
.lnb ul li a { display: block; height: 55px; line-height: 55px; margin: 0 1px; text-align: center; font-size: 16px; background: #eee; }
.lnb ul li.on a { background: #fff; border: 2px solid #4b5055; }

/* -----------------------------------------------------------------------------------*/
h2 { text-align: center; color: #000; font-family: 'Noto Sans Light', sans-serif; font-size: 40px; }
.title { width: 1200px; margin: 0 auto 35px; padding: 48px 0 0; }
.content { width: 1200px; min-height: 750px; margin: 0 auto; padding: 0; }

/******************************************************************
    메인
*******************************************************************/
body.main .layout_top { padding: 0; }
div.main .main_visual { position: relative; height: 971px; margin: 0 0 75px; overflow: hidden;}
div.main .main_visual .canvas { position: absolute; width: 100%; height: 971px; overflow: hidden; }
div.main .main_visual .slider { height: 971px;}
div.main .main_visual .slider>li { position: absolute; width: 100%; height: 971px; top: 0; opacity: 0;}
div.main .main_visual .slider>li>p {z-index:5;}
div.main .main_visual .slider>li>p.visu_tit1 { position: absolute; width: 100%; top: 400px; margin-top: -34px; text-align: center; color: #fff; font-family: "Noto Sans Thin"; font-size: 55px; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
div.main .main_visual .slider>li>p.visu_tit2 { position: absolute; width: 100%; top: 480px; margin-top: -34px; text-align: center; color: #fff; font-family: "Noto Sans Bold"; font-size: 55px; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
div.main .main_visual .slider>li>p.visu_tit3 { position: absolute; width: 100%; top: 560px; margin-top: -34px; text-align: center; color: #fff; font-family: "Noto Sans"; font-size: 20px; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
div.main .main_visual .slider>li>p>span { display: inline-block; }
div.main .main_visual .arrow>a { display: block; position: absolute; top: 500px; margin-top: -30px; z-index: 2; }
div.main .main_visual .arrow>a.left { left: 43px; }
div.main .main_visual .arrow>a.right { right: 43px; }
div.main .main_visual .time { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.1); }
div.main .main_visual .time .bar { width: 0%; height: 8px; background-color: #002d4e; }
.main_visu_pro {position:absolute; top:300px; right:50px; z-index:1}
.main_visu_pro_m {position:absolute; top:500px; right:50px; z-index:1}

.section1 {padding:100px 0 0; }
.section1 .section1_title {text-align:center; font-size:35px; color:#333333; line-height:40px; padding:0 0 20px; background:url(../images/main_title_bullet.png) 765px 0px no-repeat; font-family: "NanumSquareRound"; width:1200px; margin:0 auto;}
.section1 .section1_title span {font-family: "Noto Sans Bold";}
.section1 .section1_sub_title {text-align:center; font-size:18px; color:#777777; line-height:28px; padding-bottom:30px}
.section1_list { width: 1200px; margin:0 auto;}
.section1_list>ul { width: 1200px; overflow: hidden; }
.section1_list>ul:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.section1_list>ul>li { width: 373px; height: 400px; float: left; margin-right:40px;}
.section1_list>ul>li:last-child { margin-right:0px; float:right;}
.section1_list>ul:after { content: ""; clear: both; }
.section1_list div.conbox { width: 373px; height: 400px; position: relative; }
.section1_list div.conbox>a { display: inline-block; }
.section1_list div.conbox .image { width: 373px; height: 250px;  overflow: hidden; position:relative;}
.section1_list div.conbox .image p.img {
    width: 373px;
    height: 250px;  overflow:hidden; 
    position: relative;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.section1_list>ul>li:nth-child(odd) div.conbox .image p.img { background: #e6e1dc; }
.section1_list>ul>li:nth-child(even) div.conbox .image p.img { background: #c8b9af; }
.section1_list div.conbox:hover .image p.img {
    width: 373px;
    height: 250px;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.section1_list div.conbox .image p.img img { position: absolute; left: 0px; top: 0px; width: 373px; height: 250px;}

.section1_txt_area {width:309px; height:200px; background-color:#fff; margin-left:32px; top:150px; position:absolute;}
.section1_txt_area .list_icon { margin-left:119px; top:-35px; position:absolute;}
.section1_txt_area .list_tit {font-size:24px; color:#333333; text-align:center; padding:45px 0 17px;}
.section1_txt_area .list_tit span {font-size:15px; color:#333333; text-align:center; line-height:30px;font-family: "NanumSquareRound";font-weight: 700;}
.section1_txt_area .list_sub {font-size:15px; color:#959595; text-align:center; line-height:23px;}




.section2 {padding:75px 0 80px; background:url(../images/section2_bg.png) center top no-repeat; height:474px;}
.section2 .section2_title {text-align:center; font-size:35px; color:#fff; line-height:40px; padding:0 0 20px; background:url(../images/main_title_bullet.png) 745px 0px no-repeat; font-family: "NanumSquareRound"; width:1200px; margin:0 auto;}
.section2 .section2_title span {font-family: "Noto Sans Bold";}
.section2 .section2_sub_title {text-align:center; font-size:18px; color:#fff; line-height:28px; padding-bottom:30px}
.section2 .section2_txt {width:1200px; margin:0 auto;}
.section2 .section2_add {color:#fff; font-size:25px; line-height:55px; background:url(../images/location_icon.png) 245px 15px no-repeat; text-align:center;}
.section2 .section2_tel {color:#fff; font-size:25px; line-height:40px; text-align:center;}
.section2_txt .btn a {display:inline-block; min-width:180px; height:44px; border:2px solid #fff; line-height:40px; text-align:center; color:#fff; font-size:14px;font-family: "Noto Sans"; vertical-align:middle; cursor:pointer; overflow:visible; white-space:nowrap; margin-top:50px;
-ms-transition:border 0.5s ease background-color 0.5s ease; 
-o-transition:border 0.5s ease, background-color 0.5s ease; 
-moz-transition:border 0.5s ease, background-color 0.5s ease 
-webkit-transition:border 0.5s ease, background-color 0.5s ease; 
transition:border 0.5s ease, background-color 0.5s ease;}
.section2_txt .btn a:hover,
.section2_txt .btn:focus {border-color:#00b1e6; background-color:#00b1e6; color:#ffffff; text-decoration:none}


.section3 {background-color:#fff; padding:30px 0 80px;}
.section3 .section3_title {text-align:center; font-size:35px; color:#333333; line-height:40px; padding:0 0 20px; background:url(../images/main_title_bullet.png) 720px 0px no-repeat; font-family: "NanumSquareRound"; width:1200px; margin:0 auto;}
.section3 .section3_title span {font-family: "Noto Sans Bold";}
.section3 .section3_sub_title {text-align:center; font-size:18px; color:#777777; line-height:28px; padding-bottom:30px}
.main_product_ele {width:1317px; margin:0 auto; height:320px;}
#scroll_wrap { width:1317px;}
#scroll_wrap div { float:left; }
.scroll-img {width:1197px; height:320px; overflow: hidden; font-size: 0; margin:0 auto;}
.scroll-img ul { width: 1197px; height:320px; margin: 0 auto; }
.scroll-img ul li{ display: inline-block; margin-right:-1px; float:left; vertical-align:middle; width:300px; height:320px; overflow: hidden; border:1px solid #eeeeee;}
#scrollbox.scroll-img ul { width: 10000px; }
.btn_left {float:left; width:60px; cursor:pointer; padding-top:130px; text-align:left}	
.btn_right {float:right; width:60px; cursor:pointer; padding-top:130px; text-align:right}
.scroll-img ul li p.ele_tit1 {width: 300px; color: #333; font-size:21px; line-height:30px; text-align:center; padding-top:25px}
.scroll-img ul li p.ele_tit2 {width: 300px; color: #666666; font-size:16px; line-height:26px; text-align:center; padding-top:0px}





/*****************/
#sub_visu01{
	width:100%;
	height:410px;
	background:url(../images/sub_visu.png) no-repeat center bottom;
}
#sub_visu02{
	width:100%;
	height:410px;
	background:url(../images/sub_visu02.png) no-repeat center bottom;
}
#sub_visu03{
	width:100%;
	height:410px;
	background:url(../images/sub_visu03.png) no-repeat center bottom;
}
.sub_visu_tit {font-size:48px; line-height:60px; color:#fff; text-align:center; padding-top:190px; padding-bottom:20px; font-family: "NanumSquareB";}
.sub_visu_line {width:80px; height:2px; margin:0 auto; background-color:#fff; margin-bottom:20px;}
.sub_visu_tit2 {text-align:center; color:#f9f9f9; font-size:18px; line-height:28px;}



/* 서브메뉴 */
#contentLocation{width:100%; height:70px; background-color:#fff; border-bottom:1px solid #dddddd;}
.location-inner{margin:0 auto;width:100%;}
.location-inner > ul{ width:1200px;height:100%; margin:0 auto;}
.location-inner > ul > li{position:relative; float:left; width:240px; height:100%; color:#fff; background:url(../images/sub_menu_bar.png) right 25px no-repeat;}
.location-inner > ul > li.home {width:46px; height:70px; padding-right:0px;  }
.location-inner > ul > li.home img { margin-top:26px; }
.location-inner > ul > li > a{display:block; padding-left:28px; padding-right:28px; font-size:16px; background:url(../images/location_arrow.png) no-repeat 200px 50%; color:#333333; font-weight:normal; line-height:70px;}
.location-inner > ul > li > a:hover { text-decoration:none; }
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:69px;left:-1px;width:240px; border:1px solid #dcdcdc; border-bottom-color:#000000; background-color:#fff; z-index:11;}
.location-inner > ul > li .location2 { background-color:#0e1518;}
.location-inner > ul > li .location2>a {color:#ffffff;}
.location-inner > ul > li .location-2dep li {height:48px; line-height:48px; border-top:1px solid #dcdcdc;  }
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:20px; color:#7e7e7e; font-size:15px; }
.location-inner > ul > li .location-2dep li a:hover{color:#272727;font-weight:500;  text-decoration:none;}	


/* subpage 공통사항 */
#contents_wrap { width:100%; margin:0 auto; }
#article_wrap { width:100%;  padding-top:70px;}
#article_top{overflow:hidden; margin:0 auto; width:1200px;}
#article_top h3{font-size:40px; line-height:55px; color:#333333; padding-bottom:40px; font-family: "NanumSquareB";}
.article_top_line {width:1200px; height:3px; background-color:#424193; margin-bottom:65px;}
.title_bullet {padding-bottom:15px}
.title_bullet2 {padding-bottom:8px}
#article { width:1100px; }
#article:after { display:block; content:''; clear:both; }
.article_title { font-size:26px; line-height:26px; font-weight:500; padding:15px 0 0; font-weight:400; margin-bottom:40px; }	

#contents { width:100%; margin:0 auto;}
#contents h2.inquiry_title {font-size:25px; font-weight:bold; color:#2680eb; line-height:25px; padding-bottom:15px;}
#contents h2.inquiry_title span {background:url(../images/kakao.png) 5px 10px no-repeat; padding-left:35px;}
#contents h2.subject {font-size:20px; font-weight:bold; color:#383838; line-height:25px; padding-bottom:15px;}


.contents_page { width:1200px; margin:0 auto 100px;}

.greeting_img {height:300px;}
.greeting_title {font-size:40px; color:#424193; line-height:50px; padding:50px 0 20px}
.greeting_title2 {font-size:25px; color:#292929; line-height:35px; padding-bottom:20px;}
.greeting_txt {padding-bottom:20px; font-size:17px; line-height:27px; color:#868686; font-family: "Noto Sans";}
.greeting_txt strong {color:#ff0000; font-family: "Noto Sans bold";}
.greeting_sign {font-size:20px; color:#292929; line-height:30px; background:url(../images/sign.png) 250px 0 no-repeat; height:100px}
.greeting_sign span {font-size:25px; color:#292929; line-height:30px; padding-left:10px}

.greeting2 {position:relative; height:700px;}
.greeting2_img {position:absolute; z-index:2;}
.greeting2_txt_area {position:absolute; width:680px; background-color:#f5f5f5; float:right; left:520px; top:220px; z-index:1;}
.greeting2_title {font-size:35px; color:#292929; line-height:45px; padding:90px 60px 20px 210px;font-family: "NanumSquareB";}
.greeting2_title span {color:#424193;}
.greeting2_line {height:1px; background:#7574dc; width:400px;}
.greeting2_txt {padding-bottom:20px; font-size:17px; line-height:27px; color:#868686; font-family: "Noto Sans"; padding:20px 60px 90px 210px;}


/* history */
#historyListCon{width:950px; background:url(../images/history_line.png) repeat-y 223px 0; margin:0 auto;}
.history-year-con_top {position:relative;  top:-15px;}
.history-year-con_top .history-year{position:absolute; left:0px; width:223px; font-family:'SamsungSharpSans' !important; font-weight:bold;}
.history-year-con_top .history-year:after{content:""; position:absolute; left:0; top:15px; width:100%; height:1px; background-color:#cfcfcf}
.history-year-con_top .history-year span{display:inline-block; position:relative; padding-right:20px; color:#a9a9a9; font-size:30px; background-color:#fff; z-index:1;}
.history-year-con_top .history-year span:after{display:block; position:absolute; top:12px; right:0px; content:""; width:8px; height:8px; background-color:#a9a9a9; border-radius:8px;}
.history-year-con_top .cur-year span{color:#09a4e5;}
.history-year-con_top .history-list{padding-left:223px}
.history-year-con_top .history-list li.last{position:relative;}
.history-year-con_top .history-list li.last:after{position:absolute; top:16px; left:0; display:block; content:""; width:1px; height:100%; background-color:#fff;}
.history-year-con_top .history-list dl{position:relative; overflow:hidden; padding-left:128px; padding-bottom:22px; line-height:20px;}
.history-year-con_top .history-list dl:before{content:""; position:absolute; left:0; top:15px; width:92px; height:1px; background-color:#cfcfcf}
.history-year-con_top .history-list dl:after{content:""; position:absolute; left:92px; top:10px; width:9px; height:9px; border:2px solid #00a1e4; background-color:#fff; border-radius:9px;}
.history-year-con_top .history-list dl dt{float:left; width:100px; color:#5d5d5d; font-size:17px; letter-spacing:2.5px; font-weight:bold; padding-top:5px;}
.history-year-con_top .history-list dl dd{float:left; width:calc(100% - 165px); color:#5d5d5d; letter-spacing:-0.5px; font-size:17px; line-height:27px; padding-top:0px; word-break:keep-all;}

.history-year-con{position:relative; padding-top:60px;}
.history-year-con .history-year{position:absolute; top:60px; left:0px; width:223px; font-family:'SamsungSharpSans' !important; font-weight:bold;}
.history-year-con .history-year:after{content:""; position:absolute; left:0; top:15px; width:100%; height:1px; background-color:#cfcfcf}
.history-year-con .history-year span{display:inline-block; position:relative; padding-right:20px; color:#a9a9a9; font-size:30px; background-color:#fff; z-index:1;}
.history-year-con .history-year span:after{display:block; position:absolute; top:12px; right:0px; content:""; width:8px; height:8px; background-color:#a9a9a9; border-radius:8px;}
.history-year-con .cur-year span{color:#09a4e5;}
.history-year-con .history-list{padding-left:223px}
.history-year-con .history-list li.last{position:relative;}
.history-year-con .history-list li.last:after{position:absolute; top:16px; left:0; display:block; content:""; width:1px; height:100%; background-color:#fff;}
.history-year-con .history-list dl{position:relative; overflow:hidden; padding-left:128px; padding-bottom:22px; line-height:20px;}
.history-year-con .history-list dl:before{content:""; position:absolute; left:0; top:15px; width:92px; height:1px; background-color:#cfcfcf}
.history-year-con .history-list dl:after{content:""; position:absolute; left:92px; top:10px; width:9px; height:9px; border:2px solid #00a1e4; background-color:#fff; border-radius:9px;}
.history-year-con .history-list dl dt{float:left; width:100px; color:#5d5d5d; font-size:17px; letter-spacing:2.5px; font-weight:bold; padding-top:5px;}
.history-year-con .history-list dl dd{float:left; width:calc(100% - 165px); color:#5d5d5d; letter-spacing:-0.5px; font-size:17px; line-height:27px; padding-top:0px; word-break:keep-all;}


.policy_box {position:relative;padding:30px 50px; background:#f8f8f8; color:#696969; font-size:17px; line-height:27px; color:#868686; font-family: "Noto Sans";}
.ci_cont {margin-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #e1e1e1;}
.ci_cont::after {content: '';display: table;clear: both;}
.ci_cont.last {margin-bottom:0;padding-bottom:0;border-bottom: 0;}
.ci_cont .cont_tit {float: left;width: 25%;}
.ci_cont .ci_info {float: right;width: 75%;}
.ci_box {display: block; padding: 70px 0;text-align: center;border: 0.1rem solid #ececec;background: url(../images/ci_bg.png);}
.ci_cont2 {margin-top: 40px;}
.ci_cont2::after {content: '';display: table;clear: both;}
.ci_cont2.last {margin-bottom:0;padding-bottom:0;border-bottom: 0;}
.ci_cont2 .cont_tit {float: left;width: 25%;}
.ci_cont2 .ci_info {float: right;width: 75%;}
.ci_box {display: block; padding: 70px 0;text-align: center;border: 0.1rem solid #ececec;background: url(../images/ci_bg.png);}
.ci_box2 {display: block; padding: 0;text-align: center;}


.page_title {overflow:hidden; margin:0 auto; width:1200px;}
.page_title h3{font-size:30px; line-height:45px; color:#333333; font-family: "NanumSquareB"; padding:65px 0 10px;}
.page_title2 {overflow:hidden; margin:0 auto; width:1200px;}
.page_title2 h3{font-size:30px; line-height:45px; color:#333333; font-family: "NanumSquareB"; padding:0 0 10px;}

.product_img {height:547px; border-bottom:1px solid #aaaaaa;}
.product_detail {width:100%; height:510px; margin-bottom:80px; display:block;}
.detail_left {float:left; width:600px; height:510px; border:5px solid #eeeeee; margin-right:80px;}
.detail_right {float:right; width:520px; height:510px;}
.product_detail2 {width:100%; height:510px; margin-bottom:80px; display:block;}
.detail_left2 {float:left; width:600px; height:510px; margin-right:80px;}
.detail_title {font-size:28px; line-height:30px; color:#333333; font-family: "NanumSquareB"; font-weight:400; padding:20px 0 35px}
.detail_title span {font-size:17px; line-height:27px; color:#999999; font-family: "NanumSquareB"; font-weight:400;}
.detail_txt {font-size:18px; line-height:36px; color:#333333; font-family: "NanumSquareB"; font-weight:400;}
.detail_right .btn a {display:inline-block; width:250px; height:57px; line-height:57px; color:#fff; float:left; background-color:#424193; font-size:17px;font-family: "Noto Sans"; vertical-align:middle; cursor:pointer; overflow:visible; white-space:nowrap; margin-top:50px; margin-left:-10px;
-ms-transition:border 0.5s ease background-color 0.5s ease; 
-o-transition:border 0.5s ease, background-color 0.5s ease; 
-moz-transition:border 0.5s ease, background-color 0.5s ease 
-webkit-transition:border 0.5s ease, background-color 0.5s ease; 
transition:border 0.5s ease, background-color 0.5s ease;}
.detail_right .btn a:hover,
.detail_right .btn:focus {border-color:#00b1e6; background-color:#00b1e6; color:#ffffff; text-decoration:none}

.detail_left2 .btn a {display:inline-block; width:250px; height:57px; line-height:57px; color:#fff; float:left; background-color:#424193; font-size:17px;font-family: "Noto Sans"; vertical-align:middle; cursor:pointer; overflow:visible; white-space:nowrap; margin-top:50px; margin-left:-10px;
-ms-transition:border 0.5s ease background-color 0.5s ease; 
-o-transition:border 0.5s ease, background-color 0.5s ease; 
-moz-transition:border 0.5s ease, background-color 0.5s ease 
-webkit-transition:border 0.5s ease, background-color 0.5s ease; 
transition:border 0.5s ease, background-color 0.5s ease;}
.detail_left2 .btn a:hover,
.detail_left2 .btn:focus {border-color:#00b1e6; background-color:#00b1e6; color:#ffffff; text-decoration:none}




/******************************************************************
    공통
*******************************************************************/
.hidden { position: absolute; top: 0;  left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }
.page_title1 {font-size:35px; color:#333333; font-family: "Noto Sans Medium"; line-height:35px; padding:50px 0 20px;}
.page_title1_2 {font-size:35px; color:#333333; font-family: "Noto Sans Medium"; line-height:35px; padding:0 0 20px;}
.page_title2 {font-size:23px; color:#5d5d5d; font-family: "Noto Sans Medium"; line-height:33px;}
.page_title3 {font-size:23px; color:#333333; font-family: "Noto Sans Medium"; line-height:23px; padding:100px 0 15px;}
.page_title4 {font-size:23px; color:#333333; font-family: "Noto Sans Medium"; line-height:23px; padding:50px 0 15px;}
.page_title5 {font-size:28px; color:#06478c; font-family: "Noto Sans Medium"; line-height:28px; padding:100px 0 15px;}
.page_title5_2 {font-size:28px; color:#06478c; font-family: "Noto Sans Medium"; line-height:28px; padding:30px 0 15px;}
.page_title5_3 {font-size:20px; color:#333333; font-family: "Noto Sans"; line-height:30px;}
.page_title5_4 {font-size:20px; color:#333333; font-family: "Noto Sans"; line-height:30px; padding:0 0 15px;}
.dot li {font-size:17px; color:#6b6b6b; background:url(../images/bl_dot2.png) left 13px no-repeat; padding-left:15px; line-height:27px;}
.dot2 {padding-top:15px;}
.dot2 li {font-size:17px; color:#6b6b6b; background:url(../images/bl_dot2.png) left 13px no-repeat; padding-left:15px; line-height:27px;}

/******************************************************************
    공통 : 탭
*******************************************************************/
.tab_link { margin: 0 0 40px; }
.tab_link ul { width: 100%; overflow: hidden; }
.tab_link ul li { float: left; margin: 0 -1px 0 0; width: 33.333%; height: 55px; font-size:15px;}
.tab_link ul li a { color: #888; line-height: 55px; height: 55px;  text-align: center; display: block; border: 1px solid #e2e2e2; }
.tab_link ul li a.on, .tab_link ul li a:hover { position: relative; z-index: 9; color: #fff; border: 1px solid #0d2844; background: #06478c; }
.tab_link ul li a:hover { transition: all 0.2s linear; }

.tab_link2 { margin: 0 0 40px; }
.tab_link2 ul { width: 100%; overflow: hidden; }
.tab_link2 ul li { float: left; margin: 0 -1px 0 0; width: 14.30%; height: 55px; font-size:15px;}
.tab_link2 ul li a { color: #888; line-height: 55px; height: 55px;  text-align: center; display: block; border: 1px solid #e2e2e2; }
.tab_link2 ul li a.on, .tab_link2 ul li a:hover { position: relative; z-index: 9; color: #fff; border: 1px solid #0d2844; background: #06478c; }
.tab_link2 ul li a:hover { transition: all 0.2s linear; }

.tab_link3 { margin: 0 0 40px; }
.tab_link3 ul { width: 100%; overflow: hidden; }
.tab_link3 ul li { float: left; margin: 0 -1px 0 0; width: 25%; height: 55px; font-size:15px;}
.tab_link3 ul li a { color: #888; line-height: 55px; height: 55px;  text-align: center; display: block; border: 1px solid #e2e2e2; }
.tab_link3 ul li a.on, .tab_link3 ul li a:hover { position: relative; z-index: 9; color: #fff; border: 1px solid #0d2844; background: #06478c; }
.tab_link3 ul li a:hover { transition: all 0.2s linear; }

/******************************************************************
    탭 > 공통
*******************************************************************/
.tab { margin: 0 0 40px; }
.tab ul { padding: 1px 0 0; width: 100%; overflow: hidden; }
.tab ul li { float: left; }
.tab ul li { width: 195px; margin: 0 -1px 0 0; }
.tab ul li a { text-align: center; font-size: 16px; width: 195px;  border: 1px solid #ccc; display: table-cell; vertical-align: middle; }
.tab ul li a.on { color: #fff; background: #a59487; border: 1px solid #a59487; }
.as_info .tab ul li a { height: 90px; }
.as_info .tab ul li { margin: -1px -1px 0 0; }
.as_info p.tip {
    padding: 0 0 0 20px;
}
.tab_sub { margin: 0 0 40px; }
.tab_sub ul { padding: 1px 0 0; width: 100%; overflow: hidden; }
.tab_sub ul li { float: left; }
.tab_sub ul li { width: 195px; margin: 0 -1px 0 0; }
.tab_sub ul li a { color: #888; text-align: center; font-size: 16px; width: 100%; line-height: 55px; border: 1px solid #ccc; border-bottom: 1px solid #000; display: inline-block; vertical-align: middle; }
.tab_sub ul li a.on { color: #000; border: 1px solid #222; border-bottom: none; position: relative; }
.contact .tab_sub ul li { width: 50%; margin: 0 -1px 0 0; }

/******************************************************************
    공통 > 테이블
*******************************************************************/
.default_table {width:100%; border-top:2px solid #333333; border-collapse:collapse;}
.default_table th, .default_table td{height:50px; line-height:25px; border-bottom:1px solid #eeeeee; word-wrap:break-word; word-break:break-all; color:#666; vertical-align:middle;}
.default_table th{font-size:15px; color:#333333; border-left:1px solid #eeeeee; background-color:#f8f8f8; text-align:center;}
.default_table td{border-left:1px solid #eeeeee; color:#777777; font-size:15px; text-align:left; padding-left:20px}
.default_table th.bdl0{border-left:0 none; background-color:#f8f8f8; text-align:center;}
.default_table td.bdl0{border-left:0 none; text-align:center;}

.default_table2 {width:100%; border-top:2px solid #333333; border-collapse:collapse;}
.default_table2 th, .default_table2 td{height:50px; line-height:25px; border-bottom:1px solid #eeeeee; word-wrap:break-word; word-break:break-all; color:#666; vertical-align:middle;}
.default_table2 th{font-size:15px; color:#333333; border-left:1px solid #eeeeee; background-color:#f8f8f8; text-align:center;}
.default_table2 td{border-left:1px solid #eeeeee; color:#777777; font-size:15px; text-align:center;}
.default_table2 th.bdl0{border-left:0 none; background-color:#f8f8f8; text-align:center;}
.default_table2 td.bdl0{border-left:0 none; text-align:center;}