@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------------------
	File : main.css
	Company : The Webstyle co.,ltd
    CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
    CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
------------------------------------------------------------------------------------------------------------------------------------------*/

.main .section {min-width:1360px;}
.main .section .section-body {position:relative; z-index:10;}

/* section_visual */
.section_visual {/*position:fixed; top:0; left:0; */width:100%; background-color:#fff; z-index:1;}
.main-bxslider {height:584px; overflow:hidden;}
.main-bxslider .item {position:relative; height:584px;}
.main-bxslider .item.item01 {background:url('../../images/main/img_mainVisual01.jpg') no-repeat center bottom;}
.main-bxslider .item.item02 {background:url('../../images/main/img_mainVisual02.jpg') no-repeat center bottom;}
.main-bxslider .item.item03 {background:url('../../images/main/img_mainVisual03.jpg') no-repeat center bottom;}
.main-bxslider .item .bx-img {position:absolute; left:50%; top:0; height:584px;}
.main-bxslider .item .info-box {position:relative; margin-top:283px; padding:37px 40px;}
.main-bxslider .item .info-box .tit {display:block; font-family:"NanumSquareOTFR"; font-size:68px; color:#fff; line-height:90px; white-space:pre;}
.main-bxslider .item .info-box .tit strong {font-family:"NanumSquareOTFB";}
.main-bxslider .item .info-box .txt {margin-top:15px; font-family:"NanumSquareOTFR"; font-size:18px; line-height:1.3; color:#fff;}
.main-bxslider .item .info-box .hashTag {display:block; margin-top:24px; font-size:0px;}
.main-bxslider .item .info-box .hashTag li {display:inline-block;}
.main-bxslider .item .info-box .hashTag li + li {margin-left:58px;}
.main-bxslider .item .info-box .hashTag li span {font-family:"NanumSquareOTFR"; font-size:14px; color:#fff;}
.section_visual .bx-wrapper {position:relative; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;}
.section_visual .bx-wrapper img {max-width:100%; display:block;}
.section_visual .bxslider {margin:0; padding:0;}
.section_visual .bx-viewport {-webkit-transform:translatez(0);}
.section_visual .bx-wrapper .bx-pager,
.section_visual .bx-wrapper .bx-controls-auto {position:absolute; bottom:50px; width:100%;}
.section_visual .bx-wrapper .bx-pager {text-align:center; font-size:0px; padding-top:20px;}
.section_visual .bx-wrapper .bx-pager.bx-default-pager a {background-color:rgba(255,255,255,0.5); text-indent:-9999px; display:block; width:20px; height:20px; margin:0 10px; outline:0; border-radius:100%;}
.section_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.section_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.section_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#fff;}
.section_visual .bx-wrapper .bx-pager-item,
.section_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;}
.section_visual .bx-wrapper .bx-pager-item {font-size:0px; line-height:0;}
.section_visual .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.section_visual .bx-wrapper .bx-controls-direction a.disabled {display:none;}
.section_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.section_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}

.section_chuniversity {position:relative; width:100%;}
.section_chuniversity:before {content:''; position:absolute; top:0; left:0; width:100%; height:380px; background:#f5d333;}
.section_chuniversity > h2 {position:relative; padding:56px 0 28px 0;text-align:center; font-family:"NanumSquareOTFR"; font-size:48px; color:#fff;}
.section_chuniversity ul {padding:0 0 6px 0; overflow:hidden;}
.section_chuniversity ul li {position:relative; float:left; width:381px; height:500px;}
.section_chuniversity ul li:before {content:''; position:absolute; top:25px; left:0; width:100%; height:475px; background:#fbfbfb; border:1px solid #d1d1d1; border-radius:3px; -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.1);}
.section_chuniversity ul li + li {margin-left:27px;}
.section_chuniversity ul li:first-child + li {margin-left:26px;}
.section_chuniversity ul li .img {position:relative; text-align:center;}
.section_chuniversity dl {position:relative; padding:43px 40px 0 40px;}
.section_chuniversity dl dt {font-family:"NanumSquareOTFR"; font-size:38px;}
.section_chuniversity dl dd {padding-top:28px; font-family:"NanumSquareOTFR"; line-height:28px;}
.section_chuniversity dl dd .etc {font-family:"NotoSans-Bold";}

.section_history {}
.section_history h2 {padding:70px 0 0 0; font-family:"NanumSquareOTFB"; font-size:48px; color:#111; text-align:center;}
.section_history h2 span {padding:28px 0 0 0; font-family:"NanumSquareOTFR"; display:block;}
.section_history a {display:block; height:508px; background:url('../../images/main/main_history.jpg') no-repeat 0 0;}

.section_photo {height:460px; background:url('../../images/main/main_photo.jpg') no-repeat 0 0;}
.section_photo h2 {padding:56px 0 43px 0; text-align:center; font-family:"NanumSquareOTFB"; font-size:48px; color:#fff;}
.section_photo ul {overflow:hidden;}
.section_photo ul li {float:left; width:390px;}
.section_photo ul li + li {margin-left:13px;}
.section_photo ul li > a {display:block;}
.section_photo ul li > a img {display:block; height:223px;}
.section_photo ul li > a .txt {padding-top:18px; font-family:"NanumSquareOTFR"; font-size:18px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.section_etc {padding:60px 0 88px 0;}
.section_etc ul {overflow:hidden;}
.section_etc ul li {float:left; width:390px;}
.section_etc ul li + li {margin-left:13px;}
.section_etc ul li > a {position:relative; display:block; padding:108px 0 0 0; height:200px;}
.section_etc ul li > a:before {content:''; position:absolute; top:24px; left:50%; margin-left:-32px; width:65px; height:59px; background:url('../../images/main/main_etc_ico.png') no-repeat 0 0;}
.section_etc ul li:nth-child(1) a {background:#002f4b;}
.section_etc ul li:nth-child(2) a {background:#009b43;}
.section_etc ul li:nth-child(3) a {background:#009b43;}
.section_etc ul li:nth-child(1) a:before {background-position:0 0;}
.section_etc ul li:nth-child(2) a:before {background-position:0 -59px;}
.section_etc ul li:nth-child(3) a:before {background-position:0 -118px;}
.section_etc ul li > a .txt {display:table-cell; vertical-align:middle; width:390px; height:56px; font-family:"NanumSquareOTFB"; font-size:18px; color:#fff; line-height:28px; text-align:center;}

/* section_menu */
.section_menu {width:100%; background:#101215;}
.section_menu .section-header {position:relative; height:126px; padding-top:70px; margin-bottom:0; text-align:center;}
/*.section_menu .section-header:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:202px; border-bottom:1px solid rgba(139,139,139,0.5); background-color:rgba(0,0,0,0.5); z-index:-1;}*/
.section_menu .section-header h2 {font-family:"NanumSquareOTFB"; font-size:56px; color:#fff;}
.section_menu .tab-wrap {position:relative; width:100%; margin-top:11px; border-bottom:1px solid #4e4f50;}
.section_menu .tab-wrap .tab {width:1196px; margin:auto; font-size:0px; text-align:center;}
.section_menu .tab-wrap .tab li {display:inline-block; width:33.33%;}
.section_menu .tab-wrap .tab li a {display:block; position:relative; font-family:"NanumSquareOTFR"; font-size:22px; color:#666; line-height:64px;}
.section_menu .tab-wrap .tab li.on a {color:#fff;}
.section_menu .tab-wrap .tab li.on a:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#f5a201;}
.section_menu .bx-wrapper {position:relative;}
.section_menu .bx-wrapper .bx-viewport {z-index:10;}
.section_menu .bx-wrapper .bx-prev {display:block; position:absolute; top:50%; left:50%; width:28px; height:62px; margin-top:-31px; margin-left:-636px; text-indent:-9999px; background:url('../../images/main/ico_bx_left.png') no-repeat 50% 50%; z-index:20;}
.section_menu .bx-wrapper .bx-next {display:block; position:absolute; top:50%; left:50%; width:28px; height:62px; margin-top:-31px; margin-left:636px; text-indent:-9999px; background:url('../../images/main/ico_bx_right.png') no-repeat 50% 50%; z-index:20;}
.section_menu .bx-wrapper .bx-pager,
.section_menu .bx-wrapper .bx-controls-auto {width:100%;}
.section_menu .bx-wrapper .bx-pager {text-align:center; font-size:0px; position:absolute; width:623px; top:418px; right:0; z-index: 20;}
.section_menu .bx-wrapper .bx-pager.bx-default-pager a {background-color:#7d7d7d; text-indent:-9999px; display:block; width:14px; height:14px; margin:0 5px; outline:0; border-radius:100%;}
.section_menu .bx-wrapper .bx-pager.bx-default-pager a:hover,
.section_menu .bx-wrapper .bx-pager.bx-default-pager a.active,
.section_menu .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#fff;}
.section_menu .bx-wrapper .bx-pager-item,
.section_menu .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;}
.section_menu .item {position:relative; padding:20px 0; font-size:0px;}
.section_menu .img-wrap {display:inline-block; width:595px; height:594px; vertical-align:top;}
.section_menu .info-wrap {display:inline-block; position:absolute; width:623px; height:378px; top:94px; right:0; padding:37px 80px; background:#000;}
.section_menu .info-wrap .logo-area p {display:inline-block; margin-right:20px; font-family:"NanumSquareOTFR"; font-size:24px; color:#656565;}
.section_menu .info-wrap .logo-area div {display:inline-block;}
.section_menu .info-wrap .tit {margin-top:25px; font-family:"NanumSquareOTFR"; font-size:48px; color:#feb500; letter-spacing:-5px;}
.section_menu .info-wrap .txt {margin-top:26px; font-family:"NotoSans-Light"; font-size:18px; color:#fff; line-height:25px; letter-spacing:-2px;}


/* section_brand */
.section_brand {width:100%; background:#fff; border-bottom:1px solid #e1e1e1;}
.section_brand .section-header {position:relative; height:126px; padding-top:70px; margin-bottom:0; text-align:center;}
.section_brand .section-header h2 {font-family:"NanumSquareOTFB"; font-size:44px; color:#111;}
.main-brandWrap:after {display:block; clear:both; content:"";}
.main-brandWrap dl {float:left; width:33.33%; padding:40px 0 70px;}
.main-brandWrap dl dt {width:210px; margin:auto;}
.main-brandWrap dl dd {margin-top:20px; text-align:center;}
.main-brandWrap dl dd .txt {font-family:"NanumSquareOTFR"; font-size:20px; color:#555;}
.main-brandWrap dl dd .tit {margin-top:10px; font-family:"NanumSquareOTFB"; font-size:32px; color:#111;}


/* section_founding */
.section_founding {width:100%; height:590px; background:url(../../images/main/img_mainVisual02.jpg) no-repeat center top;}
.main-foundingWrap {padding:100px 0 130px;}
.main-foundingWrap .main-txt {font-family:"NanumSquareOTFR"; font-size:30px; color:#111; text-align:center;}
.main-foundingWrap .phone-num {margin-top:35px; font-family:"Roboto-Medium"; font-size:60px; color:#000; text-align:center;}
.main-foundingWrap .btn-wrap {margin-top:58px;}
.main-foundingWrap .btn-wrap .btn {display:inline-block; width:374px; height:185px; padding-top:135px; border:2px solid #909090; border-radius:9px;}
.main-foundingWrap .btn-wrap .btn + .btn {margin-left:45px;}
.main-foundingWrap .btn-wrap .btn span {font-family:"NanumSquareOTFR"; font-size:24px; color:#111;}
.main-foundingWrap .btn-wrap .btn.btn-consult {background:url(../../images/main/btn_consulting.png) #fff center 33px no-repeat;}
.main-foundingWrap .btn-wrap .btn.btn-review {background:url(../../images/main/btn_review.png) #fff center 30px no-repeat;}