@charset "utf-8";
/* the boutique styles 2018.08 */

@import url("//news.chosun.com/dhtm/css/css_reset_2018.css");
@import url("//fonts.googleapis.com/css?family=Roboto:100,400,900");
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("//m.chosun.com/css/swiper.min_341.css");

body, input, button, textarea{ font-family: Roboto, 'Noto Sans KR', AppleSDGothicNeo-Regular,'맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, 'Apple SD Gothic Neo',sans-serif; color: #000; letter-spacing:0 }
a, a:visited{color:#000; text-decoration:none}

.learn_header { padding: 45px 0 0; color: #fff }
h1.learn_header_tit { position: relative; max-width: 1200px; margin: 0 auto 35px; text-align: center }
h1.learn_header_tit a { display: inline-block; width: 424px; height: 64px; font-size: 0; color: #fff; background: url('//news.chosun.com/pan/dhtm/img/learning_ico.png') no-repeat 0 0; vertical-align: top }

.learn_menubox { position: relative; height: 55px; background: url('//news.chosun.com/pan/dhtm/img/learning_gra_menu.png') center top repeat-y }
ul.learn_menu { max-width: 1200px; margin: 0 auto }
ul.learn_menu li { display: inline-block; font-size: 20px; line-height: 55px; font-weight: 500 }
ul.learn_menu li + li { margin-left: 40px }
ul.learn_menu li a { position: relative; display: inline-block; height: 55px; padding: 0 5px; color: #fff; transition: ease all 0.4s ; -webkit-transition: ease all 0.4s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s ; }
ul.learn_menu li a span { position: relative; z-index: 2 }
ul.learn_menu li a:after { content: ' '; position: absolute; top: auto; left: 0; bottom: 0; display: block; width: 0; height: 5px; margin: auto; background: #eaff01; z-index: 1; transition: ease all 0.3s ; -webkit-transition: ease all 0.3s ; -moz-transition: ease all 0.3s ; -ms-transition: ease all 0.3s ; -o-transition: ease all 0.3s ; }
ul.learn_menu li a.current:after,
ul.learn_menu li a:hover:after { width: 100%}
/* ul.learn_menu:hover li a { color: #e5e5e5 } */
ul.learn_menu li a:hover { text-decoration: none; color: #eaff01 }
ul.learn_menu li a i { margin: 0 5px; font-weight: 100; font-style: normal }
ul.learn_menu li a#lm_event { display: none }
ul.learn_menu li.only_m { display: none }
ul.learn_sns { position: absolute; top: 0; right: 0 }
ul.learn_sns li { display: inline-block; vertical-align: top }
ul.learn_sns li a { display: block; width: 28px; height: 28px; margin-left: 10px; background: url('//news.chosun.com/pan/dhtm/img/leaning_ico.png') no-repeat; font-size: 0 }
ul.learn_sns li a.learn_sns_insta { background-position: 0 -250px }
ul.learn_sns li a.learn_sns_fb { background-position: -150px -250px }
.learnm_menu { display: none }



.learn_main_top { padding-top: 45px }
.learn_main_top_inner { max-width: 1200px; margin: 0 auto }

.learn_main_top_sli { overflow: hidden; padding-bottom: 100px }

.learn_main_top_sli .slide { position: relative }
.learn_main_top_thumb { float: right; position: relative; width: 512px; height: 672px }
.learn_main_top_thumb:before { content: ' '; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background: url('//news.chosun.com/pan/dhtm/img/learning_gra_rect.png') no-repeat; background-size: 100% 100% } 
.learn_main_top_thumb img { position: absolute; width: 520px; height: 680px; margin-top: 12px; margin-left: -20px; transform: translateX(10px); -webkit-transform: translateX(10px) ; -moz-transform: translateX(10px) ; -ms-transform: translateX(10px) ; -o-transform: translateX(10px) ; transition: ease all 0.4s ; -webkit-transition: ease all 0.4s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s ; }
dl.learn_main_top_text { float: left; position: relative; width: 540px }
dl.learn_main_top_text dd.uptit { margin-bottom: 10px; font-size: 20px; letter-spacing: -0.05em; color: #22b76a }

dl.learn_main_top_text dt { display: block; margin-bottom: 20px; font-size: 42px; line-height: 1.190; letter-spacing: -0.05em; color: #000; word-break: keep-all;  }
dl.learn_main_top_text dt span { background-image: linear-gradient(to right, rgb(34,183,106) 0%, rgb(34,183,106) 100%); background-size: 0 2px; background-position: 0px 95%; background-repeat:no-repeat; transition: ease all 0.25s; padding: 0.1% 0px; -webkit-transition: ease all 0.25s; -moz-transition: ease all 0.25s; -ms-transition: ease all 0.25s; -o-transition: ease all 0.25s; }
dl.learn_main_top_text:hover dt span { background-size:100% 2px }

dl.learn_main_top_text dd.desc { font-size: 16px; line-height: 1.813; color: #666; word-break: keep-all }
dl.learn_main_top_text dd.more { display: inline-block; margin-top: 30px; padding: 0 20px; background: url('//news.chosun.com/pan/dhtm/img/learning_gra_rect.png') no-repeat center center; background-size: 100%;  border-radius: 16px; font-size: 16px; line-height: 32px; text-align: center; color: #fff }
dl.learn_main_top_text dd.linkbox { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
dl.learn_main_top_text dd.linkbox a { display: block; width: 100%; height: 100% }
dl.learn_main_top_text:hover dt { color: #22b76a }

.learn_main_top_sli .slide.swiper-slide-active dl.learn_main_top_text,
.learn_main_top_sli .slide.swiper-slide-active .learn_main_top_thumb img,
.learn_main_top_sli .slide.swiper-slide-active .learn_main_top_thumb:before { opacity: 0 }
.learn_main_top_sli .slide.swiper-slide-active dl.learn_main_top_text { animation: txtFly ease 1 1s forwards 0.2s; -webkit-animation: txtFly ease 1 1s forwards 0.2s; }
.learn_main_top_sli .slide.swiper-slide-active .learn_main_top_thumb img { animation: txtFly ease 1 1s forwards 0.4s; -webkit-animation: txtFly ease 1 1s forwards 0.6s; }
.learn_main_top_sli .slide.swiper-slide-active .learn_main_top_thumb:before { animation: txtFly ease 1 0.2s forwards 0.4s; -webkit-animation: txtFly ease 1 0.2s forwards 0.4s; }
.learn_main_top_sli .slide.swiper-slide-active {}
.learn_main_top_sli .slide.swiper-slide-active {}

@keyframes txtFly {
    0% { opacity: 0; transform: translateX(30px) ; -webkit-transform: translateX(30px) ; -moz-transform: translateX(30px) ; -ms-transform: translateX(30px) ; -o-transform: translateX(30px) ; }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
}


.learn_main_top_page { position: relative; width: 800px; margin-top: -250px; margin-bottom: 100px; z-index: 9 }
.learn_main_top_page .learn_main_top_page_list { font-size: 0 }
.learn_main_top_page .page_item { position: relative; display: inline-block; width: 240px; height: 240px; padding: 5px; box-sizing: border-box; overflow: hidden; cursor: pointer;  }
.learn_main_top_page .page_item + .page_item { margin-left: 35px }
.learn_main_top_page .page_item img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100% }
.learn_main_top_page .page_item .page_item_inner { overflow: hidden; position: relative; width: 100%; height: 100% }
.learn_main_top_page .page_item.current { background: url('//news.chosun.com/pan/dhtm/img/learning_gra_rect.png') no-repeat; background-size: 100% 100% }
.learn_main_top_page .page_item.current img {}
.learn_main_top_page .page_item .page_item_inner img { transform-origin: 50% 50%; transition: ease all 0.4s ; -webkit-transition: ease all 0.4s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s ;}
.learn_main_top_page .page_item .page_item_inner:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.learn_main_tile { background: #e1e1e0 }
.learn_main_tile_inner { width: 1200px; margin: 0 auto; padding-top: 60px; padding-bottom: 100px; overflow: hidden }
.learn_main_tile_inner h2 { position: relative; width: 448px; margin: 0 auto 50px; padding-bottom: 20px; border-bottom: solid 1px #838282; font-size: 40px; font-weight: 900; text-align: center }
.learn_main_tile_inner h2 .green { color: #25c271 }
.learn_main_tile_inner h2:after { content: ' '; position: absolute; display: block; bottom: -3px; left: 0; right: 0; margin: 0 auto; width: 5px; height: 5px; background: #000; transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; }
.learn_main_tile_box { float: left; width: 50% }

dl.tile_item { float: left; position: relative; width: 50%; height: 390px; background: #fff }
dl.tile_item dd.thumb { position: relative; width: 100%; height: 0; margin-bottom: 35px; padding-top: 56.66%; overflow: hidden; background: #e5e5e5 }
dl.tile_item dd.thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; margin: auto; transition: ease all 0.4s ; -webkit-transition: ease all 0.4s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s ; }
dl.tile_item:hover dd.thumb img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
dl.tile_item dd.logo { position: absolute; top: 130px; left: 0; right: 0; width: 75px; height: 75px; margin: 0 auto; overflow: hidden; box-sizing: border-box; background: #fff; border: solid 5px #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
dl.tile_item dd.logo img { height: 100% }
dl.tile_item dd.uptit { margin: 0 20px 5px; font-size: 16px; color: #22b76a; letter-spacing: -0.05em }
dl.tile_item dt {  margin: 0 20px 5px; font-size: 20px; line-height: 1.3;}
dl.tile_item dt span { background-image: linear-gradient(to right, rgb(34,183,106) 0%, rgb(34,183,106) 100%); background-size: 0 2px; background-position: 0px 95%; background-repeat:no-repeat; transition: ease all 0.25s; padding: 0.1% 0px; -webkit-transition: ease all 0.25s; -moz-transition: ease all 0.25s; -ms-transition: ease all 0.25s; -o-transition: ease all 0.25s; }
dl.tile_item:hover dt { color: #22b76a }
dl.tile_item:hover dt span { background-size:100% 2px }
dl.tile_item dd.desc {  margin: 0 20px; font-size: 14px; line-height: 1.643; color: #999; word-break: keep-all }
dl.tile_item dd.linkbox { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
dl.tile_item dd.linkbox a { display: block; width: 100%; height: 100% }

dl.tile_item.type2 { position: relative; display: table; background: #22b76a; color: #fff }
dl.tile_item.type2:before { content: ' '; position: absolute; display: block; width: 280px; height: 370px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: solid 1px #fff; opacity: 0.3 }
dl.tile_item.type2 .cell { display: table-cell; vertical-align: middle; text-align: center }
dl.tile_item.type2 dd.uptit { display: inline-block; min-width: 180px; height: 30px; margin: 0 auto 30px; background: #fff; font-size: 18px; line-height: 30px; text-align: center; border-radius: 15px; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
dl.tile_item.type2 dt { font-size: 24px; line-height: 1.292; letter-spacing: -0.05em }
dl.tile_item.type2 dt span { background-image: linear-gradient(to right, rgb(255,255,255) 0%, rgb(255,255,255) 100%); background-size: 0 2px; background-position: 0px 95%; background-repeat:no-repeat; transition: ease all 0.25s; padding: 0.1% 0px; -webkit-transition: ease all 0.25s; -moz-transition: ease all 0.25s; -ms-transition: ease all 0.25s; -o-transition: ease all 0.25s; }
dl.tile_item.type2:hover dt { color: #fff }
dl.tile_item.type2:hover dt span { background-size:100% 2px }
dl.tile_item.type2.blue { background: #17a1f6 }
dl.tile_item.type2.blue dd.uptit { color: #17a1f6 }

dl.tile_item.type3 { position: relative; display: table; width: 100% }
dl.tile_item.type3 .cell { display: table-cell; vertical-align: middle; text-align: center }
dl.tile_item.type3 dd.thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0 }
dl.tile_item.type3 dd.thumb:after { content: ' '; display: block; width: 100; height: 100%; background: #000; opacity: 0.5 }
dl.tile_item.type3 dd.thumb img { width: auto; height: 100% }
dl.tile_item.type3 dd.uptit { position: relative; font-size: 20px }
dl.tile_item.type3 dt { position: relative; font-size: 32px; line-height: 1.250; color: #fff; word-break: keep-all }

dl.tile_item.type4 { position: relative; width: 100% }
dl.tile_item.type4 dd.thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0 }
dl.tile_item.type4 dd.thumb img { width: auto; height: 100% }
dl.tile_item.type4 dd.uptit,
dl.tile_item.type4 dt { display: none }




.learn_main_brand { margin-bottom: 200px }
.learn_main_brand_header_inner { max-width: 1200px; margin: 0 auto; padding-top: 100px; padding-bottom: 50px; overflow: hidden }
.learn_main_brand_header { margin-bottom: 50px }
.learn_main_brand_header h2 { position: relative; width: 448px; margin: 0 auto; padding-bottom: 20px; border-bottom: solid 1px #838282; font-size: 40px; font-weight: 700; text-align: center }
.learn_main_brand_header h2 .green { color: #22b76a }
.learn_main_brand_header h2:after { content: ' '; position: absolute; display: block; bottom: -3px; left: 0; right: 0; margin: 0 auto; width: 5px; height: 5px; background: #000; transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; }

dl.learn_main_brand_item { position: relative; float: left; width: 380px }
dl.learn_main_brand_item + dl.learn_main_brand_item { margin-left: 30px }
dl.learn_main_brand_item dd.thumb { position: relative; width: 380px; height: 380px; overflow: hidden }
dl.learn_main_brand_item dd.thumb img { height: 100%; transition: ease all 0.4s ; transform-origin: 50% 50% }
dl.learn_main_brand_item dt { position: absolute; bottom: -50px; right: 0; width: 350px; height: 120px; padding: 20px 30px; box-sizing: border-box; background: #fff; font-size: 24px; line-height: 1.2; font-weight: 500; word-break: keep-all }
dl.learn_main_brand_item dt span { background-image: linear-gradient(to right, rgb(34,183,106) 0%, rgb(34,183,106) 100%); background-size: 0 2px; background-position: 0px 95%; background-repeat:no-repeat; transition: ease all 0.25s; padding: 0.1% 0px; -webkit-transition: ease all 0.25s; -moz-transition: ease all 0.25s; -ms-transition: ease all 0.25s; -o-transition: ease all 0.25s; }


dl.learn_main_brand_item a:hover dd.thumb img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform-origin: 50% 50% ; }
dl.learn_main_brand_item a:hover dt { color: #22b76a }
dl.learn_main_brand_item a:hover dt span { background-size:100% 2px }

.learn_main_top .swiper-button-prev { position: absolute; top:auto; bottom: 0px; left: auto; right: 110px; display: inline-block; width: 40px;font-size: 0; vertical-align: top; z-index: 999 }
.learn_main_top .swiper-button-next { position: absolute; top:auto; bottom: 0px; right: 40px; display: inline-block; width: 40px; font-size: 0; vertical-align: top; z-index: 999 }

.learn_main_tile .swiper-button-prev { position: absolute; top:auto; bottom: 0px; right: 50%; left: auto; display: inline-block; width: 40px;font-size: 0; vertical-align: top; z-index: 999 }
.learn_main_tile .swiper-button-next { position: absolute; top:auto; bottom: 0px; right: auto; left: 50%; display: inline-block; width: 40px; font-size: 0; vertical-align: top; z-index: 999 }
.learn_main_tile .swiper-button-prev,
.learn_main_tile .swiper-button-next { display: none }




.btn_arr_left { position: relative; width: 40px; height: 20px; background: #fff; border: solid 10px #fff }
.btn_arr_left:before { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 100%; height: 1px; background: #000; }
.btn_arr_left:after { content: ' '; position: absolute; top: 0; bottom: 0; left: 1px; margin: auto; display: block; width: 14px; height: 14px; border: solid 1px #000; border-right: 0; border-bottom: 0; transform: rotate(-45deg) ; -webkit-transform: rotate(-45deg) ; -moz-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; -o-transform: rotate(-45deg) ; }
.btn_arr_left:hover { animation: btnArrHoverLeft infinite ease 1s ; -webkit-animation: btnArrHoverLeft infinite ease 1s ; }
.btn_arr_right { position: relative; width: 40px; height: 20px; background: #fff; border: solid 10px #fff }
.btn_arr_right:before { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 100%; height: 1px; background: #000; }
.btn_arr_right:after { content: ' '; position: absolute; top: 0; bottom: 0; right: 1px; margin: auto; display: block; width: 14px; height: 14px; border: solid 1px #000; border-left: 0; border-top: 0; transform: rotate(-45deg) ; -webkit-transform: rotate(-45deg) ; -moz-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; -o-transform: rotate(-45deg) ; }
.btn_arr_right:hover { animation: btnArrHoverRight infinite ease 1s; -webkit-animation: btnArrHoverRight infinite ease 1s ; }

@keyframes btnArrHoverLeft {
    0% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    50% { transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
}
@keyframes btnArrHoverRight {
    0% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    50% { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }
    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
}















/* bo / learning divi */










.bo_footer { height: 70px; background: #5e5e5e }
.bo_copyright { font-size: 14px; font-weight: 500; line-height: 70px; color: #fff; text-align: center }

@keyframes txtFly {
    0% { opacity: 0; transform: translateX(30px) ; -webkit-transform: translateX(30px) ; -moz-transform: translateX(30px) ; -ms-transform: translateX(30px) ; -o-transform: translateX(30px) ; }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
}







/* article tune */
ul.news_left_aside_sns > li:first-child,
ul.news_left_aside_sns li a.count_cmt,
.news_cmt { display: none }
.newsq_title { }
.newsq_title h1 { word-break: keep-all }

.bo_art_latest_wrap { position: relative; width: 826px; padding-top: 20px; border-top: solid 1px #222 }
.bo_art_latest_wrap h3.tit { position: absolute; top: 20px; left: 0; font-size: 20px }
.bo_art_latest { margin-left: 181px; overflow: hidden }
dl.bo_art_latest_item { float: left; width: 210px; margin-left: 5px; padding-bottom: 20px }
dl.bo_art_latest_item a {}
dl.bo_art_latest_item a:hover { text-decoration: none }
dl.bo_art_latest_item dd.thumb { position: relative; width: 210px; height: 120px; margin-bottom: 10px; overflow: hidden; background: #f6f6f6 }
dl.bo_art_latest_item dd.thumb img { height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
dl.bo_art_latest_item dt { height: 2.6em; padding: 0 3px; font-size: 15px; line-height: 1.3; overflow: hidden }
dl.bo_art_latest_item dt a:hover { text-decoration: underline }
dl.bo_art_latest_item a:hover dd.thumb img {}
dl.bo_art_latest_item a:hover dt { color: #211cff }






/* list tune */
.learn_list_wrap { max-width: 1230px; margin: 0 auto; padding-top: 50px }
dl.learn_list_item { float:left; width: 380px; margin: 0 15px 30px; box-sizing: border-box; border: solid 1px #d7d7d7; overflow: hidden }
dl.learn_list_item a {}
dl.learn_list_item dd.thumb { position: relative; width: 380px; height: 0; padding-top: 52.63%; overflow: hidden }
dl.learn_list_item dd.thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; margin: auto }
dl.learn_list_item dt { height: 3em; padding: 20px; font-size: 18px; line-height: 1.3; letter-spacing: -0.05em; overflow: hidden; word-break: keep-all }
dl.learn_list_item dd.info { padding: 0 20px 20px; font-size: 13px; color: #999; letter-spacing: -0.05em }
dl.learn_list_item a:hover { text-decoration: none }
dl.learn_list_item a:hover dt { text-decoration: underline }
#paginate_pc_id { clear: both; display: block }
#paginate_m_id { clear: both; display: none }




@media all and (max-width: 1198px) {
.csmgsgnb_in { width: auto!important }
h1.bo_header_tit, 
.bo_menubox,
.bo_main_top_inner,
.bo_main_sub,
.bo_main_brand_header_inner { max-width: none }
dl.bo_main_brand_item { width: 33.3%; padding: 0 10px; box-sizing: border-box }
dl.bo_main_brand_item + dl.bo_main_brand_item { margin-left: 0 }

.bo_menubox { padding: 0 20px}
ul.bo_menu li { font-size: 15px }
dl.bo_main_brand_item dd.thumb { position: relative; width: 100%; height: 0; padding-top: 100% }
dl.bo_main_brand_item dd.thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0}
dl.bo_main_brand_item dt { width: 90%; box-sizing: border-box }
}
/* end responsive 1198 */



@media all and (max-width: 959px) {
.csmgsgnb_wrap { display: none }
.learn_header { position: relative; height: 45px; padding: 0 }
h1.learn_header_tit { margin-bottom: 0; display: none }
h1.learn_header_tit a { width: 224px; height: 30px; background-position: 0 -75px; background-size: 450px }
.learn_menubox { position: fixed; top: 45px; left: 0; height: 100vh; margin-left: -300px; padding: 30px; background: #fff; z-index: 99; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -ms-transition: ease all 0.4s; -o-transition: ease all 0.4s; }
.learn_menubox.vis { margin-left: 0 }

html.mask,
body.mask { overflow-y: hidden }
.mask_layer { content: ' '; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background: #000; opacity: 0.2; z-index: 97; opacity: 0; visibility: hidden; transition: ease all 0.4s ; -webkit-transition: ease all 0.4s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s ; }
html.mask .mask_layer,
body.mask .mask_layer { opacity: 0.2; visibility: visible }


ul.learn_menu { background: #fff }
ul.learn_menu li { display: block; font-size: 18px; font-weight: 400; line-height: 1.3 }
ul.learn_menu li + li { margin-left: 0; margin-top: 25px }
ul.learn_menu li.only_m { display: block; padding-top: 25px; border-top: solid 1px #eaeaea }
ul.learn_menu li a { height: auto; color: #000 }

ul.learn_menu li a#lm_event { display: none }

.learnm_menu { position: fixed; top: 0; left: 0; right: 0; display: block; width: 100%; height: 45px; padding: 13px 13px 0; box-sizing: border-box; background: url('//news.chosun.com/pan/dhtm/img/learning_gra_rect.png'); background-size: cover; z-index: 999; text-align: center }
.learnm_menu_btn { position: absolute; top: 13px; left: 13px; width: 20px; height: 20px; background: url('//news.chosun.com/pan/dhtm/img/learning_ico.png') no-repeat 0 -75px; background-size: 250px; border: 0; font-size: 0; vertical-align: top }
.learnm_menu_btn.vis { background-position: -25px -75px }
.learnm_menu_tit { display: inline-block; width: 141px; height: 22px; background: url('//news.chosun.com/pan/dhtm/img/learning_ico.png') no-repeat 0 -50px; background-size: 250px; font-size: 0; vertical-align: top }




.learn_main_top { margin-top: 0; padding-top: 0 }
dl.learn_main_top_text { float: none; width: auto; padding: 25px 15px 0 }
dl.learn_main_top_text dd.uptit { font-size: 14px }
dl.learn_main_top_text dt { width: 85%; margin-bottom: 30px; font-size: 24px }
dl.learn_main_top_text dd.desc,
dl.learn_main_top_text dd.more { display: none }


.learn_main_top_thumb { float: none; width: 100%; height: auto; padding: 0 38px; box-sizing: border-box;  border-top:0; border-bottom: 0 }
.learn_main_top_thumb span { position: relative; display: block; width: 100%; height: 0; padding-top: 100%;}
.learn_main_top_thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto }
.learn_main_top_thumb:before { top: -10px; right: 28px; width: calc( 100% - 96px ) }

.learn_main_top_page { position: relative; width: 250px; margin-top: -75px; margin-bottom: 55px; padding-left: 15px; z-index: 5 }
.learn_main_top_page .page_item { padding: 3px }
.learn_main_top_page .page_item img { height: 100% }
.learn_main_top_page .page_item + .page_item { margin-left: 12px }

.learn_main_top_sli { padding-bottom: 35px; z-index: 3 }
.btn_arr_left:after,
.btn_arr_right:after { width: 10px; height: 10px }
.learn_main_top .swiper-button-prev, 
.learn_main_top .swiper-button-next { width: 30px; bottom: -5px }
.learn_main_top .swiper-button-prev { right: 60px }
.learn_main_top .swiper-button-next { right: 15px }

.learn_main_tile .swiper-button-prev,
.learn_main_tile .swiper-button-next { width: 30px }


dl.tile_item { text-align: left; height: 260px; overflow: hidden }
dl.tile_item dd.thumb { margin-bottom: 0 }
dl.tile_item dd.uptit { font-size: 14px }
dl.tile_item dt { font-size: 17px }
dl.tile_item dd.desc { display: none; font-size: 14px }
dl.tile_item dd.logo { position: relative; top: auto; width: 45px; height: 45px; margin-top: -23px }
dl.tile_item dd.uptit,
dl.tile_item dt,
dl.tile_item dd.desc { margin-left: 10px; margin-right: 10px }


dl.tile_item.type2 dd.uptit { min-width: auto; height: 20px; padding: 0 10px; font-size: 14px; line-height: 20px }
dl.tile_item.type2 dt { font-size: 20px }
dl.tile_item.type2:before { display: none }

dl.tile_item.type3 dd.uptit { font-size: 14px }
dl.tile_item.type3 dt { font-size: 20px }


.learn_main_tile_inner { width: 100%; width: calc( 100% - 30px ); margin: 0 auto; padding-top: 30px; padding-bottom: 10px; box-sizing: border-box; text-align: center }
.learn_main_tile_inner h2 { display: inline-block; width: auto; margin: 0 auto 20px; padding-bottom: 10px; font-size: 20px }

.learn_main_brand_header { text-align: center; margin-bottom: 30px  }
.learn_main_brand_header h2 { display: inline-block; width: auto; margin: 0 auto; padding-bottom: 10px; font-size: 20px }

.learn_main_tile_inner .swiper-container { padding-bottom: 50px }
.learn_main_tile .swiper-button-prev, .learn_main_tile .swiper-button-next { display: block; background: none; border-color: rgba(255, 255, 255, 0)}
.learn_main_tile .swiper-button-prev, .learn_main_tile .swiper-button-next {}


.learn_main_brand { margin-bottom: 0px }
.learn_main_brand_header_inner { padding-top: 30px }
dl.learn_main_brand_item { clear: both; position: relative; width: 100%; height: 60px; padding-left: 90px; padding-right: 30px; box-sizing: border-box; overflow: hidden }
dl.learn_main_brand_item + dl.learn_main_brand_item { margin-top: 15px }
dl.learn_main_brand_item a { display: table; height: 100% }
dl.learn_main_brand_item dd.thumb { position: absolute; top: 0; left: 20px; width: 60px; height: 60px; padding: 0; overflow: hidden }
dl.learn_main_brand_item dd.thumb img { height: 60px }
dl.learn_main_brand_item dt { display: table-cell; position: static; height: 100%; bottom: auto; right: auto; width: auto; height: auto; padding: 0; font-size: 16px; line-height: 1.375; vertical-align: middle }
dl.learn_main_brand_item + dl.learn_main_brand_item { margin-left: 0 }


.learn_list_wrap { padding-top: 0 }



/* for list */
.learn_list_wrap { padding-top: 0; border-top: solid 9px #ebebeb }
dl.learn_list_item { width: 100%; margin: 0; border: 0; border-bottom: solid 9px #ebebeb }
dl.learn_list_item a:hover { text-decoration: none }
dl.learn_list_item dt { height: 2.6em; padding: 15px; font-size: 17px; line-height: 1.3 }
dl.learn_list_item dd.info { padding: 0 15px 15px; font-size: 14px }
#paginate_pc_id { clear: both; display: none }
#paginate_m_id { clear: both; display: block; margin-top: 20px }
.newsq_title .news_title_q:empty { display: none }


















.bo_main_topbg .bom_menu_tit { opacity: 0; transition: ease all 0.4s ; -webkit-transition: ease all 0.4s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s ; }
.bo_main_topbg .bom_menu_tit.vis { opacity: 1 }

/* for article */
.news_body:before { margin: 10px 0 }
.bo_art_topbg .bo_header { padding-top: 15px }
.bo_art_topbg h1.bo_header_tit { display: none }



.bo_main_top_inner { padding: 0 12px 60px }

.bo_main_sub_wrap { margin-bottom: 0px; padding: 30px 0 }
.bo_main_sub { height: auto }
.bo_main_sub_sli .swiper-wrapper { display: block }
.bo_main_sub_sli .slide { width: 100%!important; height: 100%; margin-bottom: 20px; padding-left: 60px; padding-bottom: 90px; box-sizing: border-box; opacity: 1 }
.bo_main_sub_thumb { width: 100%!important; height: 0!important; padding-bottom: 100% }
dl.bo_main_sub_text { opacity: 1; visibility: visible; left: 10px; width: 100%; width: calc( 100% - 84px ); height: auto; top: auto; bottom: 0px  }
dl.bo_main_sub_text:before { display: none }
dl.bo_main_sub_text dt { margin-bottom: 12px; padding-top: 17px; font-size: 24px; line-height: 1.250 }
dl.bo_main_sub_text:hover dt { color: #000 }
dl.bo_main_sub_text dd.desc { font-size: 12px; line-height: 1.3; color: #999; overflow: hidden }
dl.bo_main_sub_text dd.more { position: static; margin-top: 10px; font-size: 14px; line-height: 24px }

.bo_main_sub_sli .swiper-button-prev,
.bo_main_sub_sli .swiper-button-next { display: none }

.bo_main_pick_wrap { height: 250px; margin-bottom: 20px }
.bo_main_pick_sli { height: auto }
.bo_main_pick_sli .slide { height: auto!important }
.bo_main_pick_sli .slide a { min-height: 250px; background-size: auto 250px; background-repeat: no-repeat }
.bo_main_pick_sli .swiper-button-prev,
.bo_main_pick_sli .swiper-button-next { right: auto; background-size: 450px; width: 20px; height: 9px; padding: 10px 0; bottom:-1px }
.bo_main_pick_sli .swiper-button-prev { background-position: -150px -115px; left: 0 }
.bo_main_pick_sli .swiper-button-next { background-position: -175px -115px; left: 60px }


.bo_main_brand_header { text-align: center }
.bo_main_brand_header h2 { display: inline-block; width: auto; margin: 0 auto; padding-bottom: 10px; font-size: 20px }


.bo_main_brand { margin-bottom: 0px }
dl.bo_main_brand_item { clear: both; position: relative; width: 100%; height: 60px; padding-left: 100px; padding-right: 30px; box-sizing: border-box; overflow: hidden }
dl.bo_main_brand_item + dl.bo_main_brand_item { margin-top: 15px }
dl.bo_main_brand_item a { display: table; height: 100% }
dl.bo_main_brand_item dd.thumb { position: absolute; top: 0; left: 30px; width: 60px; height: 60px; padding: 0; overflow: hidden }
dl.bo_main_brand_item dd.thumb img { height: 60px }
dl.bo_main_brand_item dt { display: table-cell; position: static; height: 100%; bottom: auto; right: auto; width: auto; height: auto; padding: 0; font-size: 16px; line-height: 1.375; vertical-align: middle }


.bo_art_latest_wrap { width: auto; padding: 0 10px; border-top: 0 }
.bo_art_latest_wrap h3.tit { position: static; top: auto; left: auto; margin-bottom: 10px; padding-left: 5px; font-size: 17px }
.bo_art_latest { margin-left: 0 }
dl.bo_art_latest_item { width: 50%; margin: 0; padding: 0 5px 20px; box-sizing: border-box }
dl.bo_art_latest_item a {}
dl.bo_art_latest_item a:hover {}
dl.bo_art_latest_item dd.thumb { position: relative; width: 100%; height: 0; padding-top: 56.12% }
dl.bo_art_latest_item dd.thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% }
dl.bo_art_latest_item dt {}
dl.bo_art_latest_item a:hover dd.thumb img {}
dl.bo_art_latest_item a:hover dt {}

/* for list */
.bo_list_wrap { padding-top: 0; border-top: solid 9px #ebebeb }
dl.bo_list_item { width: 100%; margin: 0; border: 0; border-bottom: solid 9px #ebebeb }
dl.bo_list_item a:hover { text-decoration: none }
dl.bo_list_item dt { height: 2.6em; padding: 15px; font-size: 17px; line-height: 1.3 }
dl.bo_list_item dd.info { padding: 0 15px 15px; font-size: 14px }
#paginate_pc_id { clear: both; display: none }
#paginate_m_id { clear: both; display: block; margin-top: 20px }
.newsq_title .news_title_q:empty { display: none }


/* divi */

.learn_main_top_page .page_item { width: 75px; height: 75px }










}
/* end responsive 959 */


/* fix */
ul.news_title_tools li > a.voice { display: none }
ul.news_title_tools li > a.scrap, ul.news_title_tools li > a.email {display: none;}
.news_go a.news_go_recent { display: none; }

/* end */