@charset "utf-8";

/*@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/* 나중에 지워야 될 것 */
hr{display:inline-block; width:auto;}
[data-wv-layout-element="block_inner"].wveditor_line{font-size:0; line-height:0;}
.wrapper{position: relative; overflow-y: auto; overflow-x: hidden;}
.nanumgo{font-family: "Nanum Gothic", sans-serif;}
select::-ms-expand{display:none;}
.en{font-family: 'Open Sans', sans-serif; font-weight:400 !important;}
.en.fontweight_bold{font-weight:700 !important;}
.en.fontweight_extra_bold{font-weight:800 !important;}
.layout_fixed{table-layout: fixed;}
body{-webkit-text-size-adjust:none;}

/*.ch_100{font-family: "Noto Sans CJK KR Thin"}*/
.ch_300{font-family: "Noto Sans CJK KR Light"}
.ch_350{font-family: "Noto Sans CJK KR DemiLight"}
.ch_400{font-family: "Noto Sans CJK KR Regular"}
.ch_500{font-family: "Noto Sans CJK KR Medium"}
.ch_700{font-family: "Noto Sans CJK KR Bold"}

/* visual */
.visual_wrap{height:100vh; padding-top:80px;}
.visual_wrap .visual_item_con{}
.visual_wrap [class*=visual_item_0]{display:flex; align-items: flex-end; height:100%; top:0; left:0; background-repeat: no-repeat; background-position: center center; background-size: scale; background-size: cover;}
.visual_wrap .visual_text_wrap{z-index: 2; text-align: center; padding-bottom: 118px;}
.visual_wrap .h_desc2{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.025em; color:#fff; font-weight: 500; margin-bottom:13px; opacity: 0;}
.visual_wrap .visual_title{font-family: 'Montserrat',sans-serif; font-size:46px; line-height:60px; letter-spacing: 0em; color:#fff; font-weight:bold; margin-bottom:88px; opacity: 0;}
.visual_wrap .visual_img{position:absolute;}
.visual_wrap .visual_item_000 {background-image: url('../img/main_visual_img_000_m.jpg');}
.visual_wrap .visual_item_001 {background-image: url('../img/main_visual_img_001_m.jpg');}
.visual_wrap .visual_item_002 {background-image: url('../img/main_visual_img_002_m.jpg');}
.visual_wrap .visual_item_003 {background-image: url('../img/main_visual_img_003_m.jpg');}

.visual_wrap .visual_line_con{position: absolute; z-index: 1; left: 0; bottom:240px; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.visual_wrap .visual_line_con .visual_line{width: 100%; height: 2px; background-color: #e7302a;}

/* rolling_btn */
.rolling_btn_wrap{position: absolute; z-index: 2; bottom:38px; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; text-align: center;}
.rolling_btn_wrap .rolling_btn_con{position: relative; width: auto; display: inline-block; vertical-align: middle; bottom:0; font-size:0; line-height:0; margin-left: 38px; margin-right: 38px;}
.rolling_btn_con > span{margin-left: 20px;}
.rolling_btn_con > span:first-child{margin-left:0;}
.rolling_btn_con .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; vertical-align: middle; border-radius: 50%; box-sizing: border-box; cursor: pointer; background-color: rgba(255,255,255,0.3); opacity: 1;}
.rolling_btn_con .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
.rolling_btn_con .swiper-pagination-current{display:inline-block; vertical-align: middle; font-family: 'Montserrat',sans-serif; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 400; color:#fff;}
.rolling_btn_wrap .rolling_arrow{display: inline-block; vertical-align: middle; width: 12px; height: 21px; font-size: 0; line-height: 0; cursor: pointer;
    background-repeat: no-repeat; background-size: 12px 21px; transition: opacity 0.2s; outline: none;}
.rolling_btn_wrap .rolling_arrow.left{background-image: url('../img/pagination_arrow_left.png'); background-position: center;}
.rolling_btn_wrap .rolling_arrow.right{background-image: url('../img/pagination_arrow_right.png'); background-position: center;}

/* //rolling_btn */
/* //visual */



/* btn_style_0_con */
.btn_style_0_con{font-size:0; line-height:0; text-align:center;}
.btn_style_0_con.tl{text-align: left;}
.btn_style_0_con.tr{text-align: right;}
.btn_style_0_con .btn_style_0{font-size:24px; line-height:30px; letter-spacing: -0.025em; color:#fff; border:1px solid #fff; background-color:transparent;
    display:inline-block; vertical-align:middle; padding-right:30px; padding-left:30px; padding-top:17px; padding-bottom:17px;}
.btn_style_0_con .btn_style_0.full{background-color:#fff; color:#e7302a;}
/* //btn_style_0_con */

/* btn_style_1_con */
.btn_style_1_con{font-size:0; line-height:0; text-align: center;}
.btn_style_1_con.tl{text-align: left;}
.btn_style_1_con.tr{text-align: right;}
.btn_style_1_con .btn_style_1{font-size:24px; line-height:30px; letter-spacing: -0.075em; color:#fff; background-color:#e7302a; outline:none; border:none; transition: background .5s; cursor:pointer;
    display:inline-block; vertical-align: middle; min-width:240px; text-align: center; padding-top:17px; padding-bottom:19px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px;
    -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius:0;}
.btn_style_1_con .btn_style_1.w290{width:290px;}
.btn_style_1_con .btn_style_1.w330{width:330px;}
.btn_style_1_con .btn_style_1.w370{width:370px;}
.btn_style_1_con .btn_style_1.gray{background-color:#a9a9a9;}
.btn_style_1_con .btn_style_1:hover{background-color:#000;}
.btn_style_1_con.tl .btn_style_1{margin-right:20px; margin-left:0;}
.btn_style_1_con.tl .btn_style_1:last-child{margin-right:0; }
.btn_style_1_con.tr .btn_style_1{margin-left:20px; margin-right:0;}
.btn_style_1_con.tr .btn_style_1:first-child{margin-left:0;}
.btn_style_1_con.tr .btn_style_1:last-child{margin-right:0;}
.btn_style_1_con .btn_style_1.large_pad{margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px;}
.btn_style_1_con .btn_style_1.right_img{background-repeat:no-repeat; background-position: right 40px center; text-align: left; padding-left:40px;}
.btn_style_1_con .btn_style_1.play{background-image: url('../img/btn_style_1_play.png'); padding-top:29px; padding-bottom:31px; min-width:400px; position: relative;}
.btn_style_1_con .btn_style_1.download{background-image:url('../img/btn_style_1_download.png'); padding-left:30px; min-width:250px; background-position:right 15px center;}
.btn_style_1_con .btn_style_1.full{margin:0; width:100%; max-width:none;}
.btn_style_1_con.request .btn_style_1.gray{display:inline-block !important;}
/* //btn_style_1_con */


/* btn_style_2_con */
.btn_style_2_con{display:inline-block; vertical-align: middle;}
.btn_style_2_con .btn_style_2{font-size:14px; line-height:20px; letter-spacing: -0.05em; color:#e7302a; background-color:#fff; outline:none; border:1px solid #d9d9d9; transition: background .5s; cursor:pointer; font-weight:500;
    display:inline-block; vertical-align: middle; text-align: left; padding-top:7px; padding-bottom:7px; padding-left:20px; padding-right:39px; box-sizing:border-box; margin:0;
    -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius:0;
    background-image: url('../img/btn_style_2_arrow.png'); background-repeat: no-repeat; background-position: right 16px center;}
/* //btn_style_2_con */

.btn_style_3_con{display: inline-flex; align-items: center; justify-content: flex-start; width: 262px; height: 70px; background-color: #e7302a; border-radius: 50px; overflow: hidden;}
.btn_style_3_con .btn_style_3{display: block; width: 100%; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.025em; font-weight: 500; color:#fff; padding-left: 40px; padding-right: 40px; text-align: left;
    background-image: url('../img/btn_style_3_plus_icon.png'); background-size: 18px 18px; background-repeat: no-repeat; background-position: right 30px center;  box-sizing: border-box;}

/* header_search_wrap */
.header_search_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:680px; background-color:#fff; z-index: 5; box-sizing: border-box; padding-top:85px;}
.header_search_wrap.active{display:block;}
.header_search_wrap .search_close_icon{text-align: right; margin-bottom:79px;}
.header_search_wrap .search_close_icon img{cursor: pointer;}
.header_search_wrap .search_title{font-size:65px; line-height:71px; letter-spacing: -0.05em; color:#000; font-weight:bold; text-align: center; margin-bottom:93px;}
.header_search_wrap .search_form_con{}
.header_search_wrap .search_form_con form{border:3px solid #e7302a; max-width:900px; margin-left:auto; margin-right:auto; box-sizing: border-box; text-align: left;}
.header_search_wrap .input_search_box{}
.header_search_wrap .input_search_box input[type=image]{outline:none;}
.header_search_wrap .input_search_style_0{font-size:26px; line-height:32px; letter-spacing: -0.01em; color:#000; border:none; outline: none;
    padding-top:26px; padding-bottom:26px; padding-left:46px; padding-right:46px; box-sizing: border-box; width:calc(100% - 59px);
    -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius:0;}
.header_search_wrap .input_search_style_0:-ms-input-placeholder{opacity:0.6; filter:alpha(opacity=60);}
.header_search_wrap .input_search_style_0::-ms-input-placeholder{opacity:0.6; filter:alpha(opacity=60);}
.header_search_wrap .input_search_style_0::-webkit-input-placeholder{opacity:0.6; filter:alpha(opacity=60);}
.header_search_wrap .input_search_style_0:-moz-placeholder{opacity:0.6; filter:alpha(opacity=60);}
.header_search_wrap .input_search_style_0::-moz-placeholder{opacity:0.6; filter:alpha(opacity=60);}



@media all and (min-width:768px){
    .visual_wrap .visual_item_000 {background-image: url('../img/main_visual_img_000.jpg');}
    .visual_wrap .visual_item_001 {background-image: url('../img/main_visual_img_001.jpg');}
    .visual_wrap .visual_item_002 {background-image: url('../img/main_visual_img_002.jpg');}
    .visual_wrap .visual_item_003 {background-image: url('../img/main_visual_img_003.jpg');}
}

@media all and (min-width:992px){
    /* visual */
    .visual_wrap .visual_text_wrap{padding-bottom: calc(100vh * 100 / 865); text-align: left;}
    .visual_wrap .visual_title{font-size:50px; line-height:70px; margin-bottom: 74px;}
    .visual_wrap .h_desc2{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem;}

    .visual_wrap .visual_line_con{bottom:calc((100vh * 100 / 865) + 70px);}

    /* rolling_btn */
    .rolling_btn_wrap{bottom:calc((100vh * 100 / 865) + 8px); right: calc((100% - 1200px) / 2); text-align: right;}
    .rolling_btn_wrap .rolling_btn_con{margin-left: 30px; margin-right: 30px;}
    .rolling_btn_con .swiper-pagination-bullet{width:8px; height:8px;}
    .rolling_btn_con .swiper-pagination-current{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;}

    .btn_style_3_con{width: 175px; height: 40px; border-radius: 30px;}
    .btn_style_3_con .btn_style_3{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; padding-left: 20px; padding-right: 20px; background-size: 11px 11px; background-position: right 21px center; }
}