@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; -webkit-tap-highlight-color:transparent;}
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;}
body.min_auto{min-width:auto;}

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

/** 폰트 관련 **/
.font_nanum_square{font-family:'NanumSquareRound';}

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

/** 체크박스 **/
.check_wrap .input_check{display:none;}
.check_wrap .label{padding-left:22px; position:relative; cursor:pointer;}
.check_wrap .label .bullet_check{position:absolute; width:18px; height:18px; left:0; top:2px; border-radius:50%; background-color:#fff;}
.check_wrap .input_check:checked + .label .bullet_check{background-image:url(../images/input_radio_gold.png); background-size:100%;}

/** 라디오박스 **/
.radio_wrap .input_radio{display:none;}
.radio_wrap .label{padding-left:22px; position:relative; cursor:pointer;}
.radio_wrap .label .bullet_radio{position:absolute; width:17px; height:17px; border:1px solid #987c4c; left:0; top:1px; border-radius:50%;}
.radio_wrap .input_radio:checked + .label .bullet_radio{background-image:url(../images/input_radio_gold.png); background-size:100%;}

/** 헤더 영역 **/
header{position:fixed; left:0; top:0; right:0; height:75px; transition:0.3s; z-index:1000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 3.5% 0 2%;}
header *{transition:0.3s;}
.header_logo img{width:155px;}

.header_nav_bar{width:23px; height:21px; background-image:url(../images/nav_bar.png); background-repeat:no-repeat; background-size:100%;}
.header_nav_bar:hover .header_nav_bar{background-image:url(../images/nav_bar_on.png);}

header.header_change{background-color:rgba(27,35,47,0.6); height:50px; box-shadow:0 1px 6px 2px rgba(0,0,0,0.1);}
header.header_change .header_logo img{width:118px;}

/** 네비게이션 **/
.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:90%; right:-360px; top:0; max-width:360px; height:100%; padding:0 0 15px 0; background-color:#fff; transition:0.5s; z-index:2100; overflow:auto;}
.nav_top{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:15px 20px;}
.nav_close{width:28px;}
.nav_close img{width:100%;}
.nav_logo{width:180px;}

nav.move{right:0;}

.nav_wrap h4{font-weight:500; color:#000; font-size:20px; height:46px; line-height:46px; padding:0 0 0 30px;}
.nav_wrap h4.active{color:#da3f2a;}
.nav_area{display:none; background-color:#f6f6f6; padding:5px 0;}
.nav_area > li{font-size:18px; height:44px; line-height:44px;}
.nav_area > li > a{display:block; color:#000; padding:0 0 0 30px; font-weight:300;}
.nav_area > li > a:hover{color:#da3f2a;}
.nav_area > li > a.active{color:#da3f2a;}

.nav_btn{display:block; margin:20px 0 0 25px; width:170px; height:46px; line-height:43px; border:1px solid rgba(0,0,0,0.5); padding-left:15px; color:#000; background:url(../images/arrow_btn_gray.png) no-repeat 91% 50%; background-size:9px; font-weight:500; font-size:17px;}

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

.footer_top_wrap{background-color:#616161; width:98%; margin:0 auto; padding:30px 5%; position:relative; top:-190px; max-width:1080px;}
.footer_top{}
.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:24px; padding:0 1px 12px 1px;}
.footer_title a{color:rgba(255,255,255,0.85); font-weight:400; transition:0.2s; font-size:15px;}
.footer_title a:hover{color:#000;}

.footer_news{margin-bottom:35px;}
.footer_news_list{border-top:1px solid rgba(255,255,255,0.3); font-size:15px;}
.footer_news_list a{display:block; height:48px; line-height:48px; 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/arrow_btn.png) no-repeat 99% 50%; background-size:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_news_list a:hover{color:#000;}

.footer_us{color:rgba(255,255,255,0.85);  font-size:15px;}
.footer_us address{font-style:normal; padding-top:5px;}
.footer_us big{display:block; font-size:22px; font-weight:500; padding:10px 0 20px 0;}
.footer_us_btns{display:-webkit-box; display:-ms-flexbox; display:flex;}
.footer_us_btn{display:inline-block; color:rgba(255,255,255,0.85); width:152px; height:48px; line-height:47px; background:url(../images/arrow_btn.png) no-repeat 93% 50%; background-size:7px; background-color:rgba(0,0,0,0.3); padding-left:12px; transition:0.3s;}
.footer_us_btn:nth-of-type(1){margin-right:9px;}
.footer_us_btn:hover{background-color:rgba(0,0,0,0.75);}

.footer_wrap{margin:0 auto; margin-top:-150px; padding:0 5%;}
.footer_logo{width:25%; display:block; margin:0 auto 35px auto; max-width:214px;}
.footer_area{width:100%; border-collapse:collapse; margin:0 auto; max-width:480px;}
.footer_area td{vertical-align:top;}
.footer_brand{width:59%;}
.footer_rnd{width:41%;}
.footer_caption{color:rgba(255,255,255,0.8); font-size:16px; font-weight:700; padding-bottom:15px;}
.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:15px; border-top:1px solid rgba(255,255,255,0.15); margin-top:25px; text-align:center;}

@media all and (min-width:480px){
    .footer_top_wrap{width:95%;}
}
@media all and (min-width:768px){
    footer{margin-top:210px;}
    .footer_top_wrap{padding:30px 4%; top:-140px;}
    .footer_top{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .footer_news{margin:0 20px 0 0; width:48%; max-width:400px;}
    .footer_us address{padding-top:17px;}
    .footer_us big{padding:10px 0 25px 0;}
    
    .footer_wrap{margin-top:-100px;}
}

.main_visual_wrap{opacity:;}

/** 메인  - pangramON **/
.main_wrap_0{ background: linear-gradient(to right, #f93b1d,#f93b1d,#2a3d71,#2a3d71, #2a3d71);}
.main_area_0{ padding: 10% 2%; margin: 0 5%; background: #2a3d71;}
.main_text_0_1{ font-weight: 300; font-size: 20px; line-height: 1.4; color: #fff;}
.fw_300.main_text_0_2{ display: block; font-size: 36px; font-weight: bold;}
.main_pangramon_more{ margin-top: 35px;}
.main_pangramon_logo{ display: block; max-width: 300px; width: 70%; padding-top: 10%; background-image: url(../images/main_pangramon_logo.png); background-repeat: no-repeat;  background-size: 100%; margin: 0 0 0 auto;}
.main_pangram_btn{ display: block; color: #2a3d71; width: 150px; height: 31px; line-height: 31px; background: url(../images/link_arrow_3.png) no-repeat 97% 50%; background-color: #fff; font-size: 16px; font-weight: 500; padding-left: 8px; margin: 10px 0 0 auto;}

@media all and (min-width:640px){   
    .main_area_0{ padding: 10% 3%;}
    .fw_300.main_text_0_2{ font-size: 40px;}
    .main_pangramon_logo{ Width: 50%;}
    .main_pangramon_more{ margin-top: 40px;}
    .main_pangram_btn{ width: 160px; height: 35px; line-height: 35px; background: url(../images/link_arrow_3.png) no-repeat 95% 50%; background-color: #fff; margin-top: 0px;}
}

/** 메인 2 - Altiora is **/
.main_wrap_1{margin:30px 0 30px 0; padding:50px 0 50px 0; background:url(../images/main_is_bg.png) no-repeat 50% 0; background-size:100%; opacity:;}
.main_area_1{padding:0 3%;}
.main_text_1_1{font-size:36px;}
.main_text_1_2{padding:15px 0 15px 0; letter-spacing:-0.5px;}
.main_text_1_3{line-height:1.5; margin-bottom:30px;}
.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:120px; color:#4f4f4f;}
.main_list_1 li{width:20%; line-height:1.2; padding:0 1%; font-size:13px; position:relative;}
.main_list_1 li:after{content:''; width:4px; height:4px; background-color:#3dc6a9; border-radius:50%; position:absolute; right:-2px; top:47%; display:none;}
.main_list_1 li:last-child:after{display:none;}
.main_list_1 a{color:#4f4f4f; transition:0.2s;}
.main_list_1 a:hover{color:#3dc6a9;}
.main_list_icon{display:block; margin:0 auto; width:76%; padding-top:76%; background-repeat:no-repeat; background-size:100%; 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; padding:5px 0 5px 0;}

.main_wrap_2{position:relative; padding-top:41.49%; margin-bottom:20px; opacity:;}
.main_iframe_2{position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

.main_wrap_3{background:url(../images/main_annual_left.png) no-repeat -32px 0; background-size:100%; opacity:;}
.main_area_3{padding:60px 3% 50px 3%;}
.main_text_3_1{font-size:32px;}
.main_text_3_2{padding:10px 0 15px 0; font-size:22px;}
.main_text_3_3{line-height:1.5; margin-bottom:25px;}
.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_img_3{margin-top:40px;}
.main_img_3 img{width:80%; display:block; margin:0 auto; max-width:709px;}
.main_img_3 figcaption{text-align:center; padding-top:1px;}

.main_wrap_4{padding-top:7%; position:relative; margin-top:0; overflow:hidden; opacity:;}
.main_area_4{background-color:#653dd1; height:400px; position:relative;}
.main_left_bg_4{position:absolute; right:calc(50% - 10px); bottom:0; height:106%;}
.main_right_bg_4{position:absolute; right:0; bottom:0; height:100%;}
.main_box_4{position:absolute; left:47%; top:0; padding:45px 0 0 0;}
.main_text_4_1{font-size:36px; line-height:1.1;}
.main_text_4_2{line-height:1.5; padding:20px 0 20px 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:45px;}
.main_inner_4 th{font-size:80px; width:95px; text-align:right;}
.main_inner_4 td{vertical-align:bottom; padding:0 0 1px 5px; line-height:1.5; font-size:18px;}
.main_inner_4 b{display:block;}

@media all and (min-width:480px){
    .main_list_1 li{font-size:14px;}
    .main_list_1 b{font-size:15px; padding:5px 0 5px 0;}
    .main_list_1 .break{display:inline;}
}
@media all and (min-width:640px){   
    .main_list_1 li{font-size:16px;}
    .main_list_1 b{font-size:17px; padding:0 0 5px 0;}
    
    .main_wrap_3{background:url(../images/main_annual_left.png) no-repeat -26px 0; background-size:300px;}
    .main_area_3{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .main_left_3{width:52%;}
    .main_img_3{margin:0; width:44%;}
    .main_img_3 img{width:100%;}
    
    .main_box_4{left:55%;}
}
@media all and (min-width:768px){
    .main_list_icon{width:102px; height:102px; padding:0;}
}

/** 서브 공통 **/
.sub_wrap{padding:0 1%;}

.sub_title{text-align:center; padding:40px 0; font-size:28px; letter-spacing:-0.5px;}
.sub_title small{display:block; font-size:15px; font-weight:400; letter-spacing:-0.5px; padding-top:8px; line-height:1.4;}

.swiper-container.tab_nav{text-align:center; margin-bottom:40px;}
.tab_nav a{display:block; height:36px; color:#000; font-size:17px; transition:0.3s; position:relative; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.5);}
.tab_nav a:hover{color:#da3f2a;}
.tab_nav a.active:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#da3f2a;}

@media all and (min-width:480px){    
    .sub_title{padding:45px 0; font-size:30px;}
    .sub_title small{font-size:16px; padding-top:8px;}
    .sub_title .break{display:inline;}
}
@media all and (min-width:640px){    
    .sub_title{padding:50px 0; font-size:32px;}
    .sub_title small{font-size:17px; padding-top:10px;}
}

/** 서브 비주얼 
.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;}
**/
.sub_visual{width:100%; display:block;}

/** 1-1. Introduction **/
.intro_wrap_1{padding:0 0 75px 0; font-size:17px;}
.intro_area_1{line-height:1.55; padding:0 3%;}
.intro_area_1 h3{font-weight:900; font-size:20px;}
.intro_area_1 img{width:100%; display:block; margin:20px auto; max-width:1024px;}

.intro_wrap_2{padding:0 0 75px 0; font-size:17px;}
.intro_area_2{line-height:1.55; padding:0 3%;}
.intro_area_2 h3{font-size:17px;}
.intro_area_2 img{width:100%; display:block; margin:10px auto 20px auto; max-width:1024px;}

.intro_wrap_3{}
.intro_area_3{line-height:1.55; padding:0 3%;}
.intro_img_3_1{margin:0 auto 35px auto; display:block; width:100%; max-width:897px;}
.intro_img_3_2{margin:35px auto; display:block; width:100%; max-width:897px;}

/** 1-2. Brand Identity **/
.brand_wrap_1{padding:0 0 75px 0;}
.brand_area_1{padding:0 3%;}
.brand_area_1 img{margin:0 auto; display:block; width:50%; max-width:408px;}
.brand_line_1{width:1px; height:60px; background-color:rgba(67,68,68,0.3); margin:25px auto 20px auto;}
.brand_text_1{line-height:1.55;}
.brand_text_1.two{margin-top:20px;}
.brand_text_1 h3{font-size:20px; text-align:center;}
.brand_text_1 h4{padding:7px 0 5px 0; text-align:center; font-weight:500;}

.brand_wrap_2{padding:0 0 75px 0;}
.brand_area_2{padding:0 3%;}
.brand_text_2{line-height:1.55;}
.brand_text_2 img{width:90%; display:block; margin:0 auto 20px auto; max-width:792px;}
.brand_text_2 span{display:block;}
.brand_text_2 h3{padding-bottom:3px; font-size:20px;}
.brand_text_2.two{margin-top:50px;}

.brand_wrap_3{padding:0 0 75px 0;}
.brand_area_3{padding:0 3%; line-height:1.55;}
.brand_area_3 img{margin:0 auto 25px auto; display:block; width:100%; max-width:881px;}
.brand_area_3 h3{padding-bottom:3px; font-size:20px;}

.brand_area_4{line-height:1.55; padding:0 3%;}
.brand_area_4 h2{line-height:1.3; font-size:27px;}
.brand_area_4 h2 .one{line-height:0.6;}
.brand_area_4 h2 .two{line-height:1.6;}
.brand_area_4 h3{padding-bottom:4px;}

.brand_img_5{margin:40px auto 0 auto; display:block; width:100%; max-width:1920px;}

/** 1-5. Campus List **/
.campus_list_wrap{}
.campus_list_area{padding:0 2%;}
.campus_list_caption{padding:50px 0 14px 2px; font-size:20px;}
.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; border-bottom:1px solid #ddd;}
.campus_list li{width:100%;}
.campus_table{width:100%; height:100%; border-collapse:collapse; border-top:2px solid #000; line-height:1.5;}
.campus_table th{font-weight:500; padding-left:12px; height:45px; background-color:#f9fafb; border-bottom:1px solid #c3c3c3;}
.campus_table td{padding:14px 12px 18px 12px; vertical-align:top;}
.campus_table_btns{padding-top:10px;}
.campus_table_btn{display:inline-block; width:120px; height:36px; line-height:36px; background:url(../images/campus_btn_arrow.png) no-repeat 90% 50%; background-size:8px; background-color:#555; color:#fff; padding-left:16px; margin-right:5px; transition:0.3s;}
.campus_table_btn:hover{background-color:#000;}

.campus_stamp{ width: 30px; vertical-align: -8px;}

@media all and (min-width:640px){
    .campus_list li{width:48.5%;}
}

/** 캠퍼스 소개/둘러보기 **/
.ceo_greeting{padding:0 3%;}
.ceo_greeting_left{}
.ceo_greeting_right{line-height:1.55; text-align:justify;}
.ceo_greeting_photo{display:block; width:100%; max-width:480px; margin:0 auto;}
.ceo_greeting_caption{font-size:21px; padding:20px 0 10px 0; font-family:'NanumSquareRound';}

/** 2-1. Curriculum Overview **/
.curriculum_wrap_1{margin-bottom:75px;}
.curriculum_text_1_1{line-height:1.4; font-size:20px; font-weight:700; font-family:'NanumSquareRound';}
.curriculum_diagram_1{margin:30px auto; display:block; width:98%; max-width:640px;}

.curriculum_text_1_2{line-height:1.55; padding:0 3%;}
.curriculum_text_1_2 h3{padding:0 0 5px 1px; font-size:18px;}

.curriculum_wrap_4{background:url(../images/curriculum_number_bg.png) no-repeat 50% 100%; background-size:100%; background-color:#252935; margin-bottom:75px;}
.curriculum_img_4{display:block; width:100%; max-width:760px; margin:0 auto;}
.curriculum_text_4{color:#fff; padding:15% 3% 30px 3%; line-height:1.55;}

.curriculum_wrap_2{margin-bottom:75px;}
.curriculum_caption_2{font-size:28px; padding:0 3%; margin:0 auto; max-width:700px;}
.curriculum_caption_2 span{display:block;}
.curriculum_caption_bottom{padding-top:11px;}
.curriculum_img_2{margin-bottom:30px; position:relative;}
.curriculum_steam{display:block; width:100%; max-width:640px; margin:0 auto; position:relative;}
.curriculum_area_2{padding:0 3%; line-height:1.55;}

.curriculum_wrap_3{}
.curriculum_img_3{width:100%; display:block;}
.curriculum_area_3{background-color:#66ecd0; padding:30px 3%; line-height:1.55; text-align:justify;}
.curriculum_area_3 h3{position:relative; padding-bottom:15px;}
.curriculum_area_3 h3 div{position:relative;}
.curriculum_area_3 h3 span{position:absolute; background-color:rgba(255,255,255,0.6); height:13px;}
span.bg_1{width:250px; top:42px; left:calc(50% - 125px);}
span.bg_2{width:142px; top:69px; left:calc(50% - 71px);}
.curriculum_area_3 h4{padding:25px 0; font-size:17px;}

@media all and (min-width:480px){
    .curriculum_text_1_1{font-size:21px;}
}
@media all and (min-width:640px){
   
}
@media all and (min-width:768px){

}

/** 2-2-1. English Education - 개요 **/
.outline_wrap_1{margin-bottom:75px;}
.outline_text_1{line-height:1.4; padding:0 0 30px 0; font-family:'NanumSquareRound'; font-size:19px;}
.outline_diagram{display:block; width:98%; margin:0 auto; max-width:1271px;}
.outline_wrap_1 figcaption{text-align:center; padding-top:20px;}

.outline_wrap_2{padding:0 3%; line-height:1.55;}
.outline_wrap_2 h3{font-size:20px; padding-bottom:5px;}

@media all and (min-width:480px){
    .outline_text_1{font-size:21px;}
}

/** 교재 펼침 **/
.book_list{width:100%; border-collapse:collapse; border-spacing:0;}
.book_list th{height:200px; 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:30px; 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; line-height:1.3;}
.book_list_title b{font-weight:900;}
.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:300px;}
.book_list th:hover:before{opacity:0;}
**/
.book_list tr.active th:hover{height:300px;}
.book_list tr.active th:hover:before{opacity:0;}

@media all and (min-width:640px){
    .book_list_title{font-size:36px;}
}

@media all and (min-width:768px){
    .book_list th{height:250px;}
    .book_list_title{font-size:40px;}
    .book_list tr.active th:hover{height:400px;}
}

/** 2-2-2. English Education - 습득 프로그램 **/
.learn_wrap_1{line-height:1.4; padding:0 0 30px 0; font-size:17px; font-weight:700; font-family:'NanumSquareRound';}

.learn_wrap_2{position:relative; background-color:#3dc6a9; padding:2.5% 0 2.5% 0; margin-bottom:75px;}
.learn_bg_2{position:relative; width:98%; margin:0 auto; display:block; max-width:480px;}
.learn_area_2{width:100%; height:100%; position:absolute; left:0; top:0; 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;}
.learn_caption_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.learn_area_2 h3{font-size:24px; border-top:2px solid rgba(255,255,255,0.8); border-bottom:2px solid rgba(255,255,255,0.8); padding:5px 3px 7px 3px;}
.learn_text_2{line-height:1.55; padding:25px 0; font-size:17px; letter-spacing:-0.5px;}
.learn_list_2{font-size:17px; line-height:1.65;}

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

.learn_wrap_5{margin:75px 0;}
.learn_wrap_5 h3{padding-bottom:30px; font-size:21px;}
.learn_wrap_5 img{display:block; margin:0 auto; width:98%; max-width:800px;}

.learn_wrap_6 h3{padding-bottom:30px; font-size:21px;}
.learn_wrap_6 img{display:block; margin:0 auto; width:98%; max-width:1024px;}

@media all and (min-width:480px){
    .learn_wrap_1{font-size:21px;}
    
    .learn_text_2{font-size:18px;}
}

/** 2-2-3. English Education - 우뇌어휘 프로그램 **/
.voca_wrap_1{line-height:1.4; padding:0 0 30px 0; font-size:18px; font-weight:700; font-family:'NanumSquareRound';}

.voca_wrap_2{position:relative; background-color:#25a0f4; padding:3% 0 2% 0; margin-bottom:75px;}
.voca_bg_2{position:relative; width:92%; margin:0 auto; display:block; max-width:480px;}
.voca_area_2{width:100%; height:100%; position:absolute; left:0; top:0; 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;}
.voca_caption_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.voca_area_2 h3{font-size:24px; border-top:2px solid rgba(255,255,255,0.8); border-bottom:2px solid rgba(255,255,255,0.8); padding:5px 3px 7px 3px;}
.voca_text_2{line-height:1.55; padding:30px 0; font-size:18px;}
.voca_list_2{font-size:17px; line-height:1.7;}

.voca_wrap_3{margin-bottom:75px;}

@media all and (min-width:480px){
    .voca_wrap_1{font-size:21px;}
}

/** 2-2-4. English Education - 국제학교 프로그램 **/
.school_wrap_1{line-height:1.4; padding:0 0 30px 0; font-size:20px; font-weight:700; font-family:'NanumSquareRound';}

.school_wrap_2{position:relative; background-color:#f5694d; padding:1% 0; margin-bottom:75px;}
.school_bg_2{position:relative; width:98%; margin:0 auto; display:block; max-width:480px;}
.school_area_2{width:100%; height:100%; position:absolute; left:0; top:0; 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;}
.school_caption_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.school_area_2 h3{font-size:24px; border-top:2px solid rgba(255,255,255,0.8); border-bottom:2px solid rgba(255,255,255,0.8); padding:5px 3px 7px 3px;}
.school_text_2{line-height:1.55; padding:30px 0; font-size:18px;}
.school_list_2{font-size:17px; line-height:1.7;}

.school_wrap_3{line-height:1.55;}
.school_area_3{padding:0 3%;}
.school_wrap_3 h3{font-size:21px; padding-bottom:5px;}
.school_img_3{display:block; width:96%; margin:35px auto 0 auto; max-width:960px;}

@media all and (min-width:480px){
    .school_wrap_1{font-size:21px;}
}

/** 2-2-5. English Education - 리터러시 프로그램 **/
.literacy_wrap_1{line-height:1.4; padding:0 0 30px 0; font-size:18px; font-weight:700; font-family:'NanumSquareRound';}

.literacy_wrap_2{position:relative; background-color:#8058ee; padding:1% 0; margin-bottom:75px;}
.literacy_bg_2{position:relative; width:98%; margin:0 auto; display:block; max-width:480px;}
.literacy_area_2{width:100%; height:100%; position:absolute; left:0; top:0; 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;}
.literacy_caption_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.literacy_area_2 h3{font-size:24px; border-top:2px solid rgba(255,255,255,0.8); border-bottom:2px solid rgba(255,255,255,0.8); padding:4px 2px 6px 2px;}
.literacy_text_2{line-height:1.55; padding:30px 0; font-size:18px;}
.literacy_list_2{font-size:17px; line-height:1.7;}

.literacy_wrap_3{padding:0 3%; line-height:1.55; margin-bottom:75px;}
.literacy_wrap_3 h3{font-size:21px; padding-bottom:5px;}

@media all and (min-width:480px){
    .literacy_wrap_1{font-size:21px;}
}

/** 2-3. 국어 교육 과정 **/
.kor_wrap_1{margin-bottom:75px;}
.kor_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.kor_area_1{padding:5% 3%; line-height:1.55; background-color:#f5694d; word-break:break-all;}
.kor_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.kor_area_1 b{text-transform:uppercase; font-weight:500;}
.kor_area_1 strong{display:block; font-weight:500;}

.kor_wrap_2{margin-bottom:75px;}
.kor_wrap_2 h3{line-height:1.4; padding-bottom:30px; font-family:'NanumSquareRound'; font-size:18px;}
.kor_text_2{position:relative; font-size:; letter-spacing:-0.5px;}
.kor_text_2 span{position:absolute; width:350px; height:14px; left:calc(50% - 175px); bottom:-8px; background-color:rgba(253,191,45,0.6);}
.kor_text_2 div{position:relative;}

.kor_caption{margin:0 auto 25px auto; padding:0 3%; max-width:1080px;}
.kor_caption h3{margin-bottom:12px; font-size:24px;}
.kor_caption small{padding-left:5px; font-size:17px;}
.kor_caption > div{font-size:17px; line-height:1.4;}

.kor_wrap_3{margin-bottom:75px;}
.kor_area_3 img{display:block; width:100%; margin:0 auto 30px auto; max-width:1024px;}

.kor_wrap_4{ position: relative; padding:40px 0; background-color:#f5f5f5; margin-bottom:75px; overflow: hidden;}
.kor_wrap_4 .title_text{ color: #25a0f4; line-height: 1.3;}
.kor_wrap_4 .tiltle_small{ font-size: 14px;}
.kor_wrap_4 .kor_title{ font-weight: bold; margin-bottom: 30px;}
.kor_wrap_4 .kor_content{ font-size: 15px; line-height: 1.5;}
.kor_img_4{ position: absolute; right: -13px; top: -25px; width: 50%; max-width: 286px;}

.kor_wrap_5{ position: relative; margin-bottom:75px; overflow: hidden;}
.kor_wrap_5 .title_text{ color: #8058ee; line-height: 1.3;}
.kor_wrap_5 .tiltle_small{ font-size: 14px;}
.kor_wrap_5 .kor_title{ font-weight: bold; margin-bottom: 30px;}
.kor_wrap_5 .kor_content{ font-size: 15px; line-height: 1.5;}
.kor_img_5_1{ position: absolute; left: -35px; top: -20px; width: 50%; max-width: 286px;}
.kor_img_5_2{ position: absolute; right: -35px; bottom: -20px; width: 50%; max-width: 286px;}

.kor_wrap_6{ position: relative; padding:40px 0; background-color:#f5f5f5; overflow: hidden;}
.kor_wrap_6 .title_text{ color: #2bc5a4; line-height: 1.3;}
.kor_wrap_6 .tiltle_small{ font-size: 14px;}
.kor_wrap_6 .kor_title{ font-weight: bold; margin-bottom: 30px;}
.kor_wrap_6 .kor_content{ font-size: 15px; line-height: 1.5;}
.kor_img_6_1{ position: absolute; left: -35px; top: -20px; width: 50%; max-width: 286px;}
.kor_img_6_2{ position: absolute; right: -35px; bottom: -20px; width: 50%; max-width: 322px;}
.kor_text_6_2{ padding-top: 20px; line-height: 1.5; font-family:'NanumSquareRound';}
.kor_text_6_2 span{ font-size: 20px; font-weight: bold;}


@media all and (min-width:768px){
    .kor_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .kor_bg_1{width:47%; padding:0;}
    .kor_area_1{width:53%; padding:3%;}
}

/** 2-4. 인지 교육 과정 **/
.cog_wrap_1{margin-bottom:75px;}
.cog_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.cog_area_1{padding:5% 3%; line-height:1.55; background-color:#25a0f4; word-break:break-all;}
.cog_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.cog_area_1 b{text-transform:uppercase; font-weight:500;}
.cog_area_1 strong{display:block; font-weight:500;}

.cog_wrap_2{margin-bottom:175px;}
.cog_area_2 h3{line-height:1.4; padding-bottom:30px; font-family:'NanumSquareRound';}
.cog_box_2{margin:0 auto; border-collapse:collapse; line-height:1.55; padding:0 3%;}
.cog_box_2 h4{margin-bottom:20px; position:relative; font-size:18px;}
.cog_box_2 span{position:absolute; width:200px; height:14px; left:calc(50% - 100px); bottom:-1px; background-color:rgba(253,191,45,0.6);}
.cog_box_2 div{position:relative;}
.cog_diagram_2{display:block; margin:30px auto 0 auto; width:94%; max-width:520px;}

.cog_wrap_3{position:relative; margin-bottom:35px;}
.cog_bg_3{background-color:#f5694d; padding:0 3% 0 3%;}
.cog_area_3{background-color:#fff; line-height:1.5; padding:5% 6%; border:6px solid #f5694d; position:relative; top:-100px; max-width:768px; margin:0 auto;}
.cog_area_3 h3{line-height:1.3; letter-spacing:-1px; font-size:21px; padding-bottom:20px;}
.cog_person_3{border-collapse:collapse; width:100%; color:#fff; max-width:480px;  position:relative; top:-73px; margin:0 auto;}
.cog_person_3 th{font-weight:500; text-align:center; padding-top:12px;}
.cog_person_3 td{width:172px;}
.cog_person_3 img{display:block; margin:0 auto; width:90%; max-width:108px;}
.cog_person_3 span{display:block; font-family:'Oooh Baby', cursive; font-weight:400; padding-top:5px;}
.cog_bottom_3{width:100%; position:relative; top:-40px;}
.cog_img_3{display:block; width:100%;}
.cog_bottom_3 h4{left:3.5%; top:8%; position:absolute; font-size:16px; color:#fff;}

.cog_wrap_4{margin-bottom:75px;}
.cog_logo_4{display:block; margin:0 auto; width:50%; max-width:250px;}
.cog_diagram_4{margin:30px auto 40px auto; display:block; width:90%; max-width:380px;}
.cog_diagram_4 span{position:absolute; left:0; right:0; top:50%; height:1px; background-color:#3dc6a9;}
.cog_area_4{line-height:1.55; padding:0 3%;}
.cog_area_4 h3{padding-bottom:5px;}
.cog_text_4_2{opacity:0.6; padding-top:10px;}

.cog_wrap_5{padding:50px 0; background-color:#f5f5f5;}
.cog_area_5{line-height:1.55; padding:0 3%;}
.cog_logo_5{display:block; margin:0 auto; width:40%; max-width:210px;}
.cog_list_5{margin:35px 0 35px 0; border-top:1px solid rgba(67,68,68,0.2);}
.cog_list_5 li{margin-bottom:10px; border-bottom:1px solid rgba(67,68,68,0.2); padding:10px 0 15px 0;}
.cog_list_5 img{margin:0 auto; display:block; max-width:169px; width:40%;}
.cog_list_5 h4{margin:10px 0 10px 0; text-align:center; font-size:21px; line-height:1.5;}
.cog_list_5 small{color:#da3f2a; display:block; font-weight:400; font-size:16px;}
.cog_area_5 h3{padding-bottom:5px;}

@media all and (min-width:640px){
    .cog_list_5{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border:0; margin-bottom:10px;}
    .cog_list_5 li{width:48%; border:0; padding:15px 20px; margin-bottom:4%; background-color:rgba(255,255,255,0.9);}
    .cog_list_5 li:nth-child(2n-1){}
    .cog_list_5 li:nth-child(2n){border:0;}
}
@media all and (min-width:768px){
    .cog_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .cog_bg_1{width:47%; padding:0;}
    .cog_area_1{width:53%; padding:3%;}   
}

/** 2-5. Physical Education **/
.pe_wrap_1{margin-bottom:75px;}
.pe_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.pe_area_1{padding:5% 3%; line-height:1.55; background-color:#3dc6a9; word-break:break-all;}
.pe_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.pe_area_1 b{text-transform:uppercase; font-weight:500;}

.pe_wrap_2{margin-bottom:75px;}
.pe_wrap_2 h3{text-transform:uppercase; padding-bottom:30px; font-size:21px;}
.pe_diagram_2{margin:0 auto; display:block; width:100%; max-width:920px;}

.pe_area_3{padding:0 3%;}
.pe_area_3 h3{padding-bottom:25px; font-size:21px; line-height:1.3;}
.pe_list_3 li{background-repeat:no-repeat; background-size:cover; line-height:1.5; position:relative; padding-top:51.83%; margin-bottom:3%;}
.pe_list_3 div{position:absolute; left:6%; bottom:11%;}

@media all and (min-width:480px){
    .pe_area_3 .break{display:inline;}
}
@media all and (min-width:640px){
    .pe_area_3{padding:0 2%;}
    .pe_list_3{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;}
    .pe_list_3 li{width:49%; padding-top:25.39%; margin-bottom:2%;}
    .pe_list_3 div{left:4.5%; bottom:12%; font-size:15px;}
}
@media all and (min-width:768px){
    .pe_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .pe_bg_1{width:47%; padding:0;}
    .pe_area_1{width:53%; padding:3%;}
    
    .pe_area_3{padding:0 3%;}
    .pe_list_3 div{left:7%; bottom:14%; font-size:16px;}
}

/** 2-5. 융합 교육 과정 **/
.fu_wrap_1{}
.fu_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.fu_area_1{padding:5% 3%; line-height:1.55; background-color:#8058ee; word-break:break-all;}
.fu_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.fu_area_1 b{text-transform:uppercase; font-weight:500;}

.fu_wrap_2{background:url(../images/fu_img_2.jpg) no-repeat 50% 50%; background-size:cover; padding:4%; margin-bottom:75px;}
.fu_area_2{padding:6% 5% 7.5% 5%; background-color:rgb(255,255,255,0.91); line-height:1.55;}
.fu_title_2{padding-bottom:18px; margin-bottom:20px; font-size:30px; font-family:'NanumSquareRound'; line-height:1.2; font-weight:900; border-bottom:1px solid rgba(0,0,0,0.2);}
.fu_area_2 h4{font-size:20px; padding-bottom:10px;}
.fu_small_2{color:#7d7c7c; padding:15px 0 20px 0; font-size:14px;}
.fu_slogan_2{position:relative; padding-bottom:10px;}
.fu_slogan_2 span{display:block;}
.fu_logo_2{display:block; width:100%; max-width:691px;}

.fu_wrap_3{margin-bottom:75px;}
.fu_wrap_3 h3{padding-bottom:30px; text-transform:uppercase; font-size:24px;}
.fu_wrap_3 img{display:block; margin:0 auto; max-width:1840px; width:98%;}

.fu_wrap_4{margin-bottom:75px;}
.fu_area_4{padding:0 3%; line-height:1.55; word-break:break-all; margin-bottom:20px;}
.fu_area_4 h3{font-size:20px; padding-bottom:5px;}
.fu_box_4{max-width:600px; margin:0 auto;}

.fu_wrap_5{margin-bottom:75px;}
.fu_area_5{padding:0 3%; line-height:1.55; word-break:break-all;}
.fu_area_5 h3{font-size:20px; padding-bottom:5px;}
.fu_wrap_5 img{display:block; width:95%; margin:30px auto 20px auto; max-width:640px;}

.fu_wrap_6{margin-bottom:75px;}
.fu_wrap_6 img{ display:block; width:100%; margin:0 auto; max-width:1200px;}
.fu_wrap_6 h3{padding-bottom:25px; line-height:1.4; font-size:21px;}

@media all and (min-width:768px){
    .fu_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .fu_bg_1{width:47%; padding:0;}
    .fu_area_1{width:53%; padding:3%;}
}

/** 3-1. 알티오라 링크 **/
.al_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.al_area_1{padding:5% 3%; line-height:1.55; background-color:#ff7695; word-break:break-all;}
.al_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.al_area_1 b{text-transform:uppercase; font-weight:500;}

.al_wrap_2{margin-bottom:75px; line-height:1.55; background-color:#8058ee;}
.al_box_2{width:100%; border-collapse:collapse;}
.al_box_2 img{width:100%; display:block;}
.al_box_2 .col_1{width:66%; vertical-align:top;}
.al_box_2 th{vertical-align:bottom; text-align:left; font-size:22px; line-height:1.3;}
.al_box_2 small{font-weight:300; font-size:18px; padding-bottom:30px; display:block; border-bottom:1px solid rgba(255,255,255,0.5);}

.al_wrap_3{margin-bottom:75px;}
.al_area_3{padding:0 3%; line-height:1.55;}
.al_area_3 b{display:block; font-weight:500;}
.al_area_3 h3{font-size:21px; margin-bottom:12px; line-height:1.3;}
.al_wrap_3 img{width:100%; display:block; margin:20px auto 0 auto; max-width:1080px;}

.al_wrap_4{margin-bottom:75px;}
.al_area_4{padding:0 3%; line-height:1.55;}
.al_area_4 b{display:block; font-weight:500;}
.al_area_4 h3{font-size:21px; margin-bottom:12px; line-height:1.3;}
.al_wrap_4 img{width:100%; display:block; margin:20px auto 0 auto; max-width:1080px;}

.al_wrap_5{}
.al_area_5{padding:0 3%; line-height:1.55;}
.al_area_5 b{display:block; font-weight:500;}
.al_area_5 h3{font-size:21px; margin-bottom:12px; line-height:1.3;}
.al_wrap_5 img{width:100%; display:block; margin:20px auto 0 auto; max-width:1080px;}

@media all and (min-width:768px){
    .al_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .al_bg_1{width:47%; padding:0;}
    .al_area_1{width:53%; padding:3%;}
}

/** 3-2. 인텔레고 라이브 **/
.il_wrap_1{margin-bottom:75px;}
.il_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.il_area_1{padding:5% 3%; line-height:1.55; background-color:#f5694d;}
.il_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.il_area_1 b{text-transform:uppercase; font-weight:500;}

.il_wrap_2{margin-bottom:75px; line-height:1.55;}
.il_wrap_2 h3{font-family:'NanumSquareRound'; font-size:22px;}
.il_wrap_2 b{font-weight:500; font-size:17px;}
.il_wrap_2 img{width:100%; margin:25px auto; max-width:600px; display:block;}
.il_text_2{text-align:justify; padding:0 3%;}

.il_wrap_3{margin-bottom:75px;}
.il_area_3{padding:0 3%; line-height:1.55;}
.il_area_3 b{display:block; font-weight:500;}
.il_area_3 h3{font-size:21px; margin-bottom:12px; line-height:1.3;}
.il_wrap_3 img{width:100%; display:block; margin:20px auto 0 auto; max-width:1080px;}

.il_wrap_4{margin-bottom:75px;}
.il_area_4{padding:0 3%; line-height:1.55;}
.il_area_4 b{display:block; font-weight:500;}
.il_area_4 h3{font-size:21px; margin-bottom:12px; line-height:1.3;}
.il_wrap_4 img{width:100%; display:block; margin:20px auto 0 auto; max-width:1080px;}

.il_wrap_5{}
.il_area_5{padding:0 3%; line-height:1.55;}
.il_area_5 b{display:block; font-weight:500;}
.il_area_5 h3{font-size:21px; margin-bottom:12px; line-height:1.3;}
.il_wrap_5 img{width:100%; display:block; margin:20px auto 0 auto; max-width:1080px;}

.il_wrap_6{padding:25px 3% 0 3%; line-height:1.4; color:#7c7c7c; text-align:justify;}

@media all and (min-width:768px){
    .il_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .il_bg_1{width:47%; padding:0;}
    .il_area_1{width:53%; padding:3%;}
}

/** 3-3. 팬그램 **/
.pan_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.pan_area_1{padding:5% 3%; line-height:1.55; background-color:#25a0f4; word-break:break-all;}
.pan_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.pan_area_1 b{text-transform:uppercase; font-weight:500;}

.pan_wrap_2{background:url(../images/pan_bg_1.jpg) no-repeat 50% 100%; background-size:cover; margin-bottom:75px; padding:15% 3% 35% 3%;}
.pan_wrap_2 img{display:block; margin:30px auto; max-width:1920px; width:100%;}
.pan_wrap_2 h3{line-height:1.4; font-size:21px; letter-spacing:-0.5px; font-family:'NanumSquareRound';}
.pan_text_2_2{line-height:1.55;}

.pan_wrap_3{margin-bottom:75px;}
.pan_wrap_3 h3{padding-bottom:30px; font-size:21px;}
.pan_wrap_3 img{display:block; margin:0 auto; width:98%; max-width:984px;}

@media all and (min-width:768px){
    .pan_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .pan_bg_1{width:47%; padding:0;}
    .pan_area_1{width:53%; padding:3%;}
}

/** 3-4. 러닝박스 **/
.lb_wrap_1{margin-bottom:75px;}
.lb_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.lb_area_1{padding:5% 3%; line-height:1.55; background-color:#8058ee;}
.lb_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.lb_area_1 b{text-transform:uppercase; font-weight:500;}

.lb_wrap_2{padding:0 5% 30px 5%; font-size:22px; line-height:1.4; font-family:'NanumSquareRound'; font-weight:900;}

.lb_wrap_3 img{display:block; width:100%; margin:0 auto; position:relative; max-width:768px;}

.lb_wrap_4{padding:40px 3% 75px 3%; line-height:1.55;}
.lb_text_4_1{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.lb_text_4_1 div{position:relative; font-size:18px;}
.lb_bg_4{position:absolute; width:104%; height:15px; background-color:rgba(255,210,0,0.6); bottom:0; left:-2%;}
.lb_text_4_2{margin:25px 0 20px 0; font-size:19px; line-height:1.4;}

.lb_wrap_5{}
.lb_bg_5{padding-top:55.56%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.lb_area_5{padding:6% 3% 0 3%; line-height:1.55;}
.lb_area_5 h3{line-height:1.3; margin-bottom:15px; font-size:25px;}
.lb_area_5 b{display:block;}

@media all and (min-width:768px){
    .lb_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .lb_bg_1{width:47%; padding:0;}
    .lb_area_1{width:53%; padding:3%;}
    
    .lb_wrap_5{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .lb_bg_5{width:47%; padding:0;}
    .lb_area_5{width:53%; padding:3%;}
}

/** 3-5. 알티오라 레드 **/
.ar_wrap_1{margin-bottom:75px;}
.ar_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.ar_area_1{padding:5% 3%; line-height:1.55; background-color:#f5694d;}
.ar_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.ar_area_1 b{text-transform:uppercase; font-weight:500;}

.ar_logo{display:block; margin:0 auto 30px auto; max-width:250px; width:50%;}

.ar_wrap_2{}
.ar_circle{width:200px; height:200px; margin:0 auto; border:2px solid #040001; border-radius:50%; text-align:center; line-height:1.6; padding-top:30px;}
.ar_circle.right{border-color:#e61f19;}
.ar_circle small{display:block; font-size:14px;}
.ar_circle h3{font-size:21px;}
.ar_circle span{color:#e61f19;}

.ar_right_2{margin-top:35px;}
.ar_text_2{background-color:#e61f19; padding:5% 3%; line-height:1.55; margin-top:-100px;}
.ar_text_2.right{background-color:#040001;}

@media all and (min-width:640px){
    .ar_wrap_2{display:-webkit-box; display:-ms-flexbox; display:flex; padding-top:10px;}
    .ar_wrap_2 section{width:50%;}
    .ar_text_2{min-height:292px; font-size:15px; padding:5% 4%;}
    .ar_right_2{margin-top:0;}
}
@media all and (min-width:768px){
    .ar_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .ar_bg_1{width:47%; padding:0;}
    .ar_area_1{width:53%; padding:3%;}
}

/** 3-6. 인증 평가 시스템 **/
.ts_wrap_1{margin-bottom:75px;}
.ts_bg_1{padding-top:66.67%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.ts_area_1{padding:5% 3%; line-height:1.55; background-color:#3dc6a9;}
.ts_area_1 h3{font-weight:300; line-height:1.3; margin-bottom:15px; font-size:24px;}
.ts_area_1 b{text-transform:uppercase; font-weight:500;}

.ts_wrap_2{margin-bottom:75px;}
.ts_area_2{padding:0 3%; line-height:1.55; word-break:break-all;}
.ts_area_2 h3{margin-bottom:12px; font-size:20px;}
.ts_wrap_2 img{width:100%; display:block; margin:25px auto 0 auto; max-width:1080px;}

.ts_area_3{padding:0 3%; line-height:1.55;}
.ts_area_3 h3{font-size:20px;}
.ts_area_3 b{display:block; font-weight:500; margin-bottom:12px;}
.ts_wrap_3 img{width:100%; display:block; margin:25px auto 0 auto; max-width:1080px;}

@media all and (min-width:768px){
    .ts_wrap_1{display:-webkit-box; display:-ms-flexbox; display:flex;}
    .ts_bg_1{width:47%; padding:0;}
    .ts_area_1{width:53%; padding:3%;}
}

/** 가맹점 문의 **/
.popup_wrap{padding:85px 3.5% 55px 3.5%;}
.popup_title{text-align:center; width:100%; height:80px; font-size:21px; background-color:rgba(255,255,255,0.9); position:fixed; left:0; top:0; z-index:50; font-family:'NanumSquareRound'; padding-top:17px; border-bottom:1px solid rgba(0,0,0,0.3);}
.popup_title small{display:block; font-size:14px; font-weight:400; padding-top:10px; color:#333;}

.border_top_contact{border-top:10px solid #da3f2a;}
.contact_table{width:100%; margin:0 auto; border-collapse:collapse; text-align:left;}
.contact_table th{height:40px; padding-left:10px; color:#010101;}
.contact_input, .contact_select{border:0; border-bottom:1px solid rgba(0,0,0,0.2); height:35px; width:100%; display:block; padding-left:10px; color:#010101; font-family:'NanumSquareRound'; margin:0 0 10px 0; background-color:transparent;}
.contact_textarea{border:1px solid rgba(0,0,0,0.2); height:150px; width:100%; display:block; padding:10px; color:#010101; margin:5px 0;}
.contact_email .contact_input, .contact_email .contact_select{display:inline-block; padding-left:5px;}
.contact_input.one{width:32%;}
.contact_input.two{width:31.5%;}
.contact_select.three{width:29%;}

.contact_gender{display:-webkit-box; display:-ms-flexbox; display:flex; padding:5px 0 8px 10px;}
.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%;}

.contact_btn{position:fixed; left:0; bottom:0; width:100%; height:50px; line-height:49px; background-color:#000; color:#fff; font-weight:500; transition:0.2s; font-size:18px; text-align:center;}
.contact_btn:hover{background-color:#da3f2a;}

@media all and (min-width:640px){
    .contact_input, .contact_select{height:38px; margin:5px 0 15px 0;}  
    .contact_gender{padding:10px 0 18px 10px;}
    .contact_textarea{margin:10px 0;}
}