@charset "UTF-8";

body {font-family:'Noto Sans KR', sans-serif;}

div, p, ul, li, a {margin:0;}

/********** header **********/
#headerSection {height:134px; background: transparent linear-gradient(95deg, #0095FF 0%, #003BFF 100%) 0% 0% no-repeat padding-box; padding:34px 0; box-sizing:border-box;}
#headerSection .daily_logo {width:314px; height:66px; margin:0 auto; background:url('../img/bridge2/header_pc_logo.png') 0 0 no-repeat; background-size:contain; text-indent:-99999px;}

@media screen and (max-width:1050px) {
    #headerSection {height:74px; padding:15px 0;}
    #headerSection .daily_logo {width:175px; height:44px;}
}
/********** header END **********/

/********** section_1 **********/
#section_1 {background-color:#FFFFFF; padding:80px 0;}
#section_1 .section_box {max-width:926px; margin:0 auto;}
#section_1 .section_box::after {content:''; display:block; clear:both;}
#section_1 .section_box .left_box {float:left; margin-bottom:32px;}
#section_1 .section_box .right_box {float:right;}

#section_1 .left_box .box_tit {color:#0095FF; font-size:30px; font-weight:700; letter-spacing:-0.6px; line-height:45px; margin-bottom:22px; margin-top:86px;}
#section_1 .left_box .box_txt .sub_tit {color:#303030; font-size:24px; font-weight:700; letter-spacing:-0.72px; line-height:36px; margin-bottom:10px;}
#section_1 .left_box .box_txt .sub_txt {width:468px; color:#606060; font-size:16px; font-weight:400; letter-spacing:-1.23px; line-height:28px; word-break:break-all;}
#section_1 .left_box .box_txt .sub_txt .mobile_space {display:none;}

#section_1 .section_box .right_box > img {width:342px;}

@media screen and (max-width:1050px) {
    #section_1 {padding:27px 0 54px;}
    #section_1 .section_box {margin:0; padding:0 36px;}
    #section_1 .section_box .left_box {float:none;}
    #section_1 .section_box .right_box {float:none;}

    #section_1 .left_box .box_tit {margin:0; font-size:20px; letter-spacing:-0.4px; line-height:29px; margin-bottom:11px;}
    #section_1 .left_box .box_txt .sub_tit {font-size:16px; letter-spacing:-0.48px; line-height:24px; margin-bottom:4px;}
    #section_1 .left_box .box_txt .sub_txt {font-size:13px; letter-spacing:-0.14px; line-height:18px; width:auto; word-break:keep-all;}
    #section_1 .left_box .box_txt .sub_txt .pc_enter {display:none;}
    #section_1 .left_box .box_txt .sub_txt .mobile_space {display:inline;}

    #section_1 .section_box .right_box > img {display:block; width:254px; margin:0 auto;}
}
/********** section_1 END **********/

/********** section_2 **********/
#section_2 {background:url('../img/bridge2/section_2_pc_bg.png') 0 0 no-repeat; background-size:cover;}
#section_2 .bg_layer {background-color:rgba(0, 0, 0, 0.4); padding:152px 0;}
#section_2 .box_tit {color:#FFFFFF; font-size:30px; font-weight:700; letter-spacing:-0.6px; line-height:45px; text-align:center;}

@media screen and (max-width:1050px) {
    #section_2 {background-image:url('../img/bridge2/con2_header.png'); background-position:50% 70%;}
    #section_2 .bg_layer {padding:42px 0; background-color:unset;}
    #section_2 .box_tit {font-size:20px; letter-spacing:-0.4px; line-height:29px;}
}
/********** section_2 END **********/

/********** section_3 **********/
#section_3 {padding:100px 0 81px; background-color:#fff;}
#section_3 .section_box {max-width:926px; margin:0 auto;}
#section_3 .section_box::after {content:''; display:block; clear:both;}
#section_3 .section_box .left_box {float:left; padding-top:109px;}
#section_3 .section_box .right_box {float:right; width:417px;}

#section_3 .left_box .box_tit {color:#303030; font-size:24px; font-weight:700; letter-spacing:-0.72px; line-height:36px; margin-bottom:10px;}
#section_3 .left_box .box_txt_1 {color:#606060; font-size:16px; font-weight:400; letter-spacing:-0.48px; line-height:28px; margin-bottom:24px;}
#section_3 .left_box .box_txt_2 .txt_row {font-size:16px; letter-spacing:-0.48px; line-height:28px;}
#section_3 .left_box .box_txt_2 .txt_row .row_tit {color:#303030; font-weight:500;}
#section_3 .left_box .box_txt_2 .txt_row .row_txt {color:#606060; font-weight:400;}

