@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);

#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:'NanumSquareR','Noto Sans',"Malgun Gothic","맑은 고딕",Klavika, sans-serif;font-size:16px;color:#444;-webkit-text-size-adjust:none;letter-spacing: -1px;min-width: 340px;}
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;}

/* GNB */
/* header */
#header{position: fixed;z-index: 9;top: 0;width: 100%;background: #01A9DC;}
.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: 68px; } /* height: 85px; */
.logo{display: inline-block;margin-top: 25px;}

/* lnb */
#header #lnb.nav-fostrap {position: absolute; margin:0 auto; width:1200px; } /* top: 7px; */
#header #lnb.nav-fostrap ul {margin: 0;}
#header #lnb.nav-fostrap>ul>li {position: relative; display: inline-block; width:19%; text-align:center; }
#header #lnb.nav-fostrap>ul>li:hover a, #header #lnb.nav-fostrap>ul>li:focus a{text-decoration: none;color: #fff;font-weight: bold; background:#31B6F4; }
#header #lnb.nav-fostrap>ul>li>a {display: block; padding: 13px 15px; margin: 0px 0; font-size: 15px; color: #fff;font-weight: bold; letter-spacing:0px;}
#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.current a{text-decoration: none;color: #fff;font-weight: bold; background:#31B6F4; }

