@charset "utf-8";
/* CSS Document */

#wrap {min-width:1100px; margin:0 auto;}

#header{width:100%; height:120px; background:#fff;}
.head {position:relative; width:1040px; height:120px; margin:0 auto;}
.head:after {clear:both; display:block; content:'';}

.gnb{float:right;}
.gnb ul {margin:10px 0;}
.gnb ul li{float:left; padding-left:12px; margin-left:12px; background: url("/images/main/gnb_bg_point.gif") left center no-repeat;  }
.gnb ul li:FIRST-CHILD{background: none;}
.gnb ul li a {font-size:12px; color:#333;}

.lnb h1{float:left; margin-top:21px;}
.lnb ul{float:right; margin:51px 0 0 0;}
.lnb ul li{float:left;}
.lnb ul li:FIRST-CHILD{background: none; padding:0;}
.lnb ul li a {font-size:20px; color:#333; font-weight:500; display:block; padding:0 75px 36px 0; letter-spacing:-0.8px;}
.lnb ul li:FIRST-CHILD a {padding-left:0;}
.lnb ul li.li_last a{padding-right:0;}
.lnb ul li a:HOVER{color:#495790;}

.slnb ul:before,
.slnb ul:after {float:left; width:16px; height:50px; box-sizing:border-box; content:'';}
.slnb ul:before {background:url("/images/common/bg_gnb_left_re.png") no-repeat left top;}
.slnb ul:after {background:url("/images/common/bg_gnb_right_re.png") no-repeat left top;}

.slnb ul {position:absolute; left:-50px; top:87px; z-index:99999999;}
.slnb ul.slnb01 {margin-left:399px;width:100%;}
.slnb ul.slnb02 {margin-left:500px;width:100%;}
.slnb ul.slnb03 {margin-left:438px;width:100%;}
.slnb ul.slnb05 {margin-left:882px;width:100%;}
.slnb ul li{float:left; background:#543e87;}
.slnb ul li a{padding:15px 20px 16px; font-size:13px; display:block; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);}
.slnb ul li a:hover {background:#e75293;}

/*---------- container ----------*/
#main_container{width:100%; background: #fff;}

#visual_wrap {width:100%; height:300px; overflow:hidden;}

.sub_visual {width:1100px; height:300px; margin:0 auto;}
.sub_visual h1,
.sub_visual h2 {text-shadow:0 0 2px rgba(0, 0, 0, 0.6);}
.sub_visual h1 {margin:48px 0 0 104px; font-family:"Montserrat", sans-serif; font-size:10px; letter-spacing:10px; color:#f4f4f4;}
.sub_visual h2 {margin:17px 0 0 100px; font-family:"Jeju Myeongjo", serif; font-weight:400; font-size:44px; letter-spacing:-0.5px; line-height:120%; color:#fff;}
.sub_visual h2 strong {display:block; color:#fff600; font-weight:400;}

.sub_visual01 {background:url("/images/sub/img_sub_visual01.jpg") no-repeat center top;}

.main_visual {width:100%; background: url("/images/main/bg_main.gif") repeat-x;}
.main_img {position:relative; width:100%;}
.main_img .epo {position:relative; width:100%; height:475px;}
.main_img .epo p {position:absolute; left:0; top:0; width:100%; height:475px;}
.main_img .main_roll {position:absolute; left:0; bottom:34px; width:100%; z-index:1;}
.main_img .main_roll ul {width:1040px; margin:0 auto; text-align:right;}
.main_img .main_roll li {display:inline-block; margin-right:5px; line-height:0;}
.main_img .main_roll li:last-child {margin:0;}

.container_lnb{width:100%; height: 235px; background: url("/images/main/bg_photo.gif") repeat-y center 0;}
.container_menu{width:1100px; height:235px; margin:0 auto; background: #fff;}

.business {width:259px; height:235px; border-left:1px solid #e5e5e5; padding-top:24px; display:block; float:left; background: url("/images/main/business_img.png") 136px 114px no-repeat;}
.business_title h2{font-size:20px; color:#324683; padding-left: 23px;}
.business_title p{margin-top:6px; font-size:13px; color: #4d4d4d; padding-left: 23px;}
.business ul{margin-top:36px; padding-left: 23px;}
.business ul li{padding-left:12px; background: url("/images/main/bg_business.gif") 2px no-repeat;}
.business ul li a{font-size:12px; color: #555; }
.business ul li a:HOVER{color: #0860a8; font-weight: bold;}

.notice{width:370px; height:235px; padding-top: 24px; background: #009fd9; float:left;}
.notice_title{padding:0 25px 5px 25px; clear: both;}
.notice_title h2{font-size:20px; color: #fff; float:left;}
.notice_title span{float: right; margin-top:2px;}
.notice ul{margin:23px 25px 0 25px;}
.notice ul li{margin-top:10px; padding-left:12px; background: url("/images/main/bg_noticse.gif") left no-repeat;}
.notice ul li:FIRST-CHILD{margin: 0;}
.notice ul li p{float:left; width:200px; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice ul li span{float:right; color: #fff; font-size:12px;}
.notice ul li a{color: #fff;  font-size:12px;}
.notice ul li a:HOVER{text-decoration: underline;}

.photo{width:370px; height:235px; background: #0860a8;}
.photo_title {margin-bottom:27px; margin-top:26px;}
.photo_title h2{float:left; font-size:20px; color: #fff; margin-left:25px;}
.photo_title ul{float:right; margin-top:4px;}
/*ie7*/:first-child+html .photo_title ul{margin-top:0px;}
.photo_title ul li{float:left; margin-left:9px;}
.photo_title ul li img{vertical-align: top;}

.photo .poto_box {position:relative; width:370px; height:235px;}
.photo .poto_box .poto_box_menu {position:absolute; left:0; top:0;}

.poto_box{margin-left:25px; clear: both;}
p.poto_text{ font-size: 12px; color: #fff; padding:0 40px 26px 0; float:left;}
.box_title{width:125px; padding-top:28px; display:block;}
.poto_year{padding-top:24px; display: block;}
.poto_img {float:right; width:180px;}
.photo .poto_img img{width:180px; height:135px;}

.poto_box .poto_box_menu:HOVER .box_title{text-decoration: underline; font-weight: bold;}

.nodata{color:#fff; margin-left:25px; padding-left:12px; background: url("/images/main/bg_noticse.gif") left no-repeat;}

.container_slnb{width:100%; background: #eeeeee;}
.container_menu02{width:1100px; height:235px; margin:0 auto;}
.icon{width:630px; background: #eeeeee; float:left;}
.icon h2{margin-left:23px; margin-top:24px;}
.icon h2 p{font-size:20px; color: #324683; float:left; margin-right:6px;}
.icon h2 span{font-size:12px; color: #4d4d4d; display:block; padding-top:8px;}
.icon ul {margin-top:30px; margin-left:29px;}
.icon ul li{float:left; margin-left:55px;}
.icon ul li:FIRST-CHILD{margin-left:0;}
.icon ul li p{text-align: center; font-size:15px; color: #4f4f4f; margin-top:15px;}
.icon ul li a:hover p{color: #0860a8;}

.img02{display: none;}
.icon ul li a:HOVER .img01{display: none;}
.icon ul li a:HOVER .img02{display: block;}

.all_inone{width:370px; height:235px; padding-bottom:23px; background: url("/images/main/all_in_one_bg.gif") no-repeat;}
.all_inone ul {margin-left:28px; margin-top:28px;}
.all_inone ul li {width:104px; float:left; text-align: center;}
.all_inone ul li.quick1 a {display:block; padding:55px 0 14px 0; background: url("/images/main/all_icon01.png") center 4px no-repeat;}
.all_inone ul li.quick2 a {display:block; padding:55px 0 14px 0; background: url("/images/main/all_icon02.png") center 1px no-repeat;}
.all_inone ul li.quick3 a {display:block; padding:55px 0 14px 0; background: url("/images/main/all_icon03.png") center 3px no-repeat;}
.all_inone ul li.quick4 a {display:block; padding:75px 0 0 0; margin-top:2px; background: url("/images/main/all_icon04.png") 35px 9px no-repeat;}
.all_inone ul li.quick5 a {display:block; padding:75px 0 0 0; margin-top:2px; background: url("/images/main/all_icon05.png") center 23px no-repeat;}
.all_inone ul li.quick6 a {display:block; padding:75px 0 0 0; margin-top:2px; background: url("/images/main/all_icon06.png") center 26px no-repeat;}

.all_inone ul li a{font-size:12px; color: #fff; }
.all_inone ul li a:HOVER{text-decoration: underline;}

.banner_zone{width:100%; border-top:1px solid #ccc; background: #fff;}
.banner{width:1100px; margin:0 auto;}
.banner p{margin-top:27px; float:left;}
.banner span{margin-top:27px; display:block; float:right;}
.banner ul{margin:15px 0;}
.banner ul li{float:left; margin-left:15px;}
.banner ul li img{border:1px solid #e5e5e5; width:143px; height:43px;}

/*---------- sub_container ----------*/
#sub_container {width:100%; margin-top:-75px;}
.sub_main{width:100%; background:#f3f3f3;}
.sub_title_menu{background:url("/images/sub/bg_ctn.png") no-repeat left top; width:1100px; height:74px; margin:0 auto;}

.title_box {text-align:center;}
.title_box ul {padding-top:40px;}
.title_box ul li {display:inline-block; background:url("/images/sub/bg_arrow.png") no-repeat left 5px; padding-left:15px; margin-right:13px; vertical-align:top;}
.title_box ul li:first-child {background:none; padding-top:2px;}
.title_box ul li a {font-size:13px; color:#626262;}
.title_box ul li strong a {color:#323232;}

#sub_content {width:1100px; margin:0 auto; padding:0 30px; box-sizing:border-box;}
#sub_content:after {display:block; clear:both; content:'';}
.sub {width:100%; margin-top:30px;}
.sub h2{height:105px; font-size:25px; color:#fff; background: url("/images/sub/side_title_bg.gif") no-repeat;}
.sub h2 p{padding-top:35px; padding-left:19px;}

.sub_menu ul.sub_main_down {text-align:center;}
.sub_menu ul.sub_main_down:after {display:block; clear:both; content:'';}
.sub_menu ul.sub_main_down li {display:inline-block; background:url("/images/sub/bg_line.gif") no-repeat right center; min-width:180px; box-sizing:border-box;}

.sub_menu ul.sub_main_down li:last-child,
.sub_menu ul.sub_main_down li.tab_on {background:none;}
.sub_menu ul.sub_main_down li.tab_on a {background:#543e87 url("/images/sub/bg_tab_right_re.gif") no-repeat right top; position:relative; color:#fff; box-sizing:border-box;}
.sub_menu ul.sub_main_down li.tab_on a:hover {color:#fff;}
.sub_menu ul.sub_main_down li.tab_on a:before {display:inline-block; position:absolute; left:0; top:0; width:24px; height:72px; padding:0 !important; background:url("/images/sub/bg_tab_left_re.gif") no-repeat left top; content:'';}

.sub_menu ul.sub_main_down li a {font-size:19px; display:block; padding:26px 28px 27px; color:#2f2f2f; font-weight:500;}
.sub_menu ul.sub_main_down li a:hover {color:#495790;}
.sub_menu ul.sub_main_down li ul.sub_dropdown li a{display:inline; color:#333; background: none; font-size:12px; padding:0;}

.sub_menu ul.sub_dropdown{background: #f3f3f3; padding:12px 0 9px 0;  border-top:1px solid #ccc;}
.sub_menu ul.sub_dropdown li{border:none; padding: 0 0 0px 29px; }
.sub_menu ul.sub_dropdown li:FIRST-CHILD{margin-bottom:5px;}
.sub_menu ul.sub_main_down li ul.sub_dropdown li.sub_tab_on{background: url("/images/sub/side_sub_li_bg.gif") 18px center no-repeat;}
.sub_menu ul.sub_main_down li ul.sub_dropdown li.sub_tab_on a{color: #e75293;}

.sub_menu02 ul{margin-top:3px;}
.sub_menu02 ul li{margin-top:19px;}

.content{width:100%;}
.body_title_box {margin-top:15px; text-align:center;}
.body_title_box h1 {font-family:"Montserrat", sans-serif; font-size:7px; color:#a8a8a8; letter-spacing:10px; text-transform:uppercase;}
.body_title_box h2 {margin-top:4px; font-size:46px; font-weight:600; line-height:160%; color:#2f2f2f; letter-spacing:-1.8px;}
.body_title_box p{float:right; margin-right:30px; margin-top:23px;}

.content_main{width:100%; min-height:400px; float:right; padding-left:44px; margin-top:45px; padding-bottom:87px;}

/*---------- footer ----------*/
#footer {width:100%; padding:20px 0 25px; border-top:1px solid #d8d8d8;}
.footer_box {width:1100px; margin:0 auto; text-align:center;}
.footer_box address {margin-top:22px; font-size:15px; color:#3a3a3a;; font-style:normal;}
.footer_box ul {margin-top:10px;}
.footer_box ul li {display:inline-block; font-size:15px; color:#3a3a3a;;}
.footer_box ul li:nth-of-type(2) {margin:0 18px;}
.footer_box ul li strong {color:#454545;}
.footer_box p {font-family:"Montserrat", sans-serif; font-size:10px; color:#8f8f8f; margin-top:15px; letter-spacing:0.6px;}
.footer_box p span {color:#354bab; font-weight:600;}


/* layout */
.m_content {position:relative; background:url('/images/main/bg_sun.png') no-repeat 30px top; width:1100px; height:390px; margin:0 auto; box-sizing:border-box;}

.m_portfolio {position:absolute; background:url('/images/main/bg_portfolio_y.png') no-repeat center top; width:300px; height:540px; margin:-75px 0 0 30px; padding-top:66px; z-index:999999999999999;}
.m_portfolio em {padding-left:30px; font-family:"Montserrat", sans-serif; font-weight:600; text-transform:uppercase; font-style:normal; font-size:10px; letter-spacing:5px; color:#585858;}
.m_portfolio h1 {padding:15px 0 0 30px; font-weight:600; font-size:35px; letter-spacing:-2.3px; color:#212121;}

.m_portfolio .port_left,
.m_portfolio .port_right {position:absolute; top:278px; width:47px; height:47px; box-shadow:7px 7px 16px rgba(0, 0, 0, 0.2); font-size:0;}
.m_portfolio .port_left {left:-23px; background:#e75293 url('/images/main/btn_left.png') no-repeat 17px center;}
.m_portfolio .port_right {right:-23px; background:#6d53aa url('/images/main/btn_right.png') no-repeat 19px center;}

.port_list {width:216px; margin:40px auto 0;}
.port_list li {text-align:center;}
.port_list li h2 {width:216px; margin:0 auto; color:#424242; letter-spacing:-0.8px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.port_list li .btn_view {display:inline-block; background:url('/images/main/btn_view.png') no-repeat left top; width:90px; height:38px; margin-top:26px; padding-top:8px; font-family:"Montserrat", sans-serif; font-weight:600; letter-spacing:0.8px; color:#13284e; text-transform:uppercase; box-sizing:border-box;}

.port_list .port_img {margin-top:17px;}
.port_list .port_img img {width:216px; height:216px; border-radius:108px;}

/* business */
.m_business {position:absolute; right:30px; top:26px;}
.m_business h1 {float:left; margin:26px 46px 0 0; font-size:24px; letter-spacing:-0.8px; color:#373737;}
.m_business ul {float:left;}

.m_business ul li {float:left; margin-right:25px;}
.m_business ul li:nth-of-type(1) {background:url('/images/main/btn_business01.png') no-repeat center top;}
.m_business ul li:nth-of-type(2) {background:url('/images/main/btn_business02_re.png') no-repeat center top;}
.m_business ul li:nth-of-type(3) {background:url('/images/main/btn_business03_re.png') no-repeat center top; margin:0;}
.m_business ul li a,
.m_business ul li a:hover,
.m_business ul li a:focus {display:block; width:165px; height:170px; padding-top:92px; font-weight:600; font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 1px rgba(0, 0, 0, 0.6); text-indent:6px; box-sizing:border-box;}

.m_layout01 {position:relative; background:url(/images/main/img_m_content01.png) no-repeat center top; width:1100px; height:540px; margin:-75px auto 0; z-index:999999999999999;}
.m_layout02 {background:url(/images/main/img_m_content02.png) no-repeat center top; width:100%; height:280px; margin-top:-75px;}
.m_layout03 {background:#fff url(/images/main/img_m_content03.png) no-repeat center top; width:1100px; height:97px; margin:0 auto;}

/* notice */
.m_notice {position:absolute; left:394px; top:238px; width:497px;}
.m_notice h1 {float:left; margin-right:50px; font-size:24px; letter-spacing:-0.8px; color:#373737;}

.m_notice ul {float:left;}
.m_notice ul li {margin-bottom:7px;}

.m_notice ul li a,
.m_notice ul li a:hover,
.m_notice ul li a:focus {display:inline-block; width:275px; font-size:13px; letter-spacing:-0.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_notice ul li a {color:#616161; text-decoration:none;}
.m_notice ul li a:hover,
.m_notice ul li a:focus {color:#e75293; text-decoration:underline;}

.m_notice ul li span {position:absolute; right:0; color:#aeaeae; font-weight:500;}
.m_notice .btn_more {display:block; position:absolute; margin:40px 0 0 2px; border-bottom:1px solid #444; color:#373737;}

/* inquiry */
a.m_inquiry:link,
a.m_inquiry:visited,
a.m_inquiry:hover,
a.m_inquiry:active,
a.m_inquiry:focus {background:url('/images/main/btn_inquiry.png') no-repeat center top; position:absolute; right:46px; bottom:38px; width:122px; height:122px; padding-top:36px; text-align:center; font-size:21px; line-height:25px; font-weight:500; color:#fff; box-sizing:border-box;}

/* about_us */
.bg_pattern {background:url('/images/main/bg_pattern.gif') repeat left top; width:100%;}
.bg_about {background:url('/images/main/bg_aboutus.png') no-repeat center top; width:100%;}
.about_wrap {width:1100px; height:280px; margin:0 auto; padding-top:65px; text-align:center; box-sizing:border-box;}
.about_wrap em {font-family:"Montserrat", sans-serif; font-weight:600; text-transform:uppercase; font-style:normal; font-size:10px; letter-spacing:5px; color:#909090;}
.about_wrap h1 {margin-top:15px; font-weight:600; font-size:35px; letter-spacing:-2.3px; color:#2f2f2f;}

.about_wrap a,
.about_wrap a:hover,
.about_wrap a:focus {display:inline-block; margin-top:34px; font-size:13px; line-height:22px; text-decoration:none;}
.about_wrap a {color:#7d7d7d;}
.about_wrap a:hover,
.about_wrap a:focus {color:#2f2f2f;}

/* link_site */
.link_site {width:1030px; height:98px; margin:0 auto; padding-top:29px; text-align:center; box-sizing:border-box;}
.link_site li {display:inline-block; margin-right:84px;}
.link_site li:last-child {margin:0;}

.bx-viewport {padding-bottom:50px;}
.bx-pager,.bx-controls-auto {display:none;}