#section_3 .right_box::after {content:''; display:block; clear:both;}
#section_3 .right_box .con_box {width:205px; height:138px; float:left; box-sizing:border-box; border:1px solid #D6D6D6; border-radius:4px; text-align:center; position:relative; margin-bottom:7px;}
#section_3 .right_box .con_box:nth-child(odd) {margin-right:7px;}
#section_3 .right_box .con_box .con_img {position:absolute; top:0; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
#section_3 .right_box .con_box .con_img.img_1 {width:45px; top:17px;}
#section_3 .right_box .con_box .con_img.img_2 {width:43px; top:14px;}
#section_3 .right_box .con_box .con_img.img_3 {width:41px; top:18px;}
#section_3 .right_box .con_box .con_img.img_4 {width:40px; top:12px;}
#section_3 .right_box .con_box .con_img.img_5 {width:46px; top:14px;}
#section_3 .right_box .con_box .con_img.img_6 {width:34px; top:16px;}
#section_3 .right_box .con_box .con_img > img {width:100%;}
#section_3 .right_box .con_box .con_tit {color:#303030; font-size:14px; font-weight:500; letter-spacing:-0.42px; line-height:20px; margin-bottom:3px; margin-top:66px;}
#section_3 .right_box .con_box .con_txt {color:#606060; font-size:12px; font-weight:400; letter-spacing:-0.36px; line-height:18px;}
#section_3 .right_box .con_box .date_box {position:absolute; bottom:-18px; right:0; color:#606060; font-size:10px; font-weight:400; letter-spacing:-0.3px;}

@media screen and (max-width:1050px) {
    #section_3 {padding:23px 0 34px;}
    #section_3 .section_box .left_box {float:none; padding:0; text-align:center; margin-bottom:13px;}
    #section_3 .section_box .right_box {float:none; width:344px; margin:0 auto;}

    #section_3 .left_box .box_tit {font-size:16px; letter-spacing:-0.72px; line-height:24px; margin-bottom:4px;}
    #section_3 .left_box .box_txt_1 {font-size:13px; letter-spacing:-0.39px; line-height:18px; margin-bottom:10px;}
    #section_3 .left_box .box_txt_2 .txt_row {font-size:12px; letter-spacing:-0.36px; line-height:18px;}

    #section_3 .right_box .con_box {width:169px; height:114px; margin-bottom:6px;}
    #section_3 .right_box .con_box:nth-child(odd) {margin-right:6px;}
    #section_3 .right_box .con_box .con_img.img_1 {width:38px; top:14px;}
    #section_3 .right_box .con_box .con_img.img_2 {width:36px; top:12px;}
    #section_3 .right_box .con_box .con_img.img_3 {width:33px; top:15px;}
    #section_3 .right_box .con_box .con_img.img_4 {width:32px; top:10px;}
    #section_3 .right_box .con_box .con_img.img_5 {width:38px; top:11px;}
    #section_3 .right_box .con_box .con_img.img_6 {width:28px; top:13px;}
    #section_3 .right_box .con_box .con_tit {font-size:12px; letter-spacing:-0.36px; line-height:18px; margin-top:55px; margin-bottom:1px;}
    #section_3 .right_box .con_box .con_txt {font-size:10px; letter-spacing:-0.3px; line-height:15px;}
    #section_3 .right_box .con_box .date_box {font-size:9px; letter-spacing:-0.27px;}
}

@media screen and (max-width:350px) {
    #section_3 .section_box .right_box {width:310px;}
    #section_3 .right_box .con_box {width:152px;}
}
/********** section_3 END **********/

/********** section_4 **********/
#section_4 {background:url('../img/bridge2/section_4_pc_bg.png') 0 0 no-repeat; background-size:cover;}
#section_4 .bg_layer {background-color:rgba(0, 0, 0, 0.4); padding:130px 0;}
#section_4 .box_tit {color:#FFFFFF; font-size:30px; font-weight:700; letter-spacing:-0.6px; line-height:45px; text-align:center;}

@media screen and (max-width:1050px) {
    #section_4 {background-image:url('../img/bridge2/con3_header.png');}
    #section_4 .bg_layer {padding:42px 0; background-color:unset;}
    #section_4 .box_tit {font-size:20px; letter-spacing:-0.4px; line-height:29px;}
}
/********** section_4 END **********/