.logo_wrap{ position: relative; margin:0 auto; width:100%; height:174px; text-align:center; background:#F6F5F3; margin-top:68px; padding:0px 0; }
.logo_wrap h1 { text-align:center; }

/* footer */
#footer{background-color: #5D5855;padding-bottom: 70px; }
#footer a {position: relative; display: inline-block; color: #fff;}
.addr{padding-top: 35px;}
.addr>span {padding: 0 15px; color: #fff;}
.addr>span:first-child {font-size: 15px;padding-left: 0;}
.mail{padding-top: 5px;}
.mail>span {padding: 0 15px; color: #fff;}
.mail>span:first-child {font-size: 15px;color: #fff;padding-left: 0;}
.copyright{font-size: 14px;color: #fff;margin-top: 4px;}
.family_site{position: absolute;top: 35px;right: 0;width: 175px;border: 1px solid #c1c1c1;font-size: 14px;color: #fff;padding: 10px 15px;cursor: pointer;background: #e6e6e6 url('../images/common/select_arrow.gif') no-repeat 150px center;-webkit-appearance: inherit;}

/* main */
.main{position:relative;margin-top:110px;min-height:768px; width:100%;}
.page_main .box { margin:0 auto; width:100%; text-align:center; }
.page_main .box>h2 { font-size:23px; color:#1e1e1e; font-weight:700; margin:25px 0; text-align:center; }
.page_main .quick_menu{ clear:both; width:100%; background: #fff;padding: 40px 0px;  margin-top: 5px; text-align: center;overflow:hidden;  }
.page_main .quick_menu>ul>li{display:inline-block; width: 23%; height:230px; vertical-align:top; margin:0 5px;  }
/* .page_main .quick_menu>ul>li>a{display: block;transition: all .3s ease-in-out;}
.page_main .quick_menu>ul>li>a:hover, .quick_menu>ul>li>a:focus{transform: translate(0, -10px);} */
.page_main .quick_menu>ul>li>a>img{ }
.page_main .quick_menu>ul>li>a:hover>img, .quick_menu>ul>li>a:focus>img{}
.page_main .quick_menu>ul>li>a>span.title{display: block; font-weight: 600; font-size: 17px; color: #000; margin-top: 15px;}
.page_main .quick_menu>ul>li>a>span.sub{display: block; font-weight: 600; font-size: 15px; color: #000; margin-top: 10px;}
.page_main .quick_menu>ul>li>a:hover>span, .quick_menu>ul>li>a:focus>span{color: #2179ea;}

.main_service { clear:both; margin:0 auto; width:100%; text-align:center; background:#141416; overflow:hidden; }
.main_service .quick_icon{ padding:25px 0px; margin-top: 5px; }
.main_service .quick_icon>ul { overflow:hidden; }
.main_service .quick_icon>ul>li{float: left; width: 16.6%; text-align: center;}
.main_service .quick_icon>ul>li>span{display: block; font-weight: 600; font-size: 17px; color: #fff; margin-top: 15px;}

.main_gallery { clear:both; margin:0 auto; width:100%; text-align:center; background:#F6EAD1; overflow:hidden; }
.main_gallery>h2 { font-size:23px; color:#1e1e1e; font-weight:700; margin:20px 0 10px 0; text-align:center; }
.main_gallery .quick_img{ padding:25px 0px; }
.main_gallery .quick_img>ul { overflow:hidden; }
.main_gallery .quick_img>ul>li{float: left; width: 19%; padding:0 5px; text-align: center;}
.main_gallery .quick_img>ul>li>span{display: block; font-weight: 600; font-size: 17px; color: #000; margin-top: 15px;}

.page_main #section2{background: #F3F3F3;padding: 40px 0; overflow:hidden;}
.main_guide{}
.main_guide>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_guide>h3>span{background: #31354e; padding: 0 30px;}
.guide_wrap{position: relative;}

.page_main .section2_1{position: relative;float: left;width: 40%; }
.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: 57%;}
.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{position: absolute;width: 75px;height: 100%;left: 0;top: 0;background: #787a82 url('../images/main/notice_bg.gif');text-align: center;font-size: 12px;color: #fff;}
.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;}



/* 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: 0px;}
.contetns_wrap{max-width:1200px; margin: 0 auto;}
.main_visual{width:100%; clear:both;}
.main_visual .mslider01>img{width:100%; background-position:center top; background-size: cover; background-repeat: no-repeat; }

.sub_visual{width:100%; height:240px; background-position:center top; background-repeat: no-repeat; margin-bottom: 30px; 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/banner.jpg); background-size: cover; background-position:center center; }
.visual2{background-image:url(/images/banner.jpg); background-size: cover;}
.visual3{background-image:url(/images/banner.jpg); background-size: cover; background-position:center center; }
.visual4{background-image:url(/images/banner.jpg); background-size: cover;}
.visual5{background-image:url(/images/banner.jpg); background-size: cover;}

.slider01 img { background-size: cover; background-position:center center; }



.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: 18px;line-height: 60px;/* border-right: 1px solid #e21738; */border-top: 1px solid #e21738;border-bottom: 1px solid #e21738;}
.nav_tab li a {font-size: 18px;padding: 0px 40px;line-height: 60px;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:16px; line-height:26px; color:#444; letter-spacing: -0.5px;margin-bottom:15px;}
.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;}
#section4 h2{color: #e4007f;font-size:34px;font-weight: 300;margin-bottom: 35px;}
.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;}

.cate_view {overflow: hidden;}
/*
.cate_view .cate_img{float:left; width:565px; height:375px;}
.cate_view .cate_img img{width:565px; height:375px;}
*/
.cate_view .cate_img{float:left; width:565px; height:auto; }
.cate_view .cate_img img{width:565px; height:auto; }

.cate_contents{float:right;width:600px;overflow:hidden;border-top: 3px solid #000;border-bottom: 1px solid #000;}
.cate_contents h2{font-size:34px; line-height:80px; border-bottom:1px solid #b2b2b2;font-weight: 300; padding-left: 15px;}
.cate_contents ul{overflow:hidden; padding: 15px 0;}
.cate_contents li {font-size:16px; color:#767676; }
.cate_contents li span{}
.cate_contents li span.title{color: #2e2e2e; padding: 6px 0 6px 40px; background-position: 20px center; background-repeat: no-repeat; width: 80px;}
.cate_contents li span.title1{background-image:url("../images/sub/sub2_icon1.png")}
.cate_contents li span.title2{background-image:url("../images/sub/sub2_icon2.png")}
.cate_contents li span.title3{background-image:url("../images/sub/sub2_icon3.png")}
.cate_contents p{color:#767676; font-size:16px; padding: 13px 0 13px 17px; line-height: 24px; border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;}
.page_sub2
.cate_contents span{display:inline-block}
.btn_coun { padding: 25px 0 20px; text-align: right;}
.cate_contents .btn_coun a{font-size: 24px; padding: 16px 35px 16px 70px; background: #e4007f url(../images/sub/icon_write.png) no-repeat 35px center; border: 1px solid #bd1472; display: inline-block; color: #fff; border-radius: 4px;}
.cate_contents .btn_coun a:hover{text-decoration: none; background: #af0865 url(../images/sub/icon_write.png) no-repeat 35px center; border: 1px solid #8c1055;}

.btn_coun_cancel { margin:0 auto; width:100%; padding: 25px 0 20px; text-align:center; display:none; }
span.btn_coun_cancelBtn { display:block; padding:0px; margin-top:10px; }
span.btn_coun_cancelBtn button {	font-size: 23px; font-weight:700; color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #aa0000;	background-color: #aa0000; width: auto;	padding: 17px 35px;	cursor: pointer; -moz-border-radius: 3px; /*모질라*/ -webkit-border-radius: 3px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 3px; } 

.cate_btn { text-align: right; padding:40px 0;}
.cate_btn .btn_list a{font-size:16px; color:#232323; background:#e4e4e4; border:1px solid #b7b7b7; padding:12px 30px; border-radius: 4px; display: inline-block;
    margin-bottom: 20px;}
.cate_btn .btn_list a:hover{text-decoration: none;background: #c5c5c5; border: 1px solid #9a9a9a;}

.masonry-thumbs { position: relative; }

.masonry-thumbs a {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.col-2 a { width: 50%; }

.masonry-thumbs.col-3 a { width: 33.30%; }

.masonry-thumbs.col-4 a { width: 25%; }

.masonry-thumbs.col-5 a { width: 20%; }

.masonry-thumbs.col-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

.masonry-thumbs img {
	width: 100%;
	border-radius: 0 !important;
	padding: 0 1px 1px 0;
}

.masonry-thumbs .overlay { padding: 0 1px 1px 0; }



.well .line {
	margin: 20px 0;
	border-color: #E5E5E5;
}



.page-title-right #portfolio-navigation {
	left: 10px;
	right: auto;
}

.page-title-center #portfolio-navigation {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px auto 0;
}













/* 갤러리 */
.page_sub6 .nav_tab ul{width: 506px;}
.page_sub6 .list-item .item-overlay .title{width:200px;}
.page_sub6 .view_txt{ text-align: center;}

/* paging */
.pagination {clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 17px; margin-bottom: 50px;}
.pagination li{float:left}
.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #999; color: #fff;}
.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}


/* 예약문의 */
.page_sub7 .l_tel{margin-top: 65px; }
.page_sub7 #sub_container .l_tel span{width:45px; height:2px; display:block; background:#000; margin-bottom:10px}
.page_sub7 #sub_container .l_tel p{font-size: 20px; color: #232323; text-align: left; line-height: 40px; margin: 0;}
.page_sub7 #sub_container .l_tel h3 a{font-size:32px;color:#232323; font-weight:bold;}
.page_sub7 .s_txt{ font-size: 13px;}
.page_sub7 .s_txt span.star{ float:none; width:100%;margin-right: 0px;}
.page_sub7 dl{border-top:2px solid #000;overflow: hidden;}
.page_sub7 dt{width:16%; padding-left: 4%; float: left; color:#3c3c3c; font-size:18px; height:60px; line-height:60px; border-bottom:1px solid #bdbdbd; background:#ebebeb;}
.page_sub7 dd{width:80%; float: left;  height:60px; line-height:60px; border-bottom:1px solid #bdbdbd;}
.page_sub7 dd:last-child, .page_sub7 dd.last {height:300px;}
 .page_sub7 dt.last{height:320px;}
.page_sub7 dd.last{padding:10px 0px;}
span.star{color: #e4007f; float:right; font-size: 13px;margin-right: 20px;}
.page_sub7 .input1{border:1px solid #c6c6c6; height:34px; padding:0 10px; margin-left:30px;width: 60%;vertical-align: middle;}
.page_sub7 input[type=image]{vertical-align: middle;}
.page_sub7  .textarea{width:90%; height:290px;}
.page_sub7  .btn_coun{text-align:center;}
.page_sub7  .btn_coun a{    font-size: 24px;
    padding: 16px 35px 16px 35px;
    background: #e4007f ;
    border: 1px solid #bd1472;
    display: inline-block;
    color: #fff;
    border-radius: 4px;}
.page_sub7  .btn_coun a:hover{text-decoration: none;
    background: #af0865 ;
    border: 1px solid #8c1055;}




.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;}
.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; }