@charset "utf-8";
@font-face { /* Regular */
font-family: 'Klavika';
src: url('/fonts/klavika-medium-webfont.eot');
src: url('/fonts/klavika-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('/fonts/klavika-medium-webfont.woff') format('woff'),
     url('/fonts/klavika-medium-webfont.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}

@font-face { /* Bold */
font-family: 'Klavika';
src: url('/fonts/klavika-bold-webfont.eot');
src: url('/fonts/klavika-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('/fonts/klavika-bold-webfont.woff') format('woff'),
     url('/fonts/klavika-bold-webfont.ttf') format('truetype'),
font-weight: bold;
font-style: normal;
}

@font-face {
 font-family: 'NanumSquare';
 src: url('/fonts/NanumSquareR.eot');
 src: url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('/fonts/NanumSquareR.woff') format('woff'),
      url('/fonts/NanumSquareR.ttf') format('truetype');
}
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(fonts.css);
#divpop0, #divpop1,#divpop2,#divpop3,#divpop4,#divpop5,#divpop6,#divpop7{ position: fixed !important;}
/*common*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
html,body{width:100%;height:100%}
body{overflow-x:hidden;font-family:'Titillium Web', 'Noto Sans',"Malgun Gothic","맑은 고딕",Klavika, sans-serif;font-size:15px;color:#444;-webkit-text-size-adjust:none;letter-spacing: -1px;min-width: 340px;} /* letter-spacing: -0.3px; */
h1,h2,h3,h4,h5,h6{text-align:left}
table{border-collapse:collapse;border-spacing:0}
img,fieldset,iframe{border:0 none}
img{vertical-align:top; max-width: 100%;}
li{list-style:none}
a{color:#555;text-decoration:none}
a:hover{text-decoration:none;}
em,address{font-style:normal}
button{cursor:pointer}
button{border:0;background:transparent}
button::-moz-focus-inner{padding:0;border:0}
input[type=text],input[type=password],input[type=image],textarea,button{font-family:NanumSquareR,'Noto Sans',NanumBarunGothic,nbg,"굴림",Gulim,"Apple SD Gothic Neo",Sans-serif;-webkit-appearance:none;-webkit-text-size-adjust:none;-webkit-border-radius:0}
select{font-family:NanumSquareR,'Noto Sans',NanumBarunGothic,nbg,"굴림",Gulim,"Apple SD Gothic Neo",Sans-serif;/* -webkit-appearance:none;-moz-appearance:none;appearance:none */}

select::-ms-expand{display:none}
textarea{overflow:auto}
hr{display:none}
legend{*width:0}
/* article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} */
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap;*text-indent:-999em}
.input_txt, textarea{*margin:-1px 0}
iframe{width:100%}

/* 스킵네비게이션 */
.u_skip{position:relative;z-index:999}
.u_skip a{position:fixed;top:-30px;left:50%;width:190px;margin-left:-64px;padding:5px 0;background:#000;opacity:0.9;filter:alpha(opacity=90);font-size:12px;color:#fff;text-align:center;outline:none}
.u_skip a:active,.u_skip a:focus{top:0;text-decoration:none;cursor:pointer}

.sp,.sub_co_link,.logo_link,.sp_apps,.nav_global .nav_link:after,.sp_ir{overflow:hidden;display:inline-block;width:auto;height:10px;background:url(../images/common/sp.png) no-repeat;line-height:999px}
.sub_co_link{background-image:url(../img/sp_ft_ci.png)}
.sp_ir{background-image:url(../images/common/sp_ir.png)}
.lang_en{font-family:'Montserrat',sans-serif;letter-spacing:-1px;}
.lang_ko{font-family:NanumSquareR,'Noto Sans',NanumBarunGothic,nbg,"굴림",Gulim,"Apple SD Gothic Neo",Sans-serif !important;letter-spacing:-1px;}
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'}
.dimmed_main{z-index:15}
.wrap{position: relative;width: 1200px;margin:0 auto;clear: both;}
.wrap2{position: relative; width: 1400px; margin:0 auto;clear: both; }


/* GNB */
/* header */
#header{position: fixed;z-index: 9;top: 0;width: 100%;background: #fff;    border-bottom: 1px solid #e7e7e7;}
.gnb {height: 35px;border-top: 3px solid #e21738;border-bottom: 1px solid #d4d4d4;}
.gnb_inner{}
.gnb_inner>ul{float: right;}
.gnb_inner>ul>li{float: left;}
.gnb_inner>ul>li>a{position: relative;font-size: 13px;color: #666;padding: 5px 10px;line-height: 35px;}
.gnb_inner>ul>li:last-child>a{padding-right:0px;}
.gnb_inner>ul>li>a:hover,.gnb_inner>ul>li>a:focus{font-weight: bold;color: #555;}
.gnb_inner>ul>li>a:after{position: absolute;content:'';top: 10px;left: 0;width:1px;height: 8px;background: #a5a5a5;}
.gnb_inner>ul>li:first-child>a:after{display:none;}

.lnb_container {position: relative;height: 75px;}
.logo{display: inline-block;margin-top: 20px;}

.footer_menu_inner>ul:after, .quick_menu>ul:after, #section2:after{display:block;clear:both;content:'';}

/* lnb */
#header #lnb.nav-fostrap {position: absolute;top: 0px;right: 150px;}
#header #lnb.nav-fostrap ul {margin: 0;}
#header #lnb.nav-fostrap>ul>li {position: relative; display: inline-block;}
#header #lnb.nav-fostrap>ul>li.t_red a{color:#e21738}
#header #lnb.nav-fostrap>ul>li:nth-child(7){background: url('../images/main/lnb_dot.gif') no-repeat left 30px;}
#header #lnb.nav-fostrap>ul>li.m_loginmenu{display:none;}
#header #lnb.nav-fostrap>ul>li:hover a, #header #lnb.nav-fostrap>ul>li:focus a{text-decoration: none;color: #e21738;font-weight: bold;}
#header #lnb.nav-fostrap>ul>li>a {display: block;padding: 25px; margin: 0;font-size: 17px;color: #303030; font-weight: 600;}
#header #lnb.nav-fostrap>ul>li>a:hover, #header #lnb.nav-fostrap>ul>li>a:focus {text-decoration:none;}
#header #lnb.nav-fostrap>ul>li>.dropdown-wrap {position: absolute;width: 100%;display: none;top: 60px;background-color: #31354e;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);z-index: 10;}
#header #lnb.nav-fostrap>ul>li:hover>.dropdown-wrap {display: block;}
#header #lnb.nav-fostrap>ul>li>.dropdown-wrap .dropdown {margin: 20px 0;}
#header #lnb.nav-fostrap>ul>li>.dropdown-wrap .dropdown >li {/* width: 100%; */ text-align: center;}
#header #lnb.nav-fostrap>ul>li>.dropdown-wrap .dropdown li a {padding: 7px 0px;f;font-size: 14px;display: block;font-weight: bold;color: #a3aec4;text-decoration: none;word-break: keep-all;}
#header #lnb.nav-fostrap>ul>li>.dropdown-wrap .dropdown li a:hover,#header #lnb.nav-fostrap>ul>li>.dropdown-wrap .dropdown li a:focus {color: #ffffff;	text-decoration: underline;}
#header #lnb.nav-fostrap li:nth-child(1) .dropdown-wrap{    width: 140px; margin-left: -20px;}
#header #lnb.nav-fostrap li:nth-child(2) .dropdown-wrap{    width: 140px; margin-left: -20px;}
/* footer */
#footer{background-color: #212021;overflow: hidden;}
#footer .wrap{overflow: hidden; padding-bottom: 20px;}
.footer_menu{height: 50px;}
.footer_menu_inner>ul{text-align: center; border-bottom:1px solid #424242;}
.footer_menu_inner>ul>li{ display: inline-block;}
.footer_menu_inner>ul>li:first-child{}
.footer_menu_inner>ul>li>a{position: relative;display: inline-block;font-size: 14px;color: #c8c8c8;line-height: 60px;padding: 0 20px;}
.footer_menu_inner>ul>li:first-child>a{padding-left: 0;}
.footer_menu_inner>ul>li>a:after{position: absolute;content:'';top: 19px;left: 0;width:0px;height: 10px;background: #a5a5a5;}
.footer_menu_inner>ul>li:first-child>a:after{display: none;}
.footer_menu_inner>ul>li>a:hover, .footer_menu_inner>ul>li>a:focus{font-weight: bold;color: #fff;}
.addr{padding-top: 35px; float: left;}
.addr>span {padding: 0 15px; color:#9a9a9a; font-size: 13px; letter-spacing: -0.5px;}
.addr>span a{color:#9a9a9a;}
.addr>span a:hover{color: #fff;}
.addr>span:first-child {padding-left: 0;}
.copyright{padding-top: 35px; float: right; color:#9a9a9a; font-size: 13px; letter-spacing: -0.5px;}
.family_site{position: absolute;top: 18px;right: 0;border: 0px solid #c1c1c1;font-size: 14px;color: #656565;padding: 10px 15px;cursor: pointer;background: url('../images/common/select_arrow.gif') no-repeat 60px center;-webkit-appearance: inherit; /* width: 75px; */
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
}
select::-ms-expand {display:none}


/* main */
.main{position:relative;margin-top:110px;min-height:768px; width:100%;}
.company .wrap2{padding-top:60px; /* overflow:hidden; */}
.company .com_txt{margin-left:100px; float:left;width: 46%; position: relative;}
.company .com_txt span.tit{font-weight:300; font-size:14px; color:#fff; background:#000; padding:6px 15px; letter-spacing:0px; margin-bottom:15px;display: inline-block;}  
.company .com_txt h3{font-size:30px; color:#333;}
.company .com_txt > p{color: #8c8c8c; font-size: 13px; padding: 20px 30px;position: relative;}

.company .com_txt p.sub_t:before{position: absolute;content:'';top: 23px;left: 0;width:1px;height: 36px;background: #d2d2d2;}
.company .com_txt ul{padding-top: 15px;} 
.company .com_txt ul li{padding-left: 60px; padding-bottom:30px;}
.company .com_txt ul li.icon1{background:url(../images/main/section1_icon1.png) no-repeat left 5px;}
.company .com_txt ul li.icon2{background:url(../images/main/section1_icon2.png) no-repeat left 5px;} 
.company .com_txt ul li.icon3{background:url(../images/main/section1_icon2.png) no-repeat left 5px;}
.company .com_txt ul li .title{color:#333; font-size:17px; /*font-weight: 600;*/}
.company .com_txt ul li .subject{color:#939393; font-size:14px;}

.company .com_img{float:right; }
.page_main .company{background:url(../images/main/section1_bg.jpg) no-repeat center top; height:560px;}

.page_main #section2{padding: 60px 0;}
h3{font-size:35px; color:#000; font-weight:600;line-height: 35px;margin-bottom:30px;}
#section3 h3 {text-align:center;text-transform:uppercase;}
.products ul{overflow: hidden; padding-top: 10px;}
/* .products ul li{float:left;padding-left:20px;} */
.products ul li:first-child{padding-left:0;}
.products ul li p{font-size:19px; color:#080808; font-weight:600;}

.main_notice>h3{font-size: 28px;font-weight: normal;text-align: center;color: #fff;margin-bottom: 25px;background:url(../images/main/notice_title.gif) repeat-x left center;}
.main_notice>h3>span{background: #31354e; padding: 0 30px;}
.notice_wrap{position: relative;}
.page_main .section2_1{position: relative;float: left;width: 62%;height: 225px;background: #fff;}
.page_main .section2_1 .img{float: left;position: relative;width: 290px;height: 100%;text-align: center;overflow: hidden;}
.page_main .section2_1 .img>img{position: absolute;top: 0;left: 0;right: 0;width: auto;height: 100%;transition: all 0.5s ease,transform 1s ease;}
.page_main .section2_1:hover .img>img, .section2_1:focus .img>img{transform: scale(1.1, 1.1);}
.page_main .section2_1 .txt{background: #fff;height: 100%;padding-left: 290px;}
.page_main .section2_1 .txt>a{display: block;/* height: 100%; */padding: 30px 25px;}
.page_main .section2_1 .txt>a>h4{font-size: 22px;color: #000;margin-bottom: 15px;}
.page_main .section2_1 .txt>a:hover>h4,.section2_1 .txt>a:focus>h4{color: #1c5894;}
.page_main .section2_1 .txt>a>p{font-size: 14px;color: #717171;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.page_main .section2_1 .txt>a:hover>p,.section2_1 .txt>a:focus>p{color: #000;}
.page_main .section2_2{float: right;width: 35%;}
.page_main .section2_2>li{position: relative;padding-left: 75px;height: 108px;background: #fff;}
.page_main .section2_2>li:first-child{margin-bottom: 10px;}
.page_main .section2_2>li>.data>strong{display: block;font-size: 26px;margin-top: 25px;}
.page_main .section2_2>li>.txt{}
.page_main .section2_2>li>.txt>a{display: block;padding: 20px;}
.page_main .section2_2>li>.txt h4{font-size: 19px;color: #000;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;}
.page_main .section2_2>li>.txt>a:hover>h4, .section2_2>li>.txt>a:focus>h4{color: #1c5894;}
.page_main .section2_2>li>.txt a p{display:block;font-size: 14px;line-height: 1.3em;color: #717171;height: 37px; width:90%;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.page_main .section2_2>li>.txt>a:hover>p, .section2_2>li>.txt>a:focus>p{color: #000;}
.page_main .section2_1 .txt>a>.data{position: absolute;bottom: 30px;display: block;font-size: 14px;color: #717171;}

/* visual */
.bx-wrapper .slider01 img{margin: -30px 0 0 -94px;}
.bx-wrapper .slider02 img{margin: -60px 0 0 -30px;}


.blind {
    position: absolute;
    top: -1000em;
    left: -1000em;
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.bx-wrapper .slider01, .bx-wrapper .slider02{height:475px;}

/* sub - our services */
/* 회사소개 */
table.tbl-guide caption{display:none;}
.sub2_1 h2, .sub2_2 h2, .sub9_1 h2{margin-top:50px;}
.sub9_1 h2.step1{margin-top:0px;}
.visual{position: absolute;left: 50%; width: 1200px;margin-left: -600px;}
.visual .btn{padding-top:70px;}
.visual .btn .b_left{}
.visual .btn .b_right{float: right;}

/* main#container {margin-top: 75px;} */
.contetns_wrap{max-width:1200px; margin: 0 auto;}
.sub_visual{width:100%; height:240px; background-position:center top; background-repeat: no-repeat;clear:both;}
.sub_visual h3{color: #fff; font-family: 'NanumSquareR',"Malgun Gothic",'Noto Sans',"맑은 고딕",Klavika, sans-serif; font-weight: bold; font-size: 40px; font-weight: 300; line-height:60px; letter-spacing: -2px;    text-align: center;}
.sub_visual h5{text-decoration: underline;color: #fff; font-family: 'NanumSquareR',"Malgun Gothic",'Noto Sans',"맑은 고딕",Klavika, sans-serif; font-weight: 100; font-size: 20px; padding:70px 0 15px 0; text-align: center;}
.visual1{background-image:url(../images/sub/visual1.jpg)}
.visual2{background-image:url(../images/sub/visual2.jpg)}
.visual3{background-image:url(../images/sub/visual3.jpg)}
.visual4{background-image:url(../images/sub/visual4.jpg)}
.visual5{background-image:url(../images/sub/visual5.jpg)}
.visual6{background-image:url(../images/sub/visual1.jpg)}
.visual7{background-image:url(../images/sub/visual1.jpg)}
.visual9{background-image:url(../images/sub/visual9.jpg)}



.sub_container{width:1200px; margin:0 auto;}
.nav_tab ul{overflow:hidden; margin:0 auto; text-align:center;margin-bottom:50px;border-left:0px solid #e21738;}
.nav_tab li {display:inline-block;font-size: 16px;line-height: 50px;/* border-right: 1px solid #e21738; */border-top: 1px solid #e21738;border-bottom: 1px solid #e21738;}
.nav_tab li a {font-size: 16px;padding: 0px 30px;line-height: 50px;display: inline-block;}
.nav_tab li a:hover, .nav_tab li a.on{background:#e21738;color:#fff;}

.sub_sec{clear:both;/*  padding:60px 0;     */overflow: hidden;}
/* .sub_sec.last_section{margin-bottom:100px;} */
.sub_sec div, .sub_sec p, .sub_sec a{font-family: 'NanumSquareR','Noto Sans',"Malgun Gothic","맑은 고딕",Klavika, sans-serif; }
/* .sub_sec .title {font-size: 32px; color: #232323; float:left; font-weight: 100; padding-bottom: 30px;width: 200px; letter-spacing: -3px;} */
.sub_sec .r_content {float:right;width: 890px;}
/* .sub_sec h3{font-size:26px; color:#1e1e1e; margin-bottom:40px;letter-spacing: -2px; font-weight: 400;} */
.sub_sec h3 span{color:#e4007f}
.sub_sec p{font-size:15px; line-height:26px; color:#444; letter-spacing: -0.5px;}
.sub_sec p strong{color:#e4007f}
#section1 .com1_1{background:url(../images/sub/com_1_1.jpg) no-repeat left top; height:236px;}

/* .page_sub1 #section2{background:#ededed} */
.sub_sec .sec2_map{background:url(../images/sub/com_1_2.png) no-repeat left top; height:385px; padding-left:620px;}
.sub_sec h2{font-size:34px; color:#1e1e1e; margin-bottom:25px;}
#section2 dt{border-left:2px solid #c2c2c2; padding-left:15px; font-size:18px; line-height:18px; color:#393939; width:130px; margin:10px 0; float:left}
#section2 dd{font-size:16px; color:#666; margin:10px 0; float:left; line-height:18px; width:420px;}

#section3 .history{background:url(../images/sub/history.png) no-repeat center top;height: 505px;}

#section4 .sec4_ceo{background:url(../images/sub/com_1_3.png) no-repeat left top; height:460px; padding-left:575px;}
#section4 h4{font-size:20px;color:#646464;font-weight: 100;margin-bottom: 30px;}
.page_sub1 #section4 h3{color:#fff; font-size:20px;}
#section4 h3 strong{text-decoration:underline}
.page_sub1 #section4 p{color:#6e6e6e; font-size:16px; line-height:26px;margin-bottom: 35px;}
#section4 .sign{background:url(../images/sub/ceo_sign.png) no-repeat left top;height: 23px;}


/* 공지사항 */
/* .page_sub1 #section8, .page_sub1 #section9{padding:50px 0;} */
ul.faq {clear:both; border-top: 2px solid #e4007f; overflow:hidden; padding-bottom:30px;}
.faq li {  }
.faq li.q {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; cursor: pointer;}
.faq li.q span.no {display:inline-block; width:15%; font-size:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.faq li.q span.contents {display:inline-block; width:85%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.faq li.q span.contents span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.faq li.a  {padding: 20px 30px; background: #e4007f; display: none; color:#fff; font-size: 15px; line-height: 23px;}
.faq li img{max-width:100%}
.faq li.a p{ color:#fff; font-size: 15px; line-height: 23px;}

ul.noticefaq {clear:both; border-top: 2px solid #e21738; overflow:hidden; padding-bottom:30px;}
.noticefaq li {  }
.noticefaq li.ntit {padding: 20px 0 ; font-weight: bold;border-bottom: 1px #ddd solid; cursor: pointer;text-align:center;}
.noticefaq li.ntit span.no {display:inline-block; width:15%; font-size:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.noticefaq li.ntit span.contents {display:inline-block; width:85%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.noticefaq li.ntit span.contents span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.noticefaq li.nans  {padding: 20px 30px; background:#e21738; display: none; color:#fff; font-size: 15px; line-height: 23px;}
.noticefaq li img{max-width:100%}
.noticefaq li.nans p{ color:#fff; font-size: 15px; line-height: 23px;}

ul.newsfaq {clear:both; border-top: 2px solid #e4007f; overflow:hidden; padding-bottom:30px;}
.newsfaq li {  }
.newsfaq li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; cursor: pointer;}
.newsfaq li.tit span.no {display:inline-block; width:15%; font-size:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.newsfaq li.tit span.contents {display:inline-block; width:85%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsfaq li.tit span.contents span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.newsfaq li.ans  {padding: 20px 30px; background: #e4007f; display: none; color:#fff; font-size: 15px; line-height: 23px;}
.newsfaq li img{max-width:100%}
.newsfaq li.ans p{ color:#fff; font-size: 15px; line-height: 23px;}

.coun{background:#d50e7c;padding:70px 0;text-align:center;}
.coun h5{font-size:20px;text-decoration:underline;margin-bottom:50px;color:#fff;text-align: center;}
.coun h2{font-size:50px;color:#fff;letter-spacing:-2px;margin-bottom:35px;text-align: center; }
.coun p{font-size:20px;color:#f7cfe5;line-height:26px; margin-bottom:45px}
.coun .btn_inquiry{font-size:28px;}
.coun .btn_inquiry a{color:#fff;padding: 25px 70px;  border:1px solid #fff; display: inline-block;}
.coun .btn_inquiry a:hover{background: #fff; color: #d50e7c;}



.select{position:relative;}
.select_default{width:99px}
.select_org{width:167px}
.select_btn{position:relative;display:block;vertical-align:top;height:34px;padding-left:10px;font-size:14px;color:#666;line-height:34px;border:1px solid #bbb;background:#fff;cursor:pointer}
.sel{position:relative;display:block;vertical-align:top;width:100%;height:31px;padding:6px 10px 5px;font-size:14px;color:#999;border:1px solid #ddd;background:url(../img/sel_arr.png) no-repeat 100% 50% #fff;cursor:pointer}
.select_btn:hover{color:#ff1414;}
.select_btn .sp_ir{position:absolute;top:0;right:0;width:34px;height:34px;background-position:-104px 0;border-left:1px solid #bbb;}
.select_lst{display:none;position:absolute;top:35px;left:0;right:0;border:1px solid #bbb;background:#fff;z-index:10}
.select_lst li{height:36px;line-height:36px;padding:0 10px}
.select_lst .lst_link{display:block;font-size:14px;text-transform:uppercase;color:#999;white-space:nowrap;}
.select_lst .lst_link:hover{text-decoration:none;color:#ff1414;}
.select.on .select_lst{display:block}

.search_date{display:inline-block;font-size:0;vertical-align:top}
.input_datepicker{position:relative;display:inline-block;vertical-align:top;}
.input_txt{display:inline-block;vertical-align:top;width:111px;height:34px;padding-left:10px;font-size:14px;line-height:34px;color:#666;border:1px solid #bbb;background:#fff}
.input_datepicker input{cursor:pointer;}
.btn_cal{position:absolute;top:0;right:0;width:34px;height:36px;}
.btn_cal .ico_cal{position:absolute;top:1px;right:1px;width:36px;height:34px;background-position:-140px 0}
.txt_bar{display:inline-block;width:5px;height:1px;margin:18px 4px 0;vertical-align:top;background:#aaa}
.ico_cal{width:140px;background-position:-140px 0;}


.btn_invert{color:#fff;border:1px solid #707070;background:#707070}
.btn_default{width:auto;padding:0 19px;color:#333;background:#fff}
.btn_point{width:auto;padding:0 19px;color:#fff;background:#ff1414;border-color:#ff1414}
.btn_l{width:120px;height:40px;line-height:40px}
.btn_l2{width:148px}
a.btn_l{width:118px;height:38px;line-height:38px}
a.btn_l2{width:146px}

.input_sel_area .select{float:left;margin-left:10px}
.input_sel_area .select:first-child{margin-left:0}
.input_sel_area .search_date{float:left;margin-left:10px}
.input_sel_area .btn{float:left;margin-left:10px}

.graph2{height:440px}

.input_radio{overflow:hidden;position:relative;display:inline-block;vertical-align:top;}
.input_radio input[type=radio]{position:absolute;top:0;left:-9999px}
.input_radio .lbl{display:block;height:14px;font-size:14px;line-height:16px;padding-left:20px;color:#666;}
.input_radio .ico_radio{position:absolute;top:0;left:0;width:14px;height:14px;vertical-align:top;background-position:-73px -34px}
.input_radio.on .lbl{font-weight:bold}
.input_radio.on .ico_radio{background-position:-89px -34px}
.input_chk{overflow:hidden;position:relative;display:inline-block;vertical-align:top;}
.input_chk input[type=checkbox]{position:absolute;top:0;left:-9999px}
.input_chk .lbl{display:block;height:16px;font-size:14px;line-height:16px;padding-left:20px;color:#666;}
.input_chk .ico_chk{position:absolute;top:0;left:0;width:14px;height:14px;vertical-align:top;border:1px solid #ddd;background-position:-9999px}
.input_chk.on .ico_chk{background-position:-73px -50px}

.period_sel_area{margin-bottom:20px}
.chk_lst{overflow:hidden;}
.chk_lst li{float:left;margin-left:30px}
.chk_lst li:first-child{margin-left:0}

.ir_input_top{padding-top:60px}
.ir_input_top .quarter_select{float:right}
.quarter_select .select{float:left;width:140px;margin-left:10px;}
.ir_input_top + .ir_article{padding-top:30px}
.ir_input_top + .ir_article .ir_tit_wrap{top:30px}
.ir_input_top > .select_default{float:right;margin-bottom:15px;}
.ir_tit_sub + .tbl_wrap{margin-top:16px}

.ir_iframe_0301{margin-top:60px;height:603px}
.ir_iframe_0302{margin-top:20px;height:603px}

/* popup */
.popup .wrap{width:800px;min-width:0}
.popup_header{height:100px}
.popup_header .pop_tit{padding:0 40px;font-size:26px;height:100%;font-weight:normal;line-height:100px;background:#000;color:#fff;background:#494949}
.popup_content{padding:40px 40px 0}
.popup_footer{padding:0 40px}
.pop_nav{position:static;width:100%;height:50px;margin-top:35px;border-bottom:1px solid #ddd}
.pop_nav_lst{font-size:0;text-align:center}
.pop_nav_item{display:inline-block;*display:inline;float:none;width:auto;min-width:0;height:50px;margin-left:80px;font-size:15px;letter-spacing:-1px;line-height:50px;*zoom:1}
.pop_nav_item a{height:50px}
.form_section{margin-top:50px;position:relative}
.form_section:first-child,fieldset:first-child .form_section{margin-top:0}
.pop_tit{font-size:20px;font-weight:normal;line-height:20px;}
.pop_tit + .required_txt{margin-top:8px}
.pop_sub_tit{margin-top:14px;font-size:20px;line-height:32px;text-align:center}
.pop_sub_txt{font-weight:normal}
.pop_lst_wrap{overflow:hidden;margin-top:35px;padding-bottom:39px;border-bottom:1px solid #ddd}
.pop_lst{float:left;width:360px}
.pop_lst li{margin-top:21px;padding-left:9px;background:url(../img/ico_dot.gif) no-repeat 0 5px;color:#666;font-size:14px;line-height:14px}
.pop_lst_wrap2{padding-top:40px;border-top:1px solid #ddd}
.pop_lst_wrap2 .pop_lst li{padding:0;background:0}
.pop_lst li:first-child{margin-top:0}
.pop_dsc{margin-top:34px;color:#666}
.pop_dsc + .tbl_wrap4{margin-top:34px}
.pop_dsc .pop_dsc_txt:first-child{margin-top:0}
.pop_dsc_txt{margin-top:34px;font-size:14px;line-height:26px}
.pop_dsc_txt + .pop_dsc_txt{margin-top:26px}
.pop_dsc .point{color:#ff1414}
.required_txt{margin:42px 0 9px;font-size:13px;color:#666;line-height:13px;text-align:right}
.required{color:#ff1414}
.required_txt + .tbl_form_wrap{margin-top:0}

.tbl_form_wrap{margin-top:30px;border:1px solid #ddd;border-width:1px 0}
.tbl_form_wrap .tbl_form{width:100%;table-layout:fixed;font-size:13px}
.tbl_form_wrap th,.tbl_form_wrap td{border-top:1px solid #ddd;text-align:left}
.tbl_form_wrap tr:first-child th,.tbl_form_wrap tr:first-child td{border-top:0}
.tbl_form_wrap th,.tbl_form_wrap td{font-weight:normal;border-top:1px solid #ddd}
.tbl_form_wrap th{padding:16px 0 16px 20px;font-size:14px;color:#666;background:#fafafa;letter-spacing:-1px;vertical-align:top}
.tbl_form_wrap thead th{height:30px;border-bottom:1px solid #ddd}
.tbl_form_wrap td{padding:10px;font-size:13px;color:#666}

.input_txt_wrap{display:inline-block;width:165px;vertical-align:top;border:1px solid #ddd}
.input_txt_wrap input{width:100%;padding:7px 10px;font-size:13px;box-sizing:border-box;color:#999;border:0}
.input_txt_wrap textarea{width:100%;padding:6px 10px;font-size:13px;box-sizing:border-box;color:#999;line-height:26px;vertical-align:top;border:0;resize:none;}
.input_txt_wrap + .select{display:inline-block;*display:block;margin-left:7px;zoom:1}
.input_txt_wrap + .select .select_btn{height:29px;line-height:30px}
.input_txt_wrap + .select .select_btn .sp_ir{width:30px;height:30px;background-position:-106px -2px}
.input_txt_wrap2{width:100%}
.btn_file{position:relative;display:inline-block;width:68px;border:1px solid #ccc;background:#fafafa;font-size:12px;color:#666;line-height:29px;text-align:center;vertical-align:top}
.btn_file .upload{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter: alpha(opacity=1)}
.input_wrap{font-size:0}
.input_wrap .input_txt_wrap{margin-right:5px}
.input_wrap .input_txt_wrap2{width:385px}
.input_txt_wrap3{width:auto}
.input_wrap span{vertical-align:middle}
.input_wrap .input_chk{margin-left:18px}
.input_wrap .input_anonymity{margin-left:5px}
.input_wrap .input_chk:first-child{margin-left:0}
.input_wrap .btn_del{position:static;width:68px;height:auto;margin-left:5px}
.input_wrap .btn_del .sp_ir{position:static;margin:0 0 0 5px;vertical-align:-1px}
.td_type td{height:31px}
.input_dsc{margin-top:6px;font-size:12px;color:#999;line-height:20px}
.txt_at{display:inline-block;margin-top:8px;padding:0 2px;font-size:12px;color:#999;vertical-align:top}

.tbl_form_wrap .select_btn,.tbl_form_wrap .select_btn .sp_ir{border-color:#ddd;color:#999}
.tbl_form_wrap .select_btn:hover{text-decoration:none;color:#ff1414}
.tbl_form_wrap .size_fix{width:168px}
.tbl_form_wrap .last{text-align:center}

.tbl_form2 th,.tbl_form2 td{border-left:1px solid #ddd}
.tbl_form2 th{padding:10px 0 10px 20px;vertical-align:middle}
.tbl_form2 th:first-child,.tbl_form2 td:first-child{border-left:0}
.tbl_form3 th{line-height:20px}

.popup_terms{position:relative}
.popup_terms .pop_dsc{margin-top:21px}
.terms_wrap{margin-top:50px;color:#999}
.terms_privacy{padding-bottom:33px;border-bottom:1px solid #ddd;font-size:14px;line-height:26px}
.terms_privacy .terms_tit{margin:32px 0 22px}
.terms_privacy .terms_tit + .terms_txt{margin-top:0}
.terms_privacy .terms_txt{margin-top:22px}
.terms_privacy .terms_lst{position:relative;margin-top:20px;padding-left:10px;font-size:14px;text-indent:0}
.terms_privacy .terms_lst span{position:absolute;left:0}
.terms_tit{font-size:16px;color:#666;line-height:16px}
.terms_privacy .terms_lst2{margin-top:22px;padding:0}
.terms_privacy .terms_lst2 li{margin-top:20px}
.terms_privacy .terms_lst2 li > .terms_lst li{margin-top:0}
.terms_privacy .terms_lst3 li{margin-top:0}
.terms_privacy .terms_depth_lst{margin-top:0}
.terms_txt_wrap{margin-top:19px;padding:13px 20px 12px;border:1px solid #ddd;line-height:26px}
.terms_txt{font-size:14px}
.terms_lst{margin:11px 0 9px;font-size:13px;text-indent:8px}
.terms_agree{margin-top:10px}
.terms_wrap .tbl_wrap{margin-top:33px}
.terms_wrap .tbl_wrap th,.terms_wrap .tbl_wrap td{text-align:left}
.terms_wrap .tbl_wrap th{padding:0 0 0 30px;color:#333}
.terms_wrap .tbl_wrap td{height:auto;padding:25px 0 25px 30px;line-height:24px}
.manager_wrap{overflow:hidden;margin-top:33px}
.manager{float:left;width:360px;padding-bottom:22px;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
.manager dt{margin-bottom:25px;padding:10px 0 6px 30px;border-bottom:1px solid #ddd;background:#fafafa;color:#333;line-height:22px}
.manager strong{margin-right:19px}
.manager dd{padding-left:30px;color:#666;line-height:24px}
.privacy_prev_link{display:inline-block;margin-top:31px;font-size:14px;color:#999;line-height:14px}
.privacy_prev_link .sp{width:7px;height:11px;margin-left:6px;background-position:-228px 0}
.popup_content .privacy_prev_link{position:absolute;top:6px;right:0;margin-top:0}
.pop_tit_info{position:absolute;top:0;right:0;z-index:10}
.popup_content .input_chk .lbl{font-size:13px;font-weight:normal;color:#999}
.btn_del{position:relative;width:34px;height:34px;vertical-align:middle;text-align:center}
.btn_del .sp_ir{position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-5px 0 0 -5px;background-position:-89px -52px}
.form_section .txt_dsc{margin-top:10px;height:27px;line-height:27px;text-align:right;font-size:13px;color:#999}
.form_section .txt_dsc button{padding:0 13px;height:27px;font-size:13px;vertical-align:middle;color:#999;border:1px solid #ddd}
.btn_foot_area{margin-top:30px;padding-bottom:40px;text-align:center}
.btn_foot_area .btn{margin-left:10px}
.btn_foot_area .btn:first-child{margin-left:0}
.btn_foot_area + .pop_notice{margin-top:0}
.pop_notice{margin:40px 0;padding:20px;background:#fafafa;font-size:14px;letter-spacing:-1px;line-height:14px;text-align:center}
.pop_notice_txt{color:#999}
.ico_notice{width:16px;height:16px;margin-right:6px;background-position:-201px 0;vertical-align:-4px}
.ico_advice{width:18px;height:14px;margin-right:8px;background-position:-144px -104px;vertical-align:-2px}
.pop_notice_link{display:inline-block;margin-top:19px;color:#666}
.pop_notice_link .ico_more{width:7px;height:11px;margin-left:5px;background-position:-219px 0;vertical-align:-1px}

.m_tel{display:none;}


.dataline2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.8em; max-height: 3.0em; word-wrap:normal; text-overflow:ellipsis; overflow:hidden; }
.dataline3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.8em; max-height: 5.0em; word-wrap:normal; text-overflow:ellipsis; overflow:hidden; }


/* main_ slide */
#touchSlider {
    width: 100%;
    height: 560px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding-bottom: 240px;
}
#touchSlider ul { width:99999px; height:532px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { float:left; width:100%; height:532px;background-size: cover;background-position-x: center;}
.btn_area button { display:block; width:32px; height:32px;}
.btn_area button.btn_prev { float:left;  background:url(../images/main/section3_btn_prev.png);}
.btn_area button.btn_next { float:right;  background:url(../images/main/section3_btn_next.png);}

.btn_area .btn_page { display:inline-block; width:10px; height:10px; margin:3px; font-size:0px; line-height:0; text-indent:-9999px; background:#3399CC; }
.btn_area .btn_page.on { background:#ff0000; }
#touchSlider .inno_wrap {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 463px;
    left: 0;
    display: inline-block;
}
#touchSlider .inno_cont {
    background: #f7f7f7;
	text-align: left;
}
.inno_cont h5 {
    font-size: 23px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 23px 35px;
    background: #fff;
    color: #373737;
}
.inno_wrap .inno_cont p {
    font-size: 17px;
    line-height: 22px;
    color: #949694;
    letter-spacing: 0;
    min-height: 170px;
    width: 70%;
    padding: 30px;
    box-sizing: border-box;
}
.inno_cont.wrap div {
    max-height: 170px;
}
.btn_more {
    background: #211810;
    border-radius: 50px;
    width: 130px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    padding: 10px 0;
    position: absolute;
    top: 55px;
    right: 30px;
}
a.inno_tx {
    display: inline-block;
    width: 100%;
    position: relative;
}
#section3 > div {
	position:relative;
}
.btn_area {
    position: absolute;
    bottom: 282px;
    left: 50%;
    margin-left: 500px;
	width: 64px;
}

#touchSlider .touchSlider li {float: none; display: block; position: absolute; top: 0px; left: 0px; width: 311px; }

