@charset "utf-8";

/*_____ web font _____*/
@font-face {
  font-family: 'Noto Sans KR'; 
  font-style: normal;
  font-weight: 300; 
  src: url(../fonts/NotoSans-Light.woff2) format('woff2'), 
  url(../fonts/NotoSans-Light.woff) format('woff'), 
  url(../fonts/NotoSans-Light.otf) format('opentype'); 
}
@font-face {
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../fonts/NotoSans-Regular.woff2) format('woff2'), 
  url(../fonts/NotoSans-Regular.woff) format('woff'), 
  url(../fonts/NotoSans-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR'; 
  font-style: normal;
  font-weight: 500; 
  src: url(../fonts/NotoSans-Medium.woff2) format('woff2'), 
  url(../fonts/NotoSans-Medium.woff) format('woff'), 
  url(../fonts/NotoSans-Medium.otf) format('opentype'); 
}
@font-face {
  font-family: 'Noto Sans KR'; 
  font-style: normal;
  font-weight: 700; 
  src: url(../fonts/NotoSans-Bold.woff2) format('woff2'), 
  url(../fonts/NotoSans-Bold.woff) format('woff'), 
  url(../fonts/NotoSans-Bold.otf) format('opentype'); 
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
html, body {height:100%;}
body,input,select,textarea,button{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color:#333;}
textarea{resize:none}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse}
ul,ol,li,dl,dt,dd{list-style:none}
img,fieldset,iframe{border:0 none}
img {max-width:100%;vertical-align:middle}
input,select,textarea,button{font-size:100%;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}

/* base - a */
a:link, a:active {text-decoration:none; color:#333;}
a:hover, a:focus {text-decoration:none;}

/* base - common */
.hide,hr,legend,caption,figcaption{position:absolute; top:-9999px; left:-9999px; height:1px; width:1px; overflow:hidden; text-indent:-9999px; visibility:hidden;}
caption.blind{position:relative;}
.ellipsis {/* display:block; */text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* Layout */
#wrap {width: 100%; }
#header {width: 100%; padding-top: 47px;}
#footer {width: 100%;}

/* header */
.header_wrap {position: fixed; top: 0;left: 0; width: 100%; height: 47px; background-color: #fff; z-index: 1000; border-bottom: 1px solid #d0d0d0;}
.header_wrap:after {content: ""; display: block; clear: both;}
.header_line {position: absolute; top: 47px; left: 0; width: 100%; height: 1px; background-color: #d0d0d0;}
.header_wrap_inner {position: relative; width: 100%; margin: 0 auto;}
.logo {position: absolute; top: 0; left: 0; padding: 5px 5px 0 5px;}
.gnb {float: right; margin-top: 10px; margin-right: 5px;}
.gnb > li {position: relative; float: left; margin-left: 10px; padding: 5px 3px 0 3px; font-size: 14px;}
.gnb > li.on {border-bottom: 3px solid #d0112b;}
.gnb > li a {color: #333;}
.two_depth {position: absolute; top: 42px; width: 112px; text-align: left; opacity: 0; filter: alpha(opacity=0); display: none;}
.two_depth li {margin-bottom: 3px; font-size:13px; color: #666; font-weight: 300;}
.two_depth li a:hover {color:#d0112b;}

/* footer */
#footer {position: relative; height:85px; background: #ffffff; z-index: 1000; border-top: 1px solid #cccccc;}
.footer_inner {position: relative; width: 100%; margin: 0 auto;}
.footer_inner:after {content: ""; display: block; clear: both;}
.footer_logo {float: left; padding:0 0 0 0; padding-top: 15px; padding-left: 5px;}
.address {float: right;padding-top: 0; padding-right: 7px; font-size: 13px; color: #666666;}
.address li {position: relative; display: inline; margin-left: 7px; padding-left: 10px;}
.address li:before {position: absolute; content: ""; width: 1px; height: 12px; background: #e8e8e8; top: 5px; left: 0;}
.address li:first-child{margin-left: 0; padding-left: 0;}
.address li:first-child:before{display: none;}
.copy {float:left; width:100%; margin-left: 4px; margin-top: 4px; font-size:13px; text-align:center;}
.btn_top {width: 30px; position: fixed; bottom: 40px; right: 30px; opacity:0; filter:alpha(opacity=0); z-index: 100;}
.btn_top img {width: 30px;}

@media (min-width: 1400px){
  .btn_top {right: unset; left: 50%; margin-left: 620px;}
}

/*sub*/
#container{}
.sub_visual_wrap {position: relative; width: 100%; height: 130px; text-align: center; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); padding-top: 10px;}
.sub_visual_wrap h2{font-size: 50px; color: #fff; font-weight: 400;}
.sub_visual_wrap p{font-size: 20px; color: #fff; font-weight: 300; letter-spacing: 4px;}
.img_ct {text-align: center; margin: 0 1%;}
.bg_gray {background: #f6f6f6;}
.pb_120 {padding-bottom: 120px;}
.pb_30 {padding-bottom: 30px;}
.pt_100 {padding-top: 100px;}

/*sub-img*/
.visual01 {background: url(../images/sub/sub_visual01.jpg) center center no-repeat}
.visual02 {background: url(../images/sub/sub_visual02.jpg) center center no-repeat}

/* sub container */
.sub_title_wrap {width: 100%; padding: 15px 0 15px; text-align: center; color: #333; word-break: keep-all;}
.sub_title_wrap h3 {position: relative; margin-bottom: 5px; font-size: 30px; font-weight: 400;}
.sub_title_wrap p {font-size: 15px; line-height: 1.76; font-weight: 400;}
.sub_title_wrap h3::after {content: ""; width: 6px; height: 6px; margin-left: 10px; background: #d0112b; position: absolute; bottom: 12px;}
.content_wrap {width: 100%; height: auto; margin: 0 auto;}

/*overview*/
.con_box {width: 100%; margin: 0 auto;}
.con_box:after, .box_list:after, .business_list:after {content: ""; display: block; clear: both;}
.box_list {border-top: 4px solid #333333; padding-bottom: 20px;}
.box_list li {width: 33.3%; height: 160px; text-align: center; box-sizing: border-box; float: left; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.box_list li i {width: 60px; height: 60px; margin-top: 5px; margin-bottom: 5px; display: inline-block;}
.box_list li:nth-child(1) i {background: url(../images/sub/icon_overview.png) left top no-repeat;}
.box_list li:nth-child(2) i {background: url(../images/sub/icon_overview.png) -60px top no-repeat;}
.box_list li:nth-child(3) i {background: url(../images/sub/icon_overview.png) -120px top no-repeat;}
.box_list li:nth-child(4) i {background: url(../images/sub/icon_overview.png) -180px top no-repeat;}
.box_list li:nth-child(5) i {background: url(../images/sub/icon_overview.png) -240px top no-repeat;}
.box_list li:nth-child(6) i {background: url(../images/sub/icon_overview.png) left -60px no-repeat;}
.box_list li:nth-child(7) i {background: url(../images/sub/icon_overview.png) -60px -60px no-repeat;}
.box_list li:nth-child(8) i {background: url(../images/sub/icon_overview.png) -120px -60px no-repeat;}
.box_list li:nth-child(9) i {background: url(../images/sub/icon_overview.png) -180px -60px no-repeat;}
.box_list li:nth-child(10) i {background: url(../images/sub/icon_overview.png) -240px -60px no-repeat;}
.box_list li strong, .box_list li strong a {font-size: 14px; display: block; margin: 0 auto 12px; color: #da291c; font-weight: 500;}
.box_list li p {line-height: 24px; font-weight: 400; font-size: 13px;}

.img_box {width: 100%; height: auto; box-sizing: border-box; padding: 25px 0; background: url(../images/sub/overview_bg.jpg) center no-repeat;}
.img_box dl {width: 100%; height: auto; margin: 0 auto; text-align: left;}
.img_box dt {width: 80px; height: 80px; background: #da291c; padding: 30px 0 0 0; text-align: center; box-sizing: border-box; font-size: 13px; font-weight: 500; color: #fff; float: left; position: relative; margin-left:1%;}
.img_box dt::after {content: ""; width: 15px; height: 2px; margin-top: -1px; background: #fff; display: block; position: absolute; top: 50%; right: -10px;}
.img_box dd {height: 100%; padding-left: 25px; display: table;}
.img_box dd ul {display: table-cell; vertical-align: middle; font-size: 14px; color: #ffffff; line-height: 25px;}
.img_box dd ul li::before {float: left; width: 3px; height: 3px; margin: 18px 10px 0 0; background-color: #da291c; content: "";}

/* history */
.history_list {position: relative; margin: 0 1%;}
.history_list:before {content:''; width:1px; height:100%; background:#d0112b; position:absolute; left:50%; top:0px;}
.history_list ul {position: relative; padding: 35px 0 50px;}
.history_list ul:before {content:''; width:5px; height:5px; background:#d0112b; position:absolute; left:50%; top:0; margin-left:-2px;}
.history_list ul:after {content:''; width:5px; height:5px; background:#d0112b; position:absolute; left:50%; bottom:0; margin-left:-2px;}
.history_list ul li {position:relative; padding: 0 0 0 50%;}
.history_list ul li .year_wrap {position:relative;}
.history_list ul li.h_left {text-align:right; padding: 0 50% 0 0;}
.history_list ul li.h_left .year_wrap {padding-right:40px;}
.history_list ul li.h_left .year_wrap:before {content:''; width:5px; height:5px; border:1px solid #d0112b; background:transparent; position:absolute; right:-4px; top:8px; z-index:2;}
.history_list ul li.h_left .year_wrap:after {content:''; width:30px; height:1px; position:absolute; right:0; top:11px; border-top:1px solid #d1d1d3;}
.history_list ul li.h_right {text-align:left;}
.history_list ul li.h_right .year_wrap {padding-left:40px;}
.history_list ul li.h_right .year_wrap:before {content:''; width:5px; height:5px; border:1px solid #d0112b; background:transparent; position:absolute; left:-3px; top:8px; z-index:2;}
.history_list ul li.h_right .year_wrap:after {content:''; width:30px; height:1px; position:absolute; left:3px; top:11px; border-top:1px solid #d1d1d3;}
.history_list ul li .year_wrap .year {font-size:20px; color:#da291c; line-height:21px; margin-bottom:25px; font-weight: 700;}
.history_list ul li .year_wrap .year_txt {font-size:13px; line-height:20px; letter-spacing: -0.5px; word-break: keep-all;}

/*business*/
.business_list {padding-bottom: 30px;}
.business_list > li { width:49.5%; height: 420px; box-sizing: border-box; float: left; border: 1px solid #dfdfdf; margin-left:1px;}
.business_list > li i {width: 100%; height: 280px; margin-bottom: 10px; display: inline-block;}
.business_list > li:nth-child(1) i {background: url(../images/sub/img_bn01.jpg) center center no-repeat;}
.business_list > li:nth-child(2) i {background: url(../images/sub/img_bn02.jpg) center center no-repeat;}
.business_list > li:nth-child(3) i {background: url(../images/sub/img_bn03.jpg) center center no-repeat;}
.business_list > li:nth-child(4) i {background: url(../images/sub/img_bn04.jpg) center center no-repeat;}
.business_list > li strong {font-size: 15px; display: block; margin: 2px auto 0; color: #333; letter-spacing: -0.5px; text-align:center;}
.business_list > li ul li {font-size: 13px; float: none; text-align: left; line-height: 20px; font-weight: 400; padding-top: 2px; color: #666666; position: relative; padding-left: 10px; letter-spacing: -0.5px; word-break: keep-all;}
.business_list > li ul li:before {content: ''; position: absolute; left: 5px; top: 10px; width: 3px; height: 3px; background: #d0112b;}

@media screen and (min-width: 500px){
	.business_list > li:nth-child(1) {margin-left: 8px;}
	.business_list > li:nth-child(3) {margin-left: 8px;}
	.business_list > li { width:49%; height: 560px; box-sizing: border-box; float: left; border: 1px solid #dfdfdf; margin-left:4px;}
	.business_list > li i {width: 100%; height: 420px; margin-bottom: 10px; display: inline-block;}
	.business_list > li:nth-child(1) i {background: url(../images/sub/img_bn01_l.jpg) center center no-repeat;}
	.business_list > li:nth-child(2) i {background: url(../images/sub/img_bn02_l.jpg) center center no-repeat;}
	.business_list > li:nth-child(3) i {background: url(../images/sub/img_bn03_l.jpg) center center no-repeat;}
	.business_list > li:nth-child(4) i {background: url(../images/sub/img_bn04_l.jpg) center center no-repeat;}
}

.slide_box {width: 100%; height: 270px; box-sizing: border-box; background:#ffffff; margin-bottom:30px;}
.slider01 {background:#4f4f4f url(../images/sub/slide01.jpg) left center no-repeat;}
.slider02 {background:#a393a6 url(../images/sub/slide02.jpg) left center no-repeat;}
.business_txt {width: 100%; height: 270px; margin: 0 auto; position: relative; color: #fff; padding-left:5px;}
.business_txt h4 {font-size: 15px; font-weight: 400; padding-top: 30px;}
.business_txt .tit_eng {font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.5px;}
.business_txt .tit_summary {font-size: 14px; margin-top: 15px; font-weight: 300;}

/*partners*/
.partners_list {border-top: 4px solid #333333;}
.partners_list li {width: 33.33333333333333%; height: 100px; text-align: center; box-sizing: border-box; float: left; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: #fff; display: table;}
.partners_list li p { display: table-cell; vertical-align: middle;}
.partners_list li:nth-child(3n) {border-right: 1px solid #dfdfdf;}

.partners_list > li:nth-child(1) p {background: url(../images/sub/logo_kt_s.png) center center no-repeat;}
.partners_list > li:nth-child(2) p {background: url(../images/sub/logo_cj_s.png) center center no-repeat;}
.partners_list > li:nth-child(3) p {background: url(../images/sub/logo_galaxia_s.png) center center no-repeat;}
.partners_list > li:nth-child(4) p {background: url(../images/sub/logo_cgv_s.png) center center no-repeat;}
.partners_list > li:nth-child(5) p {background: url(../images/sub/logo_megabox_s.png) center center no-repeat;}
.partners_list > li:nth-child(6) p {background: url(../images/sub/logo_lottecinema_s.png) center center no-repeat;}
.partners_list > li:nth-child(7) p {background: url(../images/sub/logo_initech_s.png) center center no-repeat;}
.partners_list > li:nth-child(8) p {background: url(../images/sub/logo_settlebank_s.png) center center no-repeat;}
.partners_list > li:nth-child(9) p {background: url(../images/sub/logo_medicom_s.png) center center no-repeat;}

@media screen and (min-width: 500px){
	.partners_list li {height: 150px;}
	.partners_list > li:nth-child(1) p {background: url(../images/sub/logo_kt.png) center center no-repeat;}
	.partners_list > li:nth-child(2) p {background: url(../images/sub/logo_cj.png) center center no-repeat;}
	.partners_list > li:nth-child(3) p {background: url(../images/sub/logo_galaxia.png) center center no-repeat;}
	.partners_list > li:nth-child(4) p {background: url(../images/sub/logo_cgv.png) center center no-repeat;}
	.partners_list > li:nth-child(5) p {background: url(../images/sub/logo_megabox.png) center center no-repeat;}
	.partners_list > li:nth-child(6) p {background: url(../images/sub/logo_lottecinema.png) center center no-repeat;}
	.partners_list > li:nth-child(7) p {background: url(../images/sub/logo_initech.png) center center no-repeat;}
	.partners_list > li:nth-child(8) p {background: url(../images/sub/logo_settlebank.png) center center no-repeat;}
	.partners_list > li:nth-child(9) p {background: url(../images/sub/logo_medicom.png) center center no-repeat;}
}

/*popup*/
.blocker {z-index: 10000;}
.modal {padding:0; max-width: 430px;}
.modal a.close-modal {background-image: url(../images/common/ico_close.png); width: 40px; height: 40px; right: -15px; top: -15px;}