/********** section_5 **********/
#section_5 {padding:58px 0 64px;}
#section_5 .section_box {max-width:926px; margin:0 auto;}
#section_5 .section_box .box_tit {color:#303030; font-size:24px; font-weight:700; letter-spacing:-0.72px; line-height:36px; margin-bottom:20px;}
#section_5 .section_box .contents_wrap::after {content:''; display:block; clear:both;}
#section_5 .contents_wrap .contents_box {float:left; width:458px; height:144px; box-sizing:border-box; border:1px solid #D6D6D6; border-radius:4px; margin-bottom:10px;}
#section_5 .contents_wrap .contents_box:nth-child(odd) {margin-right:10px;}
#section_5 .contents_wrap .contents_box .left_box {float:left; width:170px;}
#section_5 .contents_wrap .contents_box .right_box {float:left; width:calc(100% - 170px); position:relative; height:100%;}
#section_5 .contents_box .left_box .img_box {padding-top:19px;}
#section_5 .contents_box .left_box .img_box > img {width:64px; height:64px; display:block; margin:0 auto;}
#section_5 .contents_box .left_box .user_info {font-size:17px; font-weight:500; letter-spacing:-0.51px; line-height:25px; text-align:center;}
#section_5 .contents_box.user_1 .left_box .user_info {color:#53009B;}
#section_5 .contents_box.user_2 .left_box .user_info {color:#8E4D00;}
#section_5 .contents_box.user_3 .left_box .user_info {color:#00439F;}
#section_5 .contents_box.user_4 .left_box .user_info {color:#890095;}
#section_5 .contents_box .left_box .user_info_2 {color:#303030; font-size:13px; font-weight:400; letter-spacing:-0.39px; line-height:19px; margin-top:-4px; text-align:center;}

#section_5 .contents_box .right_box .user_comment {color:#606060; font-size:16px; font-weight:400; letter-spacing:-0.8px; line-height:26px; position:absolute; top:50%; left:0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-right:38px;}
#section_5 .contents_box .right_box .user_comment .mobile_space {display:none;}

@media screen and (max-width:1050px) {
    #section_5 {padding:26px 0 100px;}
    #section_5 .section_box {width:342px; margin:0 auto;}
    #section_5 .section_box .box_tit {font-size:16px; font-weight:700; letter-spacing:-0.48px; line-height:24px; margin-bottom:7px;}
    #section_5 .contents_wrap .contents_box {float:none; margin:0; margin-bottom:6px; width:342px; height:108px;}
    #section_5 .contents_wrap .contents_box:nth-child(odd) {margin-right:0;}
    #section_5 .contents_wrap .contents_box .left_box {width:124px;}
    #section_5 .contents_wrap .contents_box .right_box {width:calc(100% - 124px);}

    #section_5 .contents_box .left_box .img_box {padding-top:14px;}
    #section_5 .contents_box .left_box .img_box > img {width:48px; height:48px;}
    #section_5 .contents_box .left_box .user_info {font-size:13px; letter-spacing:-0.39px; line-height:19px; margin-top:4px;}
    #section_5 .contents_box .left_box .user_info_2 {font-size:10px; font-weight:400; line-height:15px; letter-spacing:-0.3px; margin-top:-4px;}
    #section_5 .contents_box .right_box .user_comment {font-size:12px; letter-spacing:-0.6px; line-height:19px; padding-right:26px; word-break:keep-all;}
    #section_5 .contents_box .right_box .user_comment .pc_enter {display:none;}
    #section_5 .contents_box .right_box .user_comment .mobile_space {display:inline;}
}

@media screen and (max-width:350px) {
    #section_5 .section_box {width:310px;}
    #section_5 .contents_wrap .contents_box {width:310px;}
}
/********** section_5 END **********/

/********** startBtn **********/
#startBtn {display:block; width:522px; height:96px; border-radius:48px; background-color:#0095FF; text-align:center; margin:0 auto; margin-bottom:56px; box-sizing:border-box; padding-top:16px;}
#startBtn .btn_txt {color:#FFFFFF; font-size:20px; font-weight:700; letter-spacing:-0.48px; line-height:24px;}
#startBtn .btn_tit {color:#FFFFFF; font-size:30px; font-weight:700; letter-spacing:-0.6px; line-height:40px; display:inline-block;}

@media screen and (max-width:1050px) {
    #startBtn {width:100%; height:79px; position:fixed; left:0; bottom:0; margin:0; margin-bottom:0; border-radius:0; padding-top:14px;}
    #startBtn .btn_txt {font-size:13px; letter-spacing:-0.39px; line-height:26x;}
    #startBtn .btn_tit {font-size:21px; letter-spacing:0; line-height:23px;}
}
/********** startBtn END **********/