@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');
@font-face {
    font-family:'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
}

*{margin:0; padding:0; box-sizing:border-box;}
ul,li{list-style:none;}
a{text-decoration:none;}
img{image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor;}
input, select, textarea{outline:none; font-size:15px; font-family:'Noto Sans KR', sans-serif;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}

body{font-size:15px; font-family:'Noto Sans KR', sans-serif; line-height:1; color:#000; min-width:1360px;}
body.min_auto{min-width:auto;}

@media all and (min-width:1440px){
    input, select, textarea, body{font-size:16px;}
}

/** 폰트 관련 **/
.font_nanum_gothic{font-family: 'Nanum Gothic', sans-serif, '맑은 고딕'; font-weight:600;}

.color_red{color:#da3f2a;}
.color_red_2{color:#f93b1d;}
.color_gold{color:#aa9767;}
.color_white{color:#fff;}
.color_orange{color:#f5694d;}
.color_sky{color:#25a0f4;}
.color_voilet{color:#5645b8;}
.color_pink{color:#ff547b;}
.color_green{color:#3dc6a9;}

.fs_14{font-size:14px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
.fs_24{font-size:24px;}
.fs_32{font-size:32px;}
.fs_40{font-size:40px;}
.fs_48{font-size:48px;}

.fw_100{font-weight:100;}
.fw_300{font-weight:300;}
.fw_400{font-weight:400;}
.fw_500{font-weight:500;}
.fw_700{font-weight:700;}
.fw_900{font-weight:900;}

.text_center{text-align:center;}
.text_justify{text-align:justify;}

/** 버튼 관련 **/
.text_center{text-align:center;}
.btn_wrap{padding:30px 0 0 0;}
.btn{display:inline-block; text-align:center;}

/** 헤더 영역 **/
header{position:fixed; left:0; top:0; right:0; padding:40px 0 0 0; transition:0.2s; z-index:1000;}
header *{transition:0.2s;}
.header_wrap{width:93%; max-width:1784px; margin:0 auto; position:relative;}
.header_logo, .header_btns{position:absolute;}
.header_logo{left:0; top:0; color:#fff;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:; font-size:24px;}
.header_logo img{width:116px; margin-right:10px;}
.header_btns{right:0; top:0; font-size:18px;}
.header_btn_1{display:inline-block; width:112px; height:40px; line-height:38px; border:1px solid #fff; text-align:center; color:#fff; margin-right:12px;}
.header_btn_1:hover{background-color:rgba(255,255,255,0.4);}
.header_btn_2{color:#fff;}
.header_nav_bar{display:inline-block; width:23px; height:16px; background-image:url(../images/nav_bar.png); vertical-align:-1px; margin-left:4px;}
.header_btn_2:hover{color:#da3f2a;}
.header_btn_2:hover .header_nav_bar{background-image:url(../images/nav_bar_on.png);}

header.header_change{background-color:rgba(27,35,47,0.6); padding-top:20px; height:102px; box-shadow:0 1px 6px 2px rgba(0,0,0,0.1);}
header.header_change .header_logo{font-size:18px; font-weight:;}
header.header_change .header_logo img{width:60px; margin-right:12px;}
.header_btns{top:12px;}

.blink{-moz-animation-duration:0.6s; -webkit-animation-duration:0.6s; animation-duration:0.6s; animation-delay:0.6s; -moz-animation-name:blink; -webkit-animation-name:blink; animation-name:blink; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -moz-animation-direction:alternate; -webkit-animation-direction:alternate; animation-direction:alternate;}
@keyframes blink{
    from{color:#fff; border:1px solid rgba(255,255,255,1);}
    to{background-color:rgba(255,255,255,0.5);}
}   

/** 네비게이션 **/
.nav_bg{background-color:rgba(0,0,0,0.7); position:fixed; left:0; right:0; top:0; bottom:0; z-index:2000; display:none;}
nav{position:fixed; width:100%; right:-1280px; top:0; max-width:1280px; height:100%; padding:1% 100px 1% 110px; background-color:#fff; transition:0.5s; z-index:2100;}
.nav_close{position:absolute; right:50px; top:45px; color:#000; font-weight:500; transition:0.2s;}
.nav_close:hover{color:#da3f2a;}
.nav_close img{margin-left:4px; vertical-align:-4px;}

nav.move{right:0;}

.nav_layout{border-collapse:collapse; width:100%; height:100%;}
.nav_area{border-collapse:collapse; width:100%;}
.nav_area th{font-size:60px; vertical-align:top; font-weight:500; text-align:left; width:540px; border-right:1px solid rgba(0,0,0,0.3);}
.nav_area td{padding-left:35px; vertical-align:top; font-size:23px; font-weight:300;}
.nav_area a{display:block; height:38px; line-height:38px; color:#000; transition:0.2s;}
.nav_area a:hover{color:#da3f2a;}
.nav_area a.active{color:#da3f2a; font-weight:400;}

/** 푸터 영역 **/
footer{background-color:#1b232f; padding:0 0 50px 0; margin-top:300px;}

.footer_top_wrap{background-color:#616161; max-width:1520px; margin:0 auto 0 auto; padding:70px 0 0 0; position:relative; top:-190px; min-height:380px;}
.footer_top{width:1200px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.footer_title{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;  -webkit-box-align:end; -moz-box-align:end; -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end; color:rgba(255,255,255,0.85); font-size:32px; padding:0 1px 25px 1px;}
.footer_title a{font-size:16px; color:rgba(255,255,255,0.85); font-weight:400; transition:0.2s;}
.footer_title a:hover{color:#000;}

.footer_news{width:480px;}
.footer_news_list{border-top:1px solid rgba(255,255,255,0.3);}
.footer_news_list a{display:block; height:58px; line-height:58px; padding:0 20px 0 5px; color:rgba(255,255,255,0.85); border-bottom:1px solid rgba(255,255,255,0.3); transition:0.2s; background:url(../images/link_arrow_1.png) no-repeat 99% 50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_news_list a:hover{color:#000;}

.footer_us{color:rgba(255,255,255,0.85); width:480px;}
.footer_us address{font-style:normal;}
.footer_us big{display:block; font-size:24px; font-weight:500; padding:25px 0 40px 0;}
.footer_us_btn{display:inline-block; color:rgba(255,255,255,0.85); width:230px; height:50px; line-height:49px; background:url(../images/link_arrow_2.png) no-repeat 91% 50%; background-color:rgba(0,0,0,0.3); font-weight:500; padding-left:25px; transition:0.3s;}
.footer_us_btn:nth-of-type(1){margin-right:15px;}
.footer_us_btn:hover{background-color:rgba(0,0,0,0.75);}

.footer_wrap{width:1200px; margin:0 auto; margin-top:-120px;}
.footer_area{width:100%; border-collapse:collapse;}
.footer_area td{vertical-align:top;}
.footer_brand{width:300px;}
.footer_rnd{width:180px;}
.footer_caption{color:rgba(255,255,255,0.8); font-size:18px; font-weight:600; padding-bottom:25px;}
.footer_brand a, .footer_rnd a{color:rgba(255,255,255,0.4); line-height:34px; display:block; transition:0.2s;}
.footer_brand span, .footer_rnd span{color:rgba(255,255,255,0.4); line-height:34px; display:block; transition:0.2s; cursor:pointer;}
.footer_brand a:hover, .footer_rnd a:hover, .footer_brand span:hover, .footer_rnd span:hover{color:rgba(255,255,255,0.8);}
.footer_copyright{color:rgba(255,255,255,0.25); font-size:12px; font-weight:100; text-transform:uppercase; padding-top:20px; border-top:1px solid rgba(255,255,255,0.15); margin-top:40px;}

/** 메인  - pangramON **/
.main_wrap_0{ background: linear-gradient(to right, #f93b1d,#f93b1d,#2a3d71,#2a3d71, #2a3d71);}
.main_area_0{ padding: 70px 43px 46px 39px; width: 1356px; margin: 0 auto; background: #2a3d71;}
.main_text_0_1{ font-weight: 300; font-size: 40px; line-height: 1.7; color: #fff;}
.fw_300.main_text_0_2{ display: block; font-size: 62px; font-weight: bold;}
.main_pangramon_more{ margin-top: 70px;}
.main_pangramon_logo{ display: block; width: 375px; height: 49px; background-image: url(../images/main_pangramon_logo.png); background-repeat: no-repeat;  margin: 0 0 0 auto;}
.main_pangram_btn{ display: block; color: #2a3d71; width: 214px; height: 41px; line-height: 41px; background: url(../images/link_arrow_3.png) no-repeat 95% 50%; background-color: #fff; font-size: 23px; font-weight: 500; padding-left: 8px; margin: 14px 0 0 auto;}

/** 메인 2 - Altiora is **/
.main_wrap_1{padding:210px 0 200px 0; background:url(../images/main_is_bg.png) no-repeat 100% 0; opacity:0;}
.main_area_1{width:1200px; margin:0 auto;}
.main_text_1_2{padding:15px 0 21px 0;}
.main_text_1_3{line-height:1.5; margin-bottom:60px;}
.main_more{display:block; font-weight:500; color:#010101; width:162px; position:relative; transition:0.2s;}
.main_more:before{content:''; position:absolute; right:0; top:8px; width:101px; height:1px; background-color:#111; transition:0.2s;}
.main_more.one:hover{color:#3dc6a9;}
.main_more.one:hover:before{background-color:#3dc6a9;}

.main_list_1{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:165px;}
.main_list_1 a{color:#4f4f4f; transition:0.2s;}
.main_list_1 a:hover{color:#3dc6a9;}
.main_list_1 .circle{width:10px; height:10px; background-color:#3dc6a9; border-radius:50%; margin-top:80px;}
.main_list_icon{display:block; margin:0 auto; width:102px; height:102px; background-repeat:no-repeat; transition:0.2s;}
.main_list_icon.one{background-image:url(../images/main_is_icon_1.png)}
.main_list_icon.two{background-image:url(../images/main_is_icon_2.png)}
.main_list_icon.three{background-image:url(../images/main_is_icon_3.png)}
.main_list_icon.four{background-image:url(../images/main_is_icon_4.png)}
.main_list_icon.five{background-image:url(../images/main_is_icon_5.png)}
.main_list_1 a:hover .main_list_icon.one{background-image:url(../images/main_is_icon_1_on.png)}
.main_list_1 a:hover .main_list_icon.two{background-image:url(../images/main_is_icon_2_on.png)}
.main_list_1 a:hover .main_list_icon.three{background-image:url(../images/main_is_icon_3_on.png)}
.main_list_1 a:hover .main_list_icon.four{background-image:url(../images/main_is_icon_4_on.png)}
.main_list_1 a:hover .main_list_icon.five{background-image:url(../images/main_is_icon_5_on.png)}
.main_list_1 b{display:block; font-size:24px; padding:13px 0 8px 0;}

.main_wrap_2{display:block; height:450px; width:100%; border:0; opacity:0;}

.main_wrap_3{padding:0 0 150px 0; opacity:0;}
.main_area_3{width:1200px; margin:0 auto; position:relative; padding:200px 0 120px 0;}
.main_area_3 *{position:relative;}
.main_bg_3{position:absolute; top:0; right:calc(50% + 132px);}
.main_text_3_2{padding:15px 0 21px 0;}
.main_text_3_3{line-height:1.5; margin-bottom:60px;}
.main_more{display:block; font-weight:500; color:#010101; width:162px; position:relative; transition:0.2s;}
.main_more.three:hover{color:#33489c;}
.main_more.three:hover:before{background-color:#33489c;}

.main_table_3{position:absolute; border-collapse:collapse; right:-150px; top:285px;}
.main_table_left_3{vertical-align:bottom; padding:0 15px 105px 0;}
.main_link_3{color:#010101; transition:0.2s; line-height:1.5; text-align:right;}
.main_link_3:hover{color:#33489c;}
.main_link_3 span{display:block; padding-right:22px;}
.main_link_3 small{padding-left:4px;}

.main_wrap_4{height:999px; padding-top:119px; position:relative; margin-top:270px; overflow:hidden; opacity:0;}
.main_wrap_4.no{height:0; padding:0;}
.main_area_4{background-color:#653dd1; height:880px;}
.main_left_bg_4{position:absolute; right:calc(50% - 83px); bottom:0;}
.main_right_bg_4{position:absolute; left:calc(50% + 196px); bottom:0;}
.main_box_4{position:absolute; left:50%; top:0; padding:304px 0 0 115px;}
.main_text_4_2{line-height:1.5; padding:20px 0 70px 0;}
.main_more.four{color:#fff;}
.main_more.four:before{background-color:#fff;}
.main_more.four:hover{color:#fff200;}
.main_more.four:hover:before{background-color:#fff200;}

.main_inner_4{margin-top:120px;}
.main_inner_4 th{font-size:248px; width:300px; text-align:right;}
.main_inner_4 td{vertical-align:top; padding:120px 0 0 25px; line-height:1.3;}
.main_inner_4 b{display:block;}

/** 서브 공통 **/
.sub_wrap{width:1200px; margin:0 auto;}

.sub_title{text-align:center; padding:70px 0; font-size:40px;}
.sub_title small{display:block; font-size:24px; font-weight:400; letter-spacing:-0.5px; padding-top:15px;}

.tab_nav{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; width:1200px; margin:0 auto 40px auto; font-weight:500;}
.tab_nav a{width:20%; height:38px; color:#000; font-size:16px; border-bottom:2px solid #eee; transition:0.3s; position:relative;}
.tab_nav a:hover{border-bottom:2px solid #da3f2a;}
.tab_nav a.active:before{content:''; position:absolute; left:0; bottom:-3px; width:100%; height:4px; background-color:#da3f2a;}

/** 서브 비주얼 **/
.sub_visual{height:470px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub_visual_text{width:1200px; color:#fff; top:192px; left:calc(50% - 600px); position:absolute;}
.sub_visual_text_1{font-size:48px; letter-spacing:1px; padding-bottom:20px;}
.sub_visual_text_2{font-size:24px; font-weight:300; letter-spacing:1px;}
.sub_visual_text_2.kor{font-size:18px; font-weight:400; letter-spacing:0;}

/** 1-1. Introduction **/
.intro_wrap_1{padding:80px 0; background:url(../images/dot_bg.png);}
.intro_area_1{width:1200px; margin:0 auto; line-height:1.3;}
.intro_area_1 img{margin:70px 0;}

.intro_wrap_2{padding:120px 0 90px;}
.intro_area_2{width:1200px; margin:0 auto; line-height:1.3;}
.intro_area_2 img{margin:10px 0 55px 0;}

.intro_wrap_3{padding:80px 0 0 0;}
.intro_area_3{width:1200px; margin:0 auto; line-height:1.5;}
.intro_area_3 img{margin:0 0 70px 0;}

/** 1-2. Brand Identity **/
.brand_wrap_1{padding:0 0 80px 0;}
.brand_area_1 img{margin:0 auto 80px auto;}
.brand_area_1{width:1200px; margin:0 auto;}
.brand_box_1{width:100%;}
.brand_box_1 td{width:50%; line-height:1.5; padding:5px 0 10px 0;}
.brand_box_1 td:nth-of-type(1){border-right:1px solid rgba(67,68,68,0.3);}
.brand_box_1 h3{padding-bottom:20px;}
.brand_box_1 h4{padding-bottom:5px;}

.brand_wrap_2{padding:80px 0;}
.brand_area_2 img{margin:0 auto 30px auto;}
.brand_area_2{width:1200px; margin:0 auto;}
.brand_box_2{width:100%;}
.brand_box_2 td{width:50%; line-height:1.5; padding:5px 0 10px 0;}
.brand_box_2 td:nth-of-type(1){border-right:1px solid rgba(67,68,68,0.3);}
.brand_box_2 span{display:block;}
.brand_box_2 h3{padding-bottom:12px;}

.brand_wrap_3{padding:80px 0;}
.brand_area_3 img{margin:0 auto 60px auto;}
.brand_area_3{width:1200px; margin:0 auto; line-height:1.5;}
.brand_area_3 h3{padding-bottom:15px;}

.brand_line_1{width:1px; height:240px; background-color:rgba(67,68,68,0.3); margin:0 auto;}

.brand_wrap_4{padding:80px 0 0 0;}
.brand_wrap_4 img{margin:80px auto 0 auto; display:block; width:100%; max-width:1920px;}
.brand_area_4{width:1200px; margin:0 auto; line-height:1.5;}
.brand_area_4 h2{padding-bottom:25px;}
.brand_area_4 h3{padding-bottom:10px;}

/** 1-5. Campus List **/
.campus_list_wrap{background:url(../images/campus_list_bg.png) top center no-repeat fixed; background-size:cover;}
.campus_list_area{width:1240px; margin:0 auto; padding:80px 0;}
.campus_list_caption{padding:60px 0 20px 1px; border-bottom:3px solid #000; font-size:23px;}
.campus_list_caption:nth-of-type(1){padding-top:0;}

.campus_list{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.campus_list li{width:610px;}
.campus_table{width:100%; height:100%; border-collapse:collapse; border-bottom:1px solid #c3c3c3; line-height:1.5;}
.campus_table th, .campus_table td{vertical-align:top; padding:25px 0;}
.campus_table th{width:200px; font-weight:500; padding-left:5px;}
.campus_table_btns{padding-top:15px;}
.campus_table_btn{display:inline-block; width:125px; height:35px; line-height:35px; background:url(../images/campus_btn_arrow.png) no-repeat 90% 50%; background-color:#555; color:#fff; font-size:14px; font-weight:500; padding-left:16px; margin-right:5px; transition:0.3s;}
.campus_table_btn:hover{background-color:#000;}

.campus_caption_wrap{ display:-webkit-box; display:-ms-flexbox; display:flex;}
.campus_stamp_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.campus_stamp{ width: 60px; display: block; margin-top: 15px;}

/** 캠퍼스 소개/둘러보기 **/
.ceo_greeting{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:1200px; margin:0 auto;}
.ceo_greeting_left{width:445px; height:400px; background-repeat:no-repeat; background-size:cover; margin-top:5px;}
.ceo_greeting_right{width:calc(100% - 445px); padding:0 0 0 55px; line-height:1.7; text-align:justify;}
.ceo_greeting_caption{font-size:24px; padding:0 0 10px 0;}

/** 2-1. Curriculum Overview **/
.curriculum_wrap_1{padding:65px 0; background:url(../images/dot_bg.png); overflow:hidden;}
.curriculum_text_1_1{line-height:1.35;}
.curriculum_diagram_1{margin:65px auto; display:block;}

.curriculum_text_1_2 h3{padding:0 0 12px 1px;}
.curriculum_text_1_2{width:1200px; margin:0 auto; line-height:1.5; padding:20px 50px; background-color:#fff;}

.curriculum_wrap_4{margin-top:30px; width:100%; border-collapse:collapse; background:url(../images/curriculum_number_bg.png) no-repeat 100% 50%; background-color:#252935;}
.curriculum_center_4{width:1360px; height:1160px; vertical-align:bottom; padding:0 0 55px 80px; line-height:1.55; background:url(../images/curriculum_number.png) no-repeat;}
.curriculum_left_4{background-color:#fff;}

.curriculum_wrap_2{margin-top:80px; width:100%; border-collapse:collapse;}
.curriculum_top_2{height:400px; text-align:left; padding:80px 0 0 80px; position:relative;}
.curriculum_caption_2{position:absolute; left:0; bottom:12px; width:100%; text-align:center; color:#1e90dd; font-weight:400; font-size:14px;}
.curriculum_center_2{width:1360px; position:relative; height:505px; vertical-align:top; padding:60px 0 0 80px; line-height:2; letter-spacing:-0.5px;}
.curriculum_center_2, .curriculum_right_2{background-color:#f5e4cc;}
.curriculum_steam{position:absolute; bottom:0; right:0;}

.curriculum_wrap_3{background:url(../images/curriculum_cognition.jpg) no-repeat 50% 50%; background-size:cover; height:1290px; padding-top:466px;}
.curriculum_area_3{width:100%; height:100%; border-collapse:collapse;}
.curriculum_center_3{width:1360px; vertical-align:top; padding-top:80px;}
.curriculum_right_3, .curriculum_center_3{background-color:#66ecd0;}
.curriculum_box_3{width:100%; border-collapse:collapse;}
.curriculum_box_3 th, .curriculum_box_3 td{vertical-align:top;}
.curriculum_box_3 th{width:590px; line-height:1.5;}
.curriculum_box_3 h3{position:relative;}
.curriculum_box_3 th div{position:relative;}
.curriculum_box_3 th span{position:absolute; background-color:rgba(255,255,255,0.6); height:20px;}
span.bg_1{width:340px; left:calc(50% - 170px); top:53px;}
span.bg_2{width:196px; left:calc(50% - 98px); top:88px;}
.curriculum_logo{margin:60px auto 0 auto; display:block;}
.curriculum_box_3 td{line-height:1.55; padding:0 80px;}
.curriculum_box_3 td div{line-height:1.4; position:relative; margin:45px 0; font-weight:300;}
.curriculum_box_3 .line{position:absolute; height:1px; width:160px; background-color:rgba(0,0,0,0.5); right:0; top:18px;}

/** 2-2-1. English Education - 개요 **/
.outline_wrap_1{height:1620px; background:url(../images/dot_bg.png); overflow:hidden;}
.outline_text_1{line-height:1.35; padding:65px 0 80px 0;}
.outline_area_1{width:1271px; margin:0 auto; position:relative;}
.outline_diagram{display:block;}
.outline_circle{position:absolute; background-color:rgba(239,241,237,0.5); width:1100px; height:1100px; border-radius:50%; top:47px;}
.outline_circle.left{left:-1250px;}
.outline_circle.right{right:-1250px;}

.outline_wrap_2{padding:80px 0 0 0;}
.outline_area_2 h3{padding:0 0 12px 1px;}
.outline_area_2{width:1200px; margin:0 auto; line-height:1.5;}

/** 교재 펼침 **/
.book_list{width:100%; border-collapse:collapse; border-spacing:0;}
.book_list th{height:400px; background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:scroll; transition:0.2s; position:relative; cursor:pointer;}
.book_list_title{color:#fff; font-size:60px; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-family:'NanumSquareRound'; font-weight:900; text-transform:uppercase;}
.book_list_title b{font-weight:900; line-height:1.3;}
.book_list_title span{width:68px; height:1px; background-color:#fff;}
.book_list_title span:first-child{margin-right:45px;}
.book_list_title span:last-child{margin-left:45px;}
.book_list th:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); transition:0.2s;}
.book_list th:hover{height:800px;}
.book_list th:hover:before{opacity:0;}

/** 2-2-2. English Education - 습득 프로그램 **/
.learn_wrap_1{line-height:1.35; padding:40px 0 60px 0;}

.learn_wrap_2{position:relative; height:580px; background-color:#3dc6a9; overflow:hidden;}
.learn_bg_2{position:absolute; top:0; right:calc(50% - 244px);}
.learn_line_2{position:absolute; right:0; left:calc(50% + 366px); top:183px; height:1px; background-color:rgba(255,255,255,0.3);}
.learn_area_2{width:1200px; height:100%; border-collapse:collapse; margin:0 auto; position:relative;}
.learn_area_2 td{width:50%;}
.learn_area_2 h3{font-weight:300; line-height:1.25;}
.learn_text_2{line-height:1.5; padding:26px 0;}
.learn_list_2{color:#653dd1; line-height:2;}

.learn_wrap_3{padding:120px 0 110px 0; position:relative;}

.learn_wrap_5{padding:150px 0;}
.learn_wrap_5 h3{padding-bottom:60px;}
.learn_wrap_5 img{display:block; margin:0 auto;}

.learn_wrap_6 h3{padding-bottom:60px;}
.learn_wrap_6 img{display:block; margin:0 auto;}

/** 2-2-3. English Education - 우뇌어휘 프로그램 **/
.voca_wrap_1{line-height:1.35; padding:40px 0 60px 0;}

.voca_wrap_2{position:relative; height:580px; background-color:#25a0f4; overflow:hidden;}
.voca_bg_2{position:absolute; top:0; right:calc(50% + 2px);}
.voca_line_2{position:absolute; right:0; left:calc(50% + 366px); top:183px; height:1px; background-color:rgba(255,255,255,0.3);}
.voca_area_2{width:1200px; height:100%; border-collapse:collapse; margin:0 auto; position:relative;}
.voca_area_2 td{width:50%; padding-bottom:64px;}
.voca_area_2 h3{font-weight:300; line-height:1.25;}
.voca_text_2{line-height:1.5; padding:26px 0;}
.voca_list_2{color:#ffa8bc; line-height:2;}

.voca_wrap_3{padding:120px 0 110px 0; position:relative;}

/** 2-2-4. English Education - 국제학교 프로그램 **/
.school_wrap_1{line-height:1.35; padding:40px 0 60px 0;}

.school_wrap_2{position:relative; height:580px; background-color:#f5694d; overflow:hidden;}
.school_bg_2{position:absolute; top:0; right:calc(50% - 78px);}
.school_line_2{position:absolute; right:0; left:calc(50% + 366px); top:183px; height:1px; background-color:rgba(255,255,255,0.3);}
.school_area_2{width:1200px; height:100%; border-collapse:collapse; margin:0 auto; position:relative;}
.school_area_2 td{width:50%; padding-bottom:60px;}
.school_area_2 h3{font-weight:300; line-height:1.25;}
.school_text_2{line-height:1.5; padding:26px 0;}
.school_list_2{color:#fdbf2d; line-height:2;}

.school_wrap_3{}
.school_area_3{width:1200px; height:840px; margin:0 auto; position:relative; padding-top:170px;}
.school_box_3{width:520px; line-height:1.5;}
.school_box_3 b{padding-left:2px;}
.school_box_3 h3{line-height:1; padding:7px 0 30px 0;}
.school_img_3{position:absolute; bottom:0; left:540px;}

/** 2-2-5. English Education - 리터러시 프로그램 **/
.literacy_wrap_1{line-height:1.35; padding:40px 0 60px 0;}

.literacy_wrap_2{position:relative; height:580px; background-color:#8058ee; overflow:hidden;}
.literacy_bg_2{position:absolute; top:0; right:calc(50% + 27px);}
.literacy_line_2{position:absolute; right:0; left:calc(50% + 366px); top:183px; height:1px; background-color:rgba(255,255,255,0.3);}
.literacy_area_2{width:1200px; height:100%; border-collapse:collapse; margin:0 auto; position:relative;}
.literacy_area_2 td{width:50%; padding-bottom:96px;}
.literacy_area_2 h3{font-weight:300; line-height:1.25;}
.literacy_text_2{line-height:1.5; padding:26px 0;}
.literacy_list_2{color:#3dc6a9; line-height:2;}

.literacy_wrap_3{padding:120px 0 110px 0; position:relative;}
.literacy_wrap_3 .swiper-table{width:100%; max-width:1200px; margin:0 auto;}
.literacy_wrap_3 .swiper-table td{padding:35px 0 0 0;}
.literacy_wrap_3 .swiper-table div{padding-right:85px;}

/** 2-3. 국어 교육 과정 **/
.kor_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.kor_left_1{width:50%; background:url(../images/kor_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.kor_right_1{background-color:#f5694d;}
.kor_area_1{width:600px; padding-left:105px; line-height:1.5;}
.kor_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}
.kor_area_1 strong{display:block;}

.kor_wrap_2{margin:120px 0; padding:100px 0; background:url(../images/dot_bg.png);}
.kor_wrap_2 h3{line-height:1.4; padding-bottom:50px; font-family:'NanumSquareRound';}
.kor_text_2{position:relative;}
.kor_text_2 span{position:absolute; width:320px; height:20px; left:calc(50% - 160px); bottom:-12px; background-color:rgba(253,191,45,0.6);}
.kor_text_2 div{position:relative;}

.kor_caption{position:relative; left:50%; margin-left:-600px; margin-bottom:70px;}
.kor_caption h3{border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:15px; margin-bottom:24px;}
.kor_caption small{padding-left:10px;}

.kor_wrap_3{padding:120px 0; overflow:hidden;}
.kor_area_3{width:1200px; margin:0 auto;}
.kor_area_3 img{display:block; margin-bottom:60px;}

.kor_wrap_4{ position: relative; padding: 176px 0; overflow:hidden; background-color:#f5f5f5;}
.kor_wrap_4 .title_text{ color: #25a0f4;}
.kor_wrap_4 .kor_title{ font-weight: bold; margin-bottom: 55px;}
.kor_wrap_4 .kor_content{ width: 1200px; font-size: 18px; line-height: 1.5;}
.kor_img_4{ position: absolute; right: 360px; top: -40px;}

.kor_wrap_5{ position: relative; padding: 163px 0; overflow:hidden;}
.kor_wrap_5 .title_text{ color: #8058ee;}
.kor_wrap_5 .kor_title{ font-weight: bold; margin-bottom: 55px;}
.kor_wrap_5 .kor_content{ width: 1200px; font-size: 18px; line-height: 1.5;}
.kor_img_5_1{ position: absolute; left: 142px; top: -40px;}
.kor_img_5_2{ position: absolute; right: 424px; bottom: -77px;}

.kor_wrap_6{ position: relative; padding: 178px 0; overflow: hidden; background-color: #f5f5f5;}
.kor_wrap_6 .title_text{ color: #2bc5a4;}
.kor_wrap_6 .kor_title{ font-weight: bold; margin-bottom: 55px;}
.kor_wrap_6 .kor_content{ width: 1200px; font-size: 18px; line-height: 1.5;}
.kor_img_6_1{ position: absolute; left: 220px; top: -114px;}
.kor_img_6_2{ position: absolute; right: 157px; bottom: -22px;}
.kor_text_6_2{ padding-top: 50px; line-height: 1.5; font-family:'NanumSquareRound';}
.kor_text_6_2 span{ font-weight: bold;}


/** 2-4. 인지 교육 과정 **/
.cog_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.cog_left_1{width:50%; background:url(../images/cog_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.cog_right_1{background-color:#25a0f4;}
.cog_area_1{width:600px; padding-left:105px; line-height:1.5;}
.cog_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}
.cog_area_1 strong{display:block;}

.cog_wrap_2{margin:120px 0; padding:100px 0; background:url(../images/dot_bg.png);}
.cog_area_2 h3{line-height:1.4; padding-bottom:80px;}
.cog_box_2{width:1200px; margin:0 auto; border-collapse:collapse; line-height:1.5;}
.cog_box_2 h4{margin-bottom:15px; position:relative;}
.cog_box_2 span{position:absolute; width:270px; height:20px; left:-4px; bottom:-2px; background-color:rgba(253,191,45,0.6);}
.cog_box_2 div{position:relative;}
.cog_diagram_2{display:block; margin:0 0 0 auto;}

.cog_wrap_3{height:860px; position:relative; overflow:hidden;}
.cog_bg_3{position:absolute; left:0; top:270px; width:100%; background-color:#f5694d; height:520px;}
.cog_area_3{background-color:#fff; position:absolute; width:790px; height:590px; right:calc(50% - 70px); bottom:190px; line-height:1.5; padding:120px 105px 0 105px;}
.cog_area_3 h3{line-height:1.3; letter-spacing:-1px; font-size:39px; padding-bottom:45px;}
.cog_person_3{position:absolute; bottom:40px; right:calc(50% - 70px); border-collapse:collapse; width:670px; color:#fff;}
.cog_person_3 th{font-weight:500; text-align:left;}
.cog_person_3 td{width:172px;}
.cog_person_3 span{display:block; font-family:'Oooh Baby', cursive; font-weight:400; padding-top:10px;}
.cog_img_3{position:absolute; left:calc(50% + 70px); bottom:0;}
.cog_line_3{position:absolute; width:860px; height:610px; right:calc(50% - 130px); top:0; border:10px solid #f5694d;}

.cog_wrap_4{margin:120px 0;}
.cog_logo_4{display:block; margin:0 auto;}
.cog_diagram_4{margin:90px 0 55px 0; position:relative;}
.cog_diagram_4 img{display:block; margin:0 auto; position:relative;}
.cog_diagram_4 span{position:absolute; left:0; right:0; top:50%; height:1px; background-color:#3dc6a9;}
.cog_area_4{width:1200px; margin:0 auto; line-height:1.5;}
.cog_area_4 h3{padding-bottom:15px;}
.cog_text_4_2{opacity:0.6; padding-top:35px;}

.cog_wrap_5{padding:100px 0; background-color:#f5f5f5;}
.cog_area_5{width:1200px; margin:0 auto; line-height:1.5;}
.cog_logo_5{display:block; margin:0 auto;}
.cog_list_5{margin:60px 0 90px 0; display:-webkit-box; display:-ms-flexbox; display:flex;}
.cog_list_5 li{width:25.7%; line-height:1.5; letter-spacing:-1px; border-left:1px solid rgba(67,68,68,0.3); padding:0 0 1px 22px;}
.cog_list_5 li:first-child{border:0; padding-left:0; width:22.9%;}
.cog_list_5 h4{margin:25px 0 20px 0; letter-spacing:-0.5px;}
.cog_list_5 small{color:#da3f2a; display:block; font-weight:400;}
.cog_area_5 h3{padding-bottom:10px;}

/** 2-5. Physical Education **/
.pe_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.pe_left_1{width:50%; background:url(../images/pe_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.pe_right_1{background-color:#3dc6a9;}
.pe_area_1{width:600px; padding-left:105px; line-height:1.5;}
.pe_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}

.pe_wrap_2{padding:80px 0; background:url(../images/dot_bg.png); margin:130px 0;}
.pe_wrap_2 h3{text-transform:uppercase; padding-bottom:70px;}
.pe_diagram_2{margin:0 auto; display:block; width:96%; max-width:1420px;}

.pe_area_3{width:1300px; margin:0 auto;}
.pe_area_3 h3{padding:0 0 70px 1px;}
.pe_list_3{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.pe_list_3 li{width:310px; height:510px; background-repeat:no-repeat; padding:310px 0 0 35px; line-height:1.5;}
.pe_list_3 li:nth-child(2n){margin-top:120px;}

/** 2-5. 융합 교육 과정 **/
.fu_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.fu_left_1{width:50%; background:url(../images/fu_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.fu_right_1{background-color:#8058ee;}
.fu_area_1{width:600px; padding-left:105px; line-height:1.5;}
.fu_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}

.fu_wrap_2{background:url(../images/fu_img_2.jpg) no-repeat 50% 50%; background-size:cover; padding:140px 0;}
.fu_area_2{width:1440px; padding:90px 0 100px 0; margin:0 auto; background-color:#fff; line-height:1.5;}
.fu_title_2{padding-bottom:70px;}
.fu_box_2{width:1200px; margin:0 auto;}
.fu_box_2 td{width:50%; vertical-align:top;}
.fu_left_2 h4{line-height:1.4; padding-bottom:30px;}
.fu_left_2 .fs_14{color:rgba(0,0,0,0.6); padding-top:20px;}
.fu_right_2{padding-top:100px;}
.fu_slogan_2{position:relative; padding-bottom:15px;}
.fu_slogan_2 span{display:block;}
.fu_line_2{position:absolute; right:0; top:4px; height:1px; width:285px; background-color:rgba(0,0,0,0.2);}

.fu_wrap_3{margin:150px 0;}
.fu_wrap_3 h3{padding-bottom:80px; text-transform:uppercase;}
.fu_wrap_3 img{display:block; margin:0 auto; max-width:1840px; width:100%;}

.fu_wrap_4{margin:150px 0;}
.fu_area_4{width:1200px; margin:0 auto 25px auto; line-height:1.5;}
.fu_area_4 h3{line-height:1.25; padding-bottom:35px;}
.fu_box_4{position:relative; padding-top:80px;}

.fu_area_5{width:1200px; margin:100px auto; position:relative; height:640px; line-height:1.5;}
.fu_area_5 h3{line-height:1.25; padding-bottom:35px;}
.fu_area_5 img{position:absolute; top:0; left:375px;}

.fu_area_6{width:1200px; margin:0 auto; padding:100px 0;}
.fu_area_6 h3{padding-bottom:50px;}

/** 3-1. 알티오라 링크 **/
.al_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.al_left_1{width:50%; background:url(../images/al_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.al_right_1{background-color:#ff678a;}
.al_area_1{width:600px; padding-left:100px; line-height:1.5;}
.al_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}

.al_wrap_2{margin:130px 0; background-color:#8058ee;}
.al_area_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:1200px; margin:0 auto; padding:55px 0;}
.al_box_2{display:-webkit-box; display:-ms-flexbox; display:flex; color:#fff;}
.al_left_2{width:200px; margin-right:12px; font-weight:500; line-height:1.4; font-size:24px;}
.al_box_2 small{display:block; padding-bottom:17px; border-bottom:2px solid rgba(255,255,255,0.3); font-size:16px; font-weight:400; margin-bottom:15px;}

.al_wrap_3{position:relative; height:570px;}
.al_left_3{position:absolute; left:0; right:50%; top:0; height:500px; background-color:#f4f4f4;}
.al_left_bg_3{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.al_area_3{width:600px; margin:0 0 0 auto; position:relative; padding:95px 85px 0 0; line-height:1.5;}
.al_area_3 b{font-weight:500;}
.al_area_3 h3{margin-bottom:40px;}
.al_right_3{position:absolute; right:0; left:50%; bottom:0; height:500px; background:url(../images/al_img_2.jpg) no-repeat 50% 0; background-size:cover;}

.al_wrap_4{position:relative; height:570px; margin:130px 0;}
.al_left_4{position:absolute; left:0; right:50%; top:0; height:500px; background-color:#f4f4f4;}
.al_left_bg_4{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.al_area_4{width:600px; margin:0 0 0 auto; position:relative; padding:95px 85px 0 0; line-height:1.5;}
.al_area_4 b{font-weight:500;}
.al_area_4 h3{margin-bottom:40px;}
.al_right_4{position:absolute; right:0; left:50%; bottom:0; height:500px; background:url(../images/al_img_3.jpg) no-repeat 0 0; background-size:cover;}

.al_wrap_5{position:relative; height:570px;}
.al_left_5{position:absolute; left:0; right:50%; top:0; height:500px; background-color:#f4f4f4;}
.al_left_bg_5{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.al_area_5{width:600px; margin:0 0 0 auto; position:relative; padding:95px 85px 0 0; line-height:1.5;}
.al_area_5 b{font-weight:500;}
.al_area_5 h3{margin-bottom:40px;}
.al_right_5{position:absolute; right:0; left:50%; bottom:0; height:500px; background:url(../images/al_img_4.jpg) no-repeat 0 0; background-size:cover;}

/** 3-2. 인텔레고 라이브 **/
.il_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.il_left_1{width:50%; background:url(../images/il_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.il_right_1{background-color:#f5694d;}
.il_area_1{width:600px; padding-left:100px; line-height:1.5;}
.il_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}

.il_wrap_2{padding:65px 0; background:url(../images/dot_bg.png); margin:130px 0;}
.il_text_2_1{line-height:1.6; text-transform:uppercase;}
.il_diagram_2{margin:65px auto; display:block;}

.il_text_2_2{line-height:1.3; font-weight:500;}

.il_wrap_3{position:relative; height:570px;}
.il_left_3{position:absolute; left:0; right:50%; top:0; height:500px; background-color:#f4f4f4;}
.il_left_bg_3{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.il_area_3{width:600px; margin:0 0 0 auto; position:relative; padding:95px 65px 0 0; line-height:1.5;}
.il_area_3 b{font-weight:500;}
.il_area_3 h3{margin-bottom:40px;}
.il_right_3{position:absolute; right:0; left:50%; bottom:0; height:500px; background:url(../images/il_img_2_1.jpg) no-repeat 50% 0; background-size:cover;}

.il_wrap_4{position:relative; height:570px; margin:130px 0;}
.il_left_4{position:absolute; left:0; right:50%; top:0; height:500px; background-color:#f4f4f4;}
.il_left_bg_4{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.il_area_4{width:600px; margin:0 0 0 auto; position:relative; padding:95px 85px 0 0; line-height:1.5;}
.il_area_4 b{font-weight:500;}
.il_area_4 h3{margin-bottom:40px;}
.il_right_4{position:absolute; right:0; left:50%; bottom:0; height:500px; background:url(../images/il_img_3.jpg) no-repeat 0 0; background-size:cover;}

.il_wrap_5{position:relative; height:570px;}
.il_left_5{position:absolute; left:0; right:50%; top:0; height:500px; background-color:#f4f4f4;}
.il_left_bg_5{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.il_area_5{width:600px; margin:0 0 0 auto; position:relative; padding:95px 50px 0 0; line-height:1.5;}
.il_area_5 b{font-weight:500;}
.il_area_5 h3{margin-bottom:40px; letter-spacing:-1px;}
.il_right_5{position:absolute; right:0; left:50%; bottom:0; height:500px; background:url(../images/il_img_4.jpg) no-repeat 0 0; background-size:cover;}

.il_wrap_6{color:rgba(0,0,0,0.6); width:1200px; margin:80px auto 0 auto;}

/** 3-3. 팬그램 **/
.pan_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.pan_left_1{width:50%; background:url(../images/pan_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.pan_right_1{background-color:#25a0f4;}
.pan_area_1{width:600px; padding-left:100px; line-height:1.5;}
.pan_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}

.pan_wrap_2_1{background:url(../images/pan_bg_1.jpg) no-repeat 50% 50%; background-size:cover; height:435px;}
.pan_wrap_2_1 img{display:block; margin:0 auto; max-width:1920px; width:100%;}
.pan_wrap_2_1 h3{line-height:1.4; padding-top:170px;}
.pan_wrap_2_2{background:url(../images/pan_bg_1.jpg) no-repeat 50% 50%; background-size:cover; height:505px; padding-top:80px;}
.pan_wrap_2_2 img{display:block; margin:0 auto 65px auto;}
.pan_text_2_2{width:1200px; margin:0 auto; line-height:1.5; letter-spacing:-0.5px;}
.pan_wrap_2_3{background:url(../images/pan_bg_3.jpg) no-repeat 50% 50%; background-size:cover; height:526px;}

.pan_wrap_3{padding:130px 0 130px 0;}
.pan_wrap_3 h3{padding-bottom:70px;}
.pan_wrap_3 img{display:block; margin:0 auto;}

/** 3-4. 러닝박스 **/
.lb_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.lb_left_1{width:50%; background:url(../images/lb_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.lb_right_1{background-color:#8058ee;}
.lb_area_1{width:600px; padding-left:110px; line-height:1.5;}
.lb_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}
.lb_area_1 b{text-transform:uppercase; font-weight:500;}

.lb_wrap_2{padding:180px 0 110px 0;}

.lb_wrap_3{position:relative;}
.lb_wrap_3 img{display:block; margin:0 auto; position:relative;}
.lb_bg_3{position:absolute; width:100%; height:430px; left:0; top:30px; background-color:#f5f5f5;}

.lb_wrap_4{margin:80px 0 200px 0; line-height:1.5;}
.lb_text_4_1{position:relative;}
.lb_text_4_1 div{position:relative;}
.lb_bg_4{position:absolute; width:370px; height:20px; background-color:rgba(255,210,0,0.6); bottom:0px; left:50%; margin-left:-185px;}
.lb_text_4_2{margin:60px 0 25px 0;}

.lb_wrap_5{height:944px; background:url(../images/lb_img_2.png) no-repeat 50% 0; background-size:cover; padding-top:650px;}
.lb_area_5{width:1200px; margin:0 auto; border-collapse:collapse; line-height:1.5;}
.lb_area_5 td{vertical-align:top; width:50%;}
.lb_right_5{padding-left:20px;}
.lb_area_5 big{display:block; padding:10px 0 20px 0;}

/** 3-5. 알티오라 레드 **/
.ar_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.ar_left_1{width:50%; background:url(../images/ar_img_1.jpg) no-repeat 50% 50%;}
.ar_right_1{background-color:#f5694d;}
.ar_area_1{width:600px; padding-left:100px; line-height:1.5;}
.ar_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}
.ar_area_1 b{text-transform:uppercase; font-weight:500;}

.ar_logo{display:block; margin:150px auto 10px auto;}

.ar_wrap_2{width:1280px; border-collapse:collapse; margin:0 auto;}
.ar_wrap_2 td{width:50%;}
.ar_circle{width:330px; height:330px; margin:0 auto; border:2px solid #040001; border-radius:50%; text-align:center; padding-top:65px; line-height:1.7;}
.ar_circle.right{border-color:#e61f19;}
.ar_circle small{display:block; font-size:14px;}
.ar_circle h3{font-size:24px;}
.ar_circle span{color:#e61f19;}

.ar_wrap_3{width:100%; border-collapse:collapse; margin-top:-170px;}
.ar_wrap_3 td{padding:70px 0; width:50%; line-height:1.5; vertical-align:top;}
.ar_left_3{background-color:#e61f19;}
.ar_left_3 div{width:600px; margin:0 0 0 auto; padding-right:80px;}
.ar_right_3{background-color:#040001;}
.ar_right_3 div{width:600px; margin:0 auto 0 0; padding-left:80px;}

/** 3-6. 인증 평가 시스템 **/
.ts_wrap_1{width:100%; height:730px; border-collapse:collapse;}
.ts_left_1{width:50%; background:url(../images/ts_img_1.jpg) no-repeat 50% 50%; background-size:cover;}
.ts_right_1{background-color:#3dc6a9;}
.ts_area_1{width:600px; padding-left:100px; line-height:1.5;}
.ts_area_1 h3{font-weight:300; line-height:1.25; margin-bottom:30px;}
.ts_area_1 b{text-transform:uppercase; font-weight:500;}

.ts_wrap_2{position:relative; height:760px; margin:130px 0;}
.ts_left_2{position:absolute; left:0; right:50%; top:0; height:630px; background-color:#f4f4f4;}
.ts_left_bg_2{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.ts_area_2{width:600px; margin:0 0 0 auto; position:relative; padding:95px 80px 0 0; line-height:1.5;}
.ts_area_2 h3{margin-bottom:40px;}
.ts_right_2{position:absolute; right:0; left:50%; bottom:0; height:688px; background:url(../images/ts_img_2.jpg) no-repeat 50% 0; background-size:cover;}

.ts_wrap_3{position:relative; height:760px; margin:130px 0;}
.ts_left_3{position:absolute; left:0; right:50%; top:0; height:630px; background-color:#f4f4f4;}
.ts_left_bg_3{position:absolute; top:0; right:-220px; width:230px; height:500px; background-color:#f4f4f4;}
.ts_area_3{width:600px; margin:0 0 0 auto; position:relative; padding:95px 80px 0 0; line-height:1.5;}
.ts_area_3 h3{line-height:1.1;}
.ts_area_3 b{display:block; margin-bottom:35px;}
.ts_right_3{position:absolute; right:0; left:50%; bottom:0; height:688px; background:url(../images/ts_img_3.jpg) no-repeat 50% 0; background-size:cover;}

/** 가맹점 문의 **/
.popup_wrap{padding:40px 70px 30px 70px;}
.popup_title{text-align:center; padding:0 0 30px 0; font-size:28px; font-family:'NanumSquareRound';}
.popup_title small{display:block; font-size:16px; font-weight:400; padding-top:16px;}

.border_top_contact{border-top:10px solid #da3f2a;}
.contact_table{width:900px; margin:0 auto; border-collapse:collapse; border-top:3px solid #26160a; font-size:16px;}
.contact_table th{border-bottom:1px solid #c3c3c3; height:54px; text-align:left; background-color:#f9fafb; padding-left:32px; color:#414141; width:195px; font-family:'NanumSquareRound';}
.contact_table td{border-bottom:1px solid #c3c3c3; padding:10px 20px;}
.contact_input, .contact_select{border:1px solid #dbdbdb; height:34px; width:100%; display:block; padding-left:12px; color:#010101;}
.contact_textarea{border:1px solid #dbdbdb; height:300px; width:100%; display:block; padding:15px; color:#010101;}
.contact_email{padding:10px 20px 9px 20px;}
.contact_email .contact_input, .contact_email .contact_select{display:inline-block;}
.contact_text{padding:6px 0 0 1px; color:#666;}

.contact_btns{padding-top:35px; text-align:center;}
.contact_btn{display:inline-block; width:170px; height:48px; line-height:47px; background-color:#000; color:#fff; margin:0 2px; font-weight:500; transition:0.2s; font-size:16px;}
.contact_btn:hover{background-color:#da3f2a;}

.contact_gender{display:-webkit-box; display:-ms-flexbox; display:flex;}
.radio_input{display:none;}
.radio_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.radio_label .radio_bullet{width:20px; height:20px; border-radius:50%; border:1px solid #b5b5b5; background-color:#fff; margin:0 6px -1px 0; }
.radio_input:checked + .radio_bullet{background-image:url(../images/input_radio_black.png); background-repeat:no-repeat; background-position:center; background-size:100%;}