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


/*-----------------------------------------------------------------
공통
-----------------------------------------------------------------*/
body {margin: 0;}
/* html, body, div, p, a, h1, h2, h3, h4, h5, h6, input{font-family:"Noto Sans KR","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;  } */

/*타임라인 페이지*/
.content_wrap {width: 100%; max-width: 1366px; margin: 0 auto; background:#f7f7f7; font-family:"Noto Sans KR";}
.content_wrap img {max-width: 100%;}
.col_box {width: 100%; text-align: center;}
.col_box .col_img {margin-bottom: 90px; margin-top: 104px; max-width: 100%;}
.col_box .col_history_img {margin-bottom: 84px; }
.col_box .col_history_img_m {display: none; }
.col_box .col_history_img3 {margin-top: 70px;  }
.col_box .col_history_t { margin-top: 70px;  }

.col_box p { font-size: 18px; color: #000; line-height: 28px; text-align: left; padding: 0 100px; margin-bottom: 15px; word-break:keep-all;}/* 1012 퍼블수정 */
.col_box p.last_t {font-size: 18px; color: #000; line-height: 28px; text-align: left; padding: 0 100px 43px 100px; margin-bottom: 0 !important; margin-top: 55px;}

/*웹툰 페이지*/
.content_webtoon_wrap {width: 100%; max-width: 960px; margin: 0 auto; font-family:"Noto Sans KR";}
.content_webtoon_wrap img {width:100%; text-align: center;}
.webtoon_t { font-size: 28px; color: #000; line-height: 36px; text-align: center; margin: 0;}
.webtoon_t.left {text-align: left !important;  padding-left: 100px;}
.webtoon_t.right {text-align: right !important; padding-right: 100px;}
.webtoon_t2 {font-size: 45px; color: #000;  text-align: center; margin: 0;}
.webtoon_t3 {font-size: 35px; color: #000; text-align: center; margin: 0;}
.read_btn{text-align: center; padding-bottom:100px;}
.read_btn img{max-width: 460px;}

/* 1015 퍼블추가 */
.iframe_media header{background:#ede9e6; height:90px; padding:0 70px 0 30px; box-sizing: unset;}
.iframe_media header a{display:block;}
.iframe_media header .pc_ver:after {content:""; display:block; clear:both;} 
.iframe_media header .logo_area{float:left; display: inline-block;}
.iframe_media header .bc{float:right;}
.iframe_media .m_ver{display:none;}
.iframe_media .m_ver .bc{padding-top:8px;}

.iframe_media .visual img{width:100%;}
/* .iframe_media .video{position: relative; }
.iframe_media .video .btn_play{position:absolute; top:50%; left:50%; z-index:11; cursor:pointer; border:none; width:80px; height:80px; transform: translate(-50%, -50%); background: url(../image/celltrion/bg_play_big.png) no-repeat 0 0;}
.iframe_media .video .btn_play.hide{display:none;} */
.iframe_media .media_inner{width:1600px; margin:100px auto 0px; }
.iframe_media .desc_content{width:1150px; margin:90px auto 90px; line-height:32px; font-size:20px; font-family: 'Montserrat', sans-serif; word-break:keep-all;}
.iframe_media .more{text-align:center; padding-bottom:100px;}
.iframe_media .more a{display:block;}

@media (max-width:1080px) {
    .iframe_media .media_inner{width:100%; margin: 0 auto 0;}
    .iframe_media .desc_content{width:100%; padding:15px 20px; margin:15px 0 50px; box-sizing:border-box;}
    .iframe_media .more img{width:190px!important;}
    .iframe_media header{padding:0 30px;}
}


@media screen and (max-width:768px){
    /* 추가 */
    .iframe_media .pc_ver{display:none;}
    .iframe_media .m_ver{display:block;}
    .iframe_media header{height:50px; padding:17px 12px 12px 12px;}
    .content_webtoon_wrap .read_btn img {max-width:240px; width:100%;}/* 1012 퍼블수정 */
    .iframe_media .more{padding-bottom:50px;}
    .read_btn{padding-bottom:50px;}

    /*타임라인 페이지*/
    .col_box .col_img { margin-bottom: 40px; margin-top: 54px; max-width: 250px;}
    .col_box .col_history_img, .col_box .col_history_img2, .col_box .col_history_img3, .col_box .col_history_img_m { width: 90%; margin: 0 auto;}
    .col_box .col_history_img {display: none; }
    .col_box .col_history_img3 {display: none;  }
    .col_box .col_history_img_m {display: block; margin-bottom: 30px; }
    .col_box .col_history_img_m.margin { margin-top: 40px; }
    .col_box .col_history_t { margin-top: 0;  }
    .col_box p {font-size:14px !important; line-height: 22px; padding: 0px 40px; margin-bottom: 10px; }
    .col_box p.last_t {padding: 0 40px 43px 40px; margin-bottom: 0 !important; margin-top: 30px;}

    /*웹툰 페이지*/
    .webtoon_t {font-size:15px !important; line-height: 23px;}
    .webtoon_t.left { padding-left: 50px;}
    .webtoon_t.right { padding-right: 50px;}
    .webtoon_t2 {font-size:24px !important; line-height: 32px;}
    .webtoon_t3 {font-size:18px !important; line-height: 26px;}

    .mh40 {height: 50px !important;}
    .mh60 {height: 90px !important;}
    .mh80 {height: 200px !important;}
}