@charset "utf-8";

/*
* ==============================+
* 작업자 : 박유진
* 작업 시작일 : 2017.08
* ==============================+
*/

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");


/* 기본 스타일 */
html, body{height:auto;}
body{font:14px/1.4em 'Noto Sans KR', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif; color:#222; font-weight:300; overflow-y:scroll; min-width:320px; background: #fff}
h1, h2, h3, h4, h5 {font:14px/1.4em 'Noto Sans KR', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif; }
.skip-content a{display:block; background:#000 !important;text-align:center;position:absolute;top:-36px;left:0;width:1px;height:1px;overflow:hidden;display:block;color:#fff}
.skip-content a:focus{width:100%; top:0; padding:10px;height:auto; color:#fff; z-index:9999;}

#header .cs_mgnb_in {max-width:1110px}
.container {}

section {width:100%}
section .section_inner {position:relative; max-width:1100px; margin:0 auto;}

.parallax_a {background:url('http://image.chosun.com/chosun_b22//top_bg.png') no-repeat center 0; 
min-height:1125px;} 
.parallax_b {background:#f7f7f7; background-attachment: fixed;
min-height:880px;   
background-position: center;
background-size: cover;}
.parallax_c {background:url('http://image.chosun.com/chosun_b22//conf_info_bg.png') no-repeat center 0; background-attachment: fixed;
min-height:500px;   
background-position: center;
background-size: cover;}
.parallax_d {background:url('http://image.chosun.com/chosun_b22//play_bg.png') no-repeat center 0; background-attachment: fixed;
min-height:740px;   
background-position: center;
background-size: cover;}
.particles-line-box {width: 471px; height: 472px; position: absolute;left:-245px;top:105px;background-image: url("http://image.chosun.com/chosun_b22//icon_triangle_1.png");
  background-repeat: no-repeat;}
#particles-line-js {width: 700px;height: 700px;margin-top:100px}

/* conf_top */
section.conf_top {}
section.conf_top .section_inner {position:relative;height:1015px; z-index:1}
section.conf_top .section_inner .bg_line {width: 843px; height: 553px; position: absolute; left:-405px; top: -110px; background-image: url("http://image.chosun.com/chosun_b22//bg_line.png"); background-repeat: no-repeat;}

.triangle {display: inline-block;margin: 0 5px;vertical-align: middle;}
/* .triangle-1 {position: absolute;left:27px;top:302px; width: 190px; height: 123px;
border-bottom: solid 121px #2bc5fe;
border-left: solid 156px transparent;
border-right: solid 86px transparent;
-ms-transform: rotate(20deg); /* IE 9 
-webkit-transform: rotate(20deg);  Safari 
transform: rotate(20deg); Standard syntax 
} */

.triangle-1 {position: absolute;left:27px;top:302px; width: 239px; height: 141px;
background: url('http://image.chosun.com/chosun_b22//icon_triangle_2.png');
/* animation: shimmy 1.5s infinite ease-in-out alternate;
-ms-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
transform: rotate(7deg); */
z-index: 999; opacity: .8;
}

@keyframes shimmy {
    0% {
        transform: translatey(-10px);
    }
    100% {
        transform: translatey(10px);
    }
}
  
.triangle-2 {position: absolute;right:-95px;top:261px; width: 126px; height: 102px;
background: url('http://image.chosun.com/chosun_b22//icon_triangle_3.png');
animation: shimmy_1 2.5s infinite ease-in-out alternate;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Safari */
transform: rotate(50deg); /* Standard syntax */
opacity: .8;
}

@keyframes shimmy_1 {
    100% {
        transform: rotate(10deg);
    }
    0% {
        transform: rotate(0deg);
    }
}

.triangle-3 {position: absolute;right:-270px;top:341px; width: 77px; height: 49px;
background: url('http://image.chosun.com/chosun_b22//icon_triangle_4.png');
animation: shimmy_2 2.5s infinite ease-in-out alternate;
-ms-transform: rotate(-13deg); /* IE 9 */
-webkit-transform: rotate(-13deg); /* Safari */
transform: rotate(-13deg); /* Standard syntax */
opacity: .8;
}

@keyframes shimmy_2 {
    100% {
        transform: translatey(-3px);
        transform: scale(1.1);
    }
    0% {
        transform: translatey(3px);
        transform: scale(0.6);
        
    }
}

/* 1366 x 768 해상도 일 경우 세로 레이아웃 적용 */
.vertical_layout .triangle-2, .vertical_layout .triangle-3 {display:none}

/* top_menu 모바일 pc 영역*/
.top_menu_pc {height:110px;padding-top:30px; }
.top_menu_pc .inbox {position:relative;max-width:1110px; margin:0 auto; font-size:0; z-index:11 }
.top_menu_pc a.logo {float:left; display: inline-block; width:125px; height:79px; background: url("http://image.chosun.com/chosun_b22//logo_top.png") no-repeat; ;font-size:0; }

/* Navigation Styles */
.top_menu_pc nav {position:absolute; top:0; right:0}
.sub_bg .top_menu_pc nav{top:17px}
/***pc***/
.pc_navigation {position:relative; z-index:11}
.pc_navigation ul {font-size: 0;margin: 0;padding: 0;}
.pc_navigation ul li {display: inline-block;position: relative;}
.pc_navigation ul li a {color: #fff;display: block;font-size: 18px;font-weight:400; padding-bottom:15px; padding-right:70px; text-decoration:none;transition: 0.3s linear;}
.pc_navigation ul li:first-child a {padding-left:0;}
.pc_navigation ul li.last a {padding-right:0}
.pc_navigation ul li a:hover {color: #49ffec;}
.pc_navigation ul li.on a{color: #49ffec;}
.top_menu_m {display: none;}

/* .pc_navigation ul li ul {overflow:hidden; display:none; position:absolute; width:330px; margin-top:5px;}
.pc_navigation ul li ul li {float:left; display: inline-block;}
.pc_navigation ul li ul li:first-child {border-top: none;}
.pc_navigation ul li ul li a {display:inline-block; color: #fff; font-weight:400; font-size: 14px;  margin-left:20px;padding-right:0}
.pc_navigation ul li ul li a:before{content:''; display:block; height:1px; width: 100%; margin-bottom:3px;}
.pc_navigation ul li ul li:first-child a {margin-left:0;}
.pc_navigation ul li ul li >a:hover {color: #49ffec;}
.pc_navigation ul li ul li a:hover:before { background:#49ffec;transition: 0.3s linear;} */


/***m***/
.smobitrigger, .mnuclose { display: none; }

@media all and (max-width : 768px) {
  .cs_mgnb {display: none;}
  .top_menu_pc {display: none;}

  .top_menu_m {display: block; padding-top:12px;}
  .top_menu_m .inbox {position:relative;max-width:1110px; margin:0 auto; padding:0 15px }
  .top_menu_m a.logo {display: inline-block; width:74px; height:47px; background: url("http://image.chosun.com/chosun_b22//logo_top_m.png") no-repeat; background-size:74px 47px;font-size:0; }
  .sub_bg .top_menu_m a.logo {display: inline-block; width:143px; height:28px; background: url("http://image.chosun.com/chosun_b22//logo_top_sub_m.png") no-repeat; background-size:143px 28px;font-size:0; }

  .m_navigation { display: block; float: right;}
  .m_navigation a {padding:20px 20px 17px 20px;}
  .smobitrigger {display: inline-block; width:22px; height:21px; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat; background-size: 200px; background-position:-158px 7px; }
  .mnuclose {float:right; display: inline-block; padding:20px; width:22px; height:21px; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat; background-size: 200px; background-position: -168px -33px; }

  .smobitrigger span, .mnuclose span {display:none; text-shadow: none;color: transparent;}
  .m_navigation ul {padding: 0;overflow-y: auto;margin: 0px;list-style: none;}
  .m_navigation ul >li {width: 100%; display: inline-block; }
  .m_navigation ul >li.btn_home {position: absolute; width: auto;top: 12px;}
  .m_navigation ul >li.btn_home a{font-size:17px; color:#075be0!important; font-weight:bold; width: auto;} 
  .m_navigation ul >li.m_title {padding:6px 0 0 0;}
  .m_navigation ul >li a {width: 100%; padding: 5px 20px 5px;color: #666;font-weight: normal;display: inline-block;text-transform: uppercase;text-decoration: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
  .m_navigation ul >li a strong {display: block; font-size: 17px; color: #000; font-weight: normal;}
  .m_navigation ul >li a {font-size: 15px;color: #666;}
  /* .m_navigation ul >li a:hover {color: #441B0A; background: rgba(0, 0, 0, 0.29); } */
  .m_navigation a.mnuclose{ margin-bottom: 12px;}
  .go_chosun {font-size:15px; margin-top:10px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:20px 0}

  .mobimenu {list-style: none;padding: 20px;margin: 0px;width: 220px;position: fixed;height: 100%;top: 0px;right: -250px;}
  .mnuopn { right: 0px !important; }
  .ovrActv {position: fixed;background: rgba(0, 0, 0, 0.59);width: 100%;height: 100%;z-index: 9998;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}

  .top_menu_m.sub_top_m {padding-top:23px; }
  .top_menu_m.sub_top_m .m_navigation{position:absolute; right:15px; top:-20px;}
}

.top_text_box {position: relative; z-index: 11; text-align:center; color:#fff; padding-top:45px}
.top_text_box p {display: inline-block; font-size:24px; font-weight: 500; margin-bottom:10px; border-top:2px solid #fff; padding:14px 9px; border-bottom:2px solid #fff; }
.top_text_box h1 {font-size: 70px;color:#fff; letter-spacing: -0.05em; line-height: 1.4;}
.top_text_box h1 br{display:none}
.top_text_box h1 span{display:block;font-size: 36px;color:#49ffec}
.top_text_box div{padding-top:49px; font-size: 20px; font-weight: 400}
.top_text_box div em{font-style:normal; display:block}
.top_text_box div span{display:block; padding-top: 12px}

.lecturer_intro{position: relative; z-index: 11;text-align:center; padding-top:207px}
.lecturer_intro h2{font-size: 40px; color:#000; padding-bottom: 43px; font-weight: 300;}
.intro_person_box {overflow: hidden; /*padding-left: 20px;*/}
.intro_person_box dl {float:left; width: 20%; display: inline-block;}
.intro_person_box dt {/*max-width:168px;*/ margin-bottom:20px;}
/* .intro_person_box dt img:hover{-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);} */
.intro_person_box dd {font-size: 14px; color:#666; padding-bottom:5px}
.intro_person_box dd.session {color:#075be0; }
.intro_person_box dd.name {color:#000; font-size: 20px; font-weight: 400; padding-bottom:12px}


/* conf_intro */
section.conf_intro {}
section.conf_intro .section_inner {text-align: center;}
section.conf_intro .section_inner h3{font-size:40px; font-weight:300; padding-top:66px}
section.conf_intro .section_inner p {font-size:18px; color: #222; padding:24px 0 63px 0; line-height:1.667em}
.conf_intro_img {position:relative;width:892px; height:530px; background:url('http://image.chosun.com/chosun_b22//conf_intro.png') no-repeat 0 0; margin: 0 auto;}

/* conf_info */
section.conf_info {display: table;}
section.conf_info .section_inner { text-align: center; display: table-cell; vertical-align: middle;}
section.conf_info .section_inner h4{font-size:52px; line-height:1.5em; font-weight:300}
section.conf_info .section_inner p{font-size:18px; font-weight: 300; line-height: 1.667em; padding-top:19px}
section.conf_info .section_inner ul{overflow: hidden; display: block; max-width: 1166px; margin:0 auto; padding-top:95px}
section.conf_info .section_inner ul li{ width:226px;display: inline-block; margin:0 31px}
section.conf_info .section_inner ul li a {width:100%; display: inline-block; color:#fff; font-size: 24px; font-weight: 400; padding:15px 58px 19px; border:2px solid #fff; /* margin: 0 28px;*/ box-sizing: border-box}
section.conf_info .section_inner ul li a:hover {text-decoration: none; background: #fff;border: 2px solid #fff; color:#29befd;}

/* play */
section.play {display:table}
section.play .section_inner {position:relative; display:table-cell; vertical-align:middle; text-align:center }
iframe{margin: 0 auto;}
.start-video {position: absolute;width:91px;height: 111px;top: 43%;left:0;right:0;bottom:0;margin: 0 auto;opacity: .8;cursor: pointer;transition: all 0.3s;}
.start-video:hover{opacity: 1;-webkit-filter: brightness (1);}
div.thumbnail_container{position:relative; width:960px;height: 540px;overflow: hidden;background-color: #000;margin:0 auto;}

/* notice */
section.notice{background:#f7f7f7; padding:45px 0; border-bottom:1px solid #eaeaea }
section.notice dl {}
section.notice dt {float:left; font-weight:500; font-size:20px; padding-right: 30px}
section.notice dd {font-size:18px; font-weight: 400}
section.notice dd span {color:#29befd; font-weight: 300}
section.notice dd em {font-style: normal; color:#999; font-size:16px; padding-left: 30px}

/* partner */
section.partner{background:#fff;}
.scrollBox_v1 {display:none}

/* footer */
.footer {width:100%; height:190px; background: url('http://image.chosun.com/chosun_b22//footer_bg.png') no-repeat center 0;}
.footer.sub_footer{background:#f7f7f7 url('http://image.chosun.com/chosun_b22//footer_bg.png') no-repeat center 0;}
.footer_inner {position:relative; overflow:hidden; max-width:1100px;  margin:0 auto; padding-top:86px; font-size:12px;}
/* .footer_inner a.ft_logo{float:left; display: inline-block; width:74px; height:47px; background: url("http://image.chosun.com/chosun_b22//logo_bottom.png") no-repeat; background-size:74px 47px; font-size:0; } */
.footer_inner a.ft_logo{float:left; display: inline-block; width:101px; height:64px; background: url("http://image.chosun.com/chosun_b22//logo_bottom.png") no-repeat; font-size:0; }
dl.copyright {display: inline-block; color:#fff; padding-left:30px; margin-left:30px; border-left:1px solid #387be6}
dl.copyright dt { font-size:18px; padding-bottom:10px}
dl.copyright dd {font-size:14px; color:#a4b8ef;}
dl.copyright dd span {margin-right:13px; display:inline-block;}
dl.copyright dd span a {color:#a4b8ef;}
dl.copyright dd span strong {font-weight:400; padding-right:8px; color:#fff;}
.copy_txt {position:absolute; bottom:0; right:0; color:#fff; font-size:14px}

/* 하단 슬라이더 */
.swiper_box {margin: 0 38px; }
.swiper_box >a{display: inline-block; width: 25px; height:35px; top:42%; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat;} 
.swiper_box >a.arrow-left {background-position: -5px 1px;position: absolute;left: 10px;}
.swiper_box >a.arrow-right {background-position: -24px 1px;position: absolute;right: 10px;}

.swiper-container {max-width:1030px; height: 146px;padding-top:56px;text-align: center;}
.swiper-slide {width:auto}
.swiper-slide img {width:auto; height:41px;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}



#particles-js {position: absolute;width: 100%;height: 100%;}
canvas {display: block;vertical-align: bottom;}
.copy_m {display:none}

._motion {transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}


/* bounce-arrow-horizontal */
@-webkit-keyframes bounce-arrow {0%{transform: translateX(0);}50%{transform: translateX(-15px);}100%{transform: translateX(0px);}}
@-moz-keyframes bounce-arrow {0%{transform: translateX(0);}50%{transform: translateX(-15px);}100%{transform: translateX(0px);}}
@keyframes bounce-arrow {0%{transform: translateX(0);}50%{transform: translateX(-15px);}100%{transform: translateX(0px);}}

/* */
@media all and (max-width:1161px) {
 .intro_person_box img {width:140px} 
 .intro_person_box dt{width: auto;} 

 section.conf_info .section_inner ul li{ width:23%; margin:0}
 section.conf_info .section_inner ul li a {font-size: 17px; padding:10px 58px 14px;} 

}

/* 테블릿 */
@media all and (max-width:960px) {

}

/**************** 서브 페이지 ****************/
.sub_bg { background:url('http://image.chosun.com/chosun_b22//top_sub_bg.png') no-repeat 0 44px;}
.top_menu_pc a.logo._sub {float:left; display: inline-block; width:231px; height:45px; background: url("http://image.chosun.com/chosun_b22//logo_top_sub.png") no-repeat; font-size:0; }

.sub_inner {width:1110px; margin: 80px auto 0; }

aside {float:left; width:180px;}
aside strong{display:inline-block; font-size:28px; font-weight:500; border-top:2px solid #000; padding:3px 9px 0 9px; line-height: 1.1}
aside ul {margin-top:30px;}
aside ul li {padding:9px 0;}
aside ul li a{position:relative; display:block; font-size:18px; color:#222;padding:0 0 0 9px ;line-height: 1.5; z-index:1}
aside ul li a:hover {width:180px; color:#fff; text-decoration:none; z-index:999}
aside ul li a:hover:before {content:'';position:absolute; top:0; left:0;border-bottom: 27px solid #075be0;border-left: 0px solid transparent;border-right: 20px solid transparent;height: 0;width: 180px; color:#fff; z-index:-1}
aside ul li a.select{ border-bottom: 27px solid #075be0;border-left: 0px solid transparent;border-right: 20px solid transparent;height: 0;width: 180px; color:#fff; z-index:-1;}

p.mobile_title{display:none;}
.conf_box {}
.conf_box>strong{font-size:60px; font-weight:300; line-height: 1.1}
.conf_box>p, .conf_box.distance>p{font-size:28px; color:#075be0; font-weight: 400; padding-top:36px; line-height: 1.1}
.conf_box>span{display:inline-block; font-size:18px; color:#666;line-height:1.667em; padding:24px 0 44px 0}
.conf_box .conf_intro_img {margin-left:0}
.conf_box.distance {padding-left:60px; margin-bottom: 300px;}

.sub_cont {text-align:center; margin-left: 180px; }
.sub_conf_info {text-align:left; width:100%; border-top:1px solid #000; padding:38px 0 0 25px;margin-top:100px}
.sub_conf_info dl{overflow:hidden; padding-bottom:40px; font-size:18px}
.sub_conf_info dt{float:left; color:#075be0; font-weight: 500}
.sub_conf_info dd{color:#222; padding-left:14%; font-weight:400}
.sub_conf_info dd.spn_area {}
.sub_conf_info dd.spn_area div{padding-bottom:25px}
.sub_conf_info dd.spn_area span{display:inline-block; width:23%;text-align: center;}
.sub_conf_info dd img{height:41px; width:auto;}

section.sub_b22_info {background:#f7f7f7}
section.sub_b22_info .section_inner {text-align:center; padding:100px 0 84px 0}
section.sub_b22_info .section_inner strong{font-size:48px;font-weight:300; line-height:1.1}
section.sub_b22_info .section_inner p{font-size:28px; color:#e8313b; font-weight: 400; padding-top:44px; line-height: 1.1}
section.sub_b22_info .section_inner span{display:inline-block; font-size:18px; color:#666; line-height:1.667em;padding: 24px 0 69px 0;}
section.sub_b22_info .b22_info_txt img{float:left}
section.sub_b22_info .b22_info_txt img.m_show{display:none} 
section.sub_b22_info .b22_info_txt {display:inline-block}
section.sub_b22_info .b22_info_txt dl{display:inline-block;width: 366px; margin-left: 34px;text-align: left;border-top:1px solid #000; padding: 23px 10px 0 10px; font-size: 18px;}
section.sub_b22_info .b22_info_txt dt{display:inline-block; float:left; font-weight: 400}
section.sub_b22_info .b22_info_txt dd{padding:0 0 19px 25%;}

.sub_bg section.conf_info{display:none}

dl.txt_leader {overflow:hidden; text-align:left;}
dl.txt_leader dt{float:left; padding-right:20px;}
dl.txt_leader dd {color:#666; font-size:18px; line-height: 1.667em}
dl.txt_leader dd strong{display:block; font-size:24px; color:#075be0; padding-bottom:10px; font-weight:500; line-height:1.4}
dl.txt_leader dd span{display:block; padding-bottom:19px}
.autograph_box {text-align:right;}
.autograph_box span {display:block; font-size:16px}
.autograph_box span strong {font-size:24px; font-weight:300; padding-left: 3px}
.autograph_box img{width:87px; margin:15px 33px 0 0 }

.map_txt {text-align:left; font-size:18px}
.map_txt strong{font-size:24px; color:#222; display:block; padding-bottom:10px; font-weight:400; line-height: 1.4em}
.map_txt dl.num_info {margin-top: 10px}
.map_txt dl.num_info dt{float:left; padding-right:5px; font-weight:400}
.map_txt dl.num_info dd{padding-bottom:9px}

#map_canvas {margin-top:29px; width:860px; height:480px}

.access {text-align: left}
.access p{position:relative; margin:20px 0 7px 0; padding-left:34px; font-weight:400; font-size:18px}
.access p:before{content:''; position:absolute;top:0; left:0px; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat;  }
.access p.icon_01:before{left:3px; width:14px; height:17px; background-position:-5px -53px;}
.access p.icon_02:before{width:17px; height:17px; background-position:-35px -53px;}
.access p.icon_03:before{width:17px; height:20px; background-position:-71px -53px;}
.access div{padding:12px 0 12px 34px;line-height: 1.6;}
.access span{display:block; font-size:14px; color:#666}

.program_txt {text-align:left; font-size:18px}
.program_txt strong{display: block; font-size:32px; color: #075be0; font-weight:400; padding-bottom:25px; letter-spacing:-0.05em; line-height: 1.1}
.pro_th {border-top:2px solid #075be0; border-bottom:1px solid #075be0; color:#075be0; padding:13px 0 15px 0; font-weight: 500}
.program_txt span {display:inline-block; text-align: center; vertical-align: middle;}
.program_txt span.c1{width:15%;}
.program_txt span.c2{width:30%}
.program_txt span.c3{width:55%;}
ul.program {margin: 0 auto 100px;}
ul.program li {border-bottom:1px solid #d7d7d7;}
ul.program li.arrow_none .trigger::before, ul.program li.arrow_none .trigger::after{display: none; cursor: none}    
ul.program li.arrow_none .faq_trig{cursor: default;}
ul.program .faq_trig {position:relative; display:block; font-size:18px; color:#222; margin:0; padding:30px 68px 30px 20px; line-height: 1.2;}
ul.program .faq_trig:hover{text-decoration:none}
.program_notice {font-size:13px; padding-top:15px}

ul.program .faq_trig span.c1, ul.program .faq_trig span.c3{text-align:left}
ul.program .faq_trig span.c2 {width:35%}
ul.program .faq_trig span.c3 {width:50%}
ul.program .faq_trig span em{font-style:normal; font-weight:500; line-height: 1.5}
ul.program .faq_trig span em.f_normal {font-weight: normal; }
ul.program .faq_cont {display:none; font-size:16px; color:#222; border-top:1px solid #d8e2e5; font-weight:300; padding-top:16px; margin:0 20px 16px 20px;line-height:1.563em}
.trigger::before, .trigger::after {content: '';display:block;position: absolute;right: 19px;top: 53px;height: 1px;width: 11px; background: #393939;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;font-size:0;}
.trigger::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);right:26px}
.trigger::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
.content-visible .trigger::before {background: #2c74e5;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
.content-visible .trigger::after {background: #2c74e5;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
ul.program li.content-visible {background:#f4fbfd}

.speaker_txt {text-align:left; font-size:18px}
.speaker_txt >strong{display:block; color:#075be0; padding-bottom:25px; font-weight:400; font-size:32px; line-height:1.2}
.speaker_txt .pers_area{overflow: hidden; border-bottom:1px solid #d7d7d7; padding-bottom:42px; margin-bottom:42px;}
.speaker_txt .pers_area.bdnone {border-bottom:0}
.speaker_txt .pers_area .img_area {float:left; text-align: center}
.speaker_txt .pers_area .img_area strong{display:block; font-size:20px; padding-top:15px; font-weight:400;}
.speaker_txt .pers_area .img_area span{display:block; font-size:14px; padding-top:6px; color:#666}
.speaker_txt .pers_area .txt_area {padding-left:237px}
.speaker_txt .pers_area .txt_area dl {font-size:18px; }
.speaker_txt .pers_area .txt_area dl dt{float:left; width:23%; padding:9px 0; font-weight: 400}
.speaker_txt .pers_area .txt_area dl dd{color:#666; padding:9px 0; }
.speaker_txt .pers_area .txt_area dl dd span{display:block; padding-top:10px; padding-left: 23%;}
.speaker_txt .pers_area .txt_area p{font-size:16px; color:#666; padding-top:20px; line-height: 1.563em}

/* board Notice */
.notice_box {width: 100%; max-width: 800px; margin: 0 auto;margin-top: 50px;line-height: 0;}
#notice_board { width: 100%; height: 600px}
ul.notice_list { padding-top: 2.375em;}
ul.notice_list li { position: relative; margin-bottom: 2.375em;}
ul.notice_list li em { display: inline-block; width: 60px; text-align: center; color: #555}
ul.notice_list li a { font-size: 1.250em; color: #222}
ul.notice_list li a:hover { text-decoration: none; border-bottom: solid 1px #222;}
ul.notice_list li .date { display: inline-block; float:right; width: 85px; color: #555 }

.apply_txt {text-align:left; font-size:18px}
.apply_txt>strong{display:block; color:#075be0;  font-weight:400; font-size:32px; line-height:1.2}
.apply_txt>strong._v1{margin-top:100px}
.apply_txt p{font-size:20px; padding-bottom:18px; margin-top:60px; font-weight:400}
.apply_txt p.mgn_v1 {margin-top:40px;}
.apply_txt dl{}
.apply_txt dt{float:left; font-size:18px; font-weight: 400}
.apply_txt dd{ font-size:18px; color:#666;  padding:0 0 20px 100px;}
div.notice_txt {display:block; font-size:14px; color:#666;}
div.notice_txt.m_view {display:none}
div.add_txt {text-align: center; font-size:18px; font-weight:500; padding:15px 0 30px 0; margin-bottom:15px; border-bottom:1px solid #222}
div.add_txt span{text-align: center;}
div.add_txt01 {text-align: left; font-size:18px;font-weight:400;padding-top:20px}
div.add_txt02 {text-align: center; padding:30px 0 100px 0}
div.add_txt02 span{font-weight:400;padding: 0 10px;}
div.add_txt02 strong{padding-left:10px}
div.add_txt02>div.box{display:block; padding-bottom:10px} 

.tbl_area {overflow:hidden;position:relative;width:100%;margin-bottom:15px;}
table.table_style {width:100%;table-layout:fixed; text-align:left; }
table.table_style._v1 tbody td {text-align: center} 

table.table_style thead th {border-left:1px solid #d6d6d6; border-top:2px solid #222;border-bottom:1px solid #ccc; background:#f7f7f7; font-size:18px; color:#222; font-weight:500; padding:11px 0 11px 0;text-align:center}
table.table_style tbody td {border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;padding:25px 20px 25px;vertical-align:top;font-size:16px;line-height:1.750em; letter-spacing:0}
table.table_style thead th.bdnone, table.table_style tbody td.bdnone {border-left:0}
table.table_style tbody td span{display:block; font-size:14px; color:#666; line-height:1.643em}
table.table_style tbody td strong{font-weight: 500}
table.table_style tbody td.vmiddle {vertical-align:middle}
table.table_style th.c1, th.c2, th.c3  {width:25%}
table.table_style._v1 tbody td {padding: 10px 20px 10px;}

table.table_style01 {width:100%;table-layout:fixed; text-align:left;border-top:2px solid #222; }
table.table_style01 tbody th {border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f7f7f7; font-size:18px; color:#222; font-weight:500; padding:11px 0 11px 0;text-align:center}
table.table_style01 tbody td {border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:15px 20px 15px;vertical-align:top;font-size:16px;line-height:1.750em; letter-spacing:0}
table.table_style01 tbody td span{display:block; font-size:14px; color:#666; line-height:1.643em}
table.table_style01 th.c1 {width:20%}
table.table_style01 td.c2  {width:80%}


.btn_area{overflow: hidden; display: block; max-width: 1166px; margin:0 auto; padding-top:30px}
.btn_area a{ width:272px;display: inline-block; margin-left: 24px; text-decoration:none;}
.btn_area a:first-child {margin-left:0}
.btn_area a span {width:100%; display: inline-block; color:#075be0; text-align: center; font-size: 18px; font-weight: 500; padding:19px 0; border:1px solid #075be0; box-sizing: border-box}
.btn_area a span:hover {text-decoration: none; background: #075be0;border: 1px solid #075be0; color:#fff;}
.btn_area >a span i{display:inline-block; width:19px; height:20px; margin:0 0 0 10px; vertical-align: top; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat -35px -89px; }
.btn_area a span:hover i{background-position:-5px -89px; }
.btn_area.refund {text-align: center}
.btn_area.refund a {position:relative;background: #6c6c6c; color:#fff; border-radius: 2em; width:170px; height:41px; line-height:41px; text-decoration:none; }
.btn_area.refund >a i{ display:inline-block;width:19px; height:20px; margin:12px 0 0 10px;vertical-align: top; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat -5px -89px;}

ul.partner {overflow:hidden; margin-bottom:300px;}
ul.partner li {float:left; width:25%; padding-bottom:20px}
ul.partner li div{margin:0 10px; border:1px solid #dfdfdf; /*height:80px;*/ box-sizing: border-box; overflow: hidden;}
ul.partner li div img{width:212px; height:80px}


/*레이어 팝업*/
.layer_popup_box {position: absolute; margin: auto; top: 50%; left: 50%; margin-left:-250px; margin-top:-206px; z-index: 99999; text-align: center}
.layer_popup {position:relative; width:560px; border:2px solid #075be0; box-sizing: border-box; padding:75px 55px 20px 55px; background: #fff}
.layer_popup a.ic_close {position:absolute; top:20px; right:20px; width:50px; height:50px; }
.layer_popup a.ic_close.btn_close { width:32px; height:32px; font-size:0; background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat;  background-size:200px; background-position: -166px -143px;}
.layer_popup strong {font-family: 'Nanum Myeongjo', '나눔명조', serif; display: block; font-weight:300; text-align: center; font-size:50px; line-height: 1.2em; padding-bottom: 30px; letter-spacing: -0.05em;}
.layer_popup .popup_text {font-size:18px; line-height: 1.5em}
.layer_popup .popup_text img.m_show{display:none} 
#mask {position: absolute; left: 0; top: 0; z-index: 600; background-color: #000;}
.wrap_live_art .layer_popup_box {position: fixed;}




/* 모바일 */
@media all and (max-width:768px) {
  body,h1, h2, h3, h4 {font:14px/1.4em'Apple SD Gothic Neo',sans-serif; }
  section .section_inner {max-width:100%; padding:0 15px; margin:0 auto;}

  .parallax_a {background:url('http://image.chosun.com/chosun_b22//top_bg_m.png') no-repeat center 0; min-height:433px; background-size: 100%; background-position: 50% 0px;} 
  section.conf_top .section_inner {height:auto; padding: 0;}
  section.conf_top .section_inner .bg_line {display:none}

  .particles-line-box {background:none; width: 236px; height:236px; left: -49px; top: 176px;}
  #particles-line-js {width: 236px; height:236px; margin-top: 0;}
  .triangle-1 {display:none}
  .triangle-2, .triangle-3 {display:none}

  .top_text_box {padding-top:25px; }
  .top_text_box p {font-size:17px; font-weight: 400; padding:3px 5px 4px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
  .top_text_box h1 {font-size:40px; letter-spacing: -0.05em; line-height: 1.2;}
  .top_text_box h1 br{display:block}
  .top_text_box h1 span{font-size:20px; padding-top:10px;}
  .top_text_box div{padding-top:25px; font-size: 14px; font-weight: 400}
  .top_text_box div span{padding-top:3px}

  .lecturer_intro {padding-top:140px}  
  .lecturer_intro h2{font-size: 20px; font-weight:bold; padding-bottom: 22px;}
  .scrollBox {overflow-y:hidden; overflow-x:scroll; padding-bottom:32px;-webkit-overflow-scrolling: touch;scroll-snap-type: mandatory;-webkit-scroll-snap-type: mandatory;}
  .intro_person_box {display: inline-block; width: auto; height: auto; white-space: nowrap; margin: 0 9px 0 24px;overflow: visible;vertical-align:top; padding-left: 0px;}
  .intro_person_box dl {float:none; width:auto;  vertical-align:top; margin-left:20px;}
  .intro_person_box img {width:140px} 
  .intro_person_box dt{width: auto;}
  .intro_person_box dd {font-size: 12px; padding-bottom:0;}
  .intro_person_box dd span {display:block}
  .intro_person_box dd.job {line-height: 1.3}
  .intro_person_box dd.name {font-size: 15px;padding-bottom:5px;}

  section.conf_intro .section_inner {padding-bottom:55px}
  section.conf_intro .section_inner h3{font-size: 20px; font-weight:bold; padding-top:38px;}
  section.conf_intro .section_inner p {font-size: 14px; padding-bottom:40px; padding-top:14px;}
  section.conf_intro .section_inner p br{display:none}
  .conf_intro_img {width:288px; height:219px; margin: 0 auto; background:url('http://image.chosun.com/chosun_b22//conf_intro_m.png') no-repeat center 0; background-position: 50% 0px; background-size: 288px;}
  .parallax_b {min-height:auto}

  section.conf_info .section_inner h4, section.conf_info .section_inner p {display:none}
  section.conf_info .section_inner {padding:0} 
  section.conf_info .section_inner ul {padding-top:0}
  section.conf_info .section_inner ul li {float:left; width:50%; display:table; height:74px;     margin: 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
  section.conf_info .section_inner ul li a {display:table-cell; vertical-align:middle; font-size: 17px; }
  section.conf_info .section_inner ul li:nth-child(odd) { border-left:0;}
  section.conf_info .section_inner ul li:nth-child(3n), section.conf_info .section_inner ul li:nth-child(4n) { border-bottom:0 }
  section.conf_info .section_inner ul li a {border:0; padding:0}
  section.conf_info .section_inner ul li a:hover {background:none; border:none; color:#fff}
  .parallax_c {min-height: auto;}

  iframe {width:100%; height:auto;}
  .parallax_d {min-height: auto;}
  section.play .section_inner {padding:0;}
  div.thumbnail_container {width:100%; height:auto;}
  .start-video {width:45px; height:55px; top:40%}

  section.notice {display:none}

  .partner .section_inner {padding:0}
  #swiper_mobile .swiper-wrapper {margin-left:15px}
  .swiper_box {display:none}
  .swiper_box >a {display:none}
  .swiper-container {width:100%;}
  .swiper-slide {width: auto!important; }
  .swiper-slide img {}
  .scrollBox_v1 {display:block; overflow-y:hidden; overflow-x:scroll; padding-top:25px; padding-bottom:25px;-webkit-overflow-scrolling: touch;scroll-snap-type: mandatory;-webkit-scroll-snap-type: mandatory;}
  .m_slider_inner {display: inline-block;width: auto;height: auto;white-space: nowrap;margin: 0 0 0 15px;overflow: visible;vertical-align: top;padding-left: 0px;}
  .m_slider_inner div{display: inline-block;padding-right: 22px}
  .m_slider_inner img{height:41px; width:auto}

  .footer, .footer.sub_footer {background:#075be0; height:auto; padding:15px 0}
  .footer_inner {max-width:inherit; padding:0 15px}
  .footer_inner a.ft_logo{ width:62px; height:39px; background: url("http://image.chosun.com/chosun_b22//logo_bottom_m.png") no-repeat; background-size:62px; font-size:0; }
  dl.copyright {display:block; border-left:0; padding-left:0; margin-left:82px; margin-right: 7px;}
  dl.copyright dt {font-size:12px; padding-bottom:5px; line-height: 1.2;}
  dl.copyright dd {font-size:12px; padding-bottom:5px; line-height: 1.3;}
  .copy_txt {display:none}

  .copy_m {display: block; width:100%; padding:18px 0}
  .copy_m_inner {margin:0 auto; text-align:center; font-size:12px; color:#666}
  

  .mg_sns_box { padding-top: 20px; }
	ul.mg_sns { text-align: center; font-size: 0}
	ul.mg_sns>li { display: inline-block; width: 40px;}
	ul.mg_sns>li + li { margin-left: 12px}
	ul.mg_sns>li a { display: block; position:relative; width: 40px; height: 40px; background: #d9d9d9; border-radius: 40px; text-indent: -9999px; overflow: hidden;  transition: ease all 1s;}
	ul.mg_sns>li a:before { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url(http://news.chosun.com/issue/img/issue_gnb_ico.png) no-repeat; background-size: 250px;}
	ul.mg_sns>li a.fb:before { width: 11px; height: 20px; background-position: 0px -125px}
	ul.mg_sns>li a.tw:before { width: 21px; height: 17px; background-position: -25px -125px}
	ul.mg_sns>li a.gp:before { width: 19px; height: 19px; background-position: -50px -125px}
	ul.mg_sns>li a.kas:before { width: 10px; height: 19px; background-position: -75px -125px}
	ul.mg_sns>li a.fb:hover { background: #4c69ba; }
	ul.mg_sns>li a.tw:hover { background: #55acee; }
	ul.mg_sns>li a.gp:hover { background: #d3412e; }
    ul.mg_sns>li a.kas:hover { background: #fabd00; }
    


  /*sub*/
  .sub_bg {height:auto; background:url('http://image.chosun.com/chosun_b22//top_sub_bg_m.png') no-repeat center 0;background-size: 100%;}
  aside {display:none}
  .sub_inner {width:100%; margin: 53px auto 0; }
  .sub_cont {margin-left:0; padding:0 15px}
  .sub_cont.partner {padding:0 5px}  

  p.mobile_title{display:block; margin-bottom:40px}
  p.mobile_title >span{display:inline-block; font-size: 20px; font-weight:600; border-top: 2px solid #000; color: #222;padding: 5px 6px 0 6px; line-height: 1.1;}
  
  .conf_box.distance {padding-left:0; margin-bottom:76px;}
  .conf_box>strong {font-size:24px;}
  .conf_box>p, .conf_box.distance>p {font-size:20px; padding-top:10px; } 
  .conf_box>span {font-size:16px; padding: 20px 0 30px 0;}
  .conf_box>span br{display:none}
  .conf_box .conf_intro_img {margin-left: auto;}

  .sub_conf_info {margin-top:50px; padding:25px 0 0 0;}
  .sub_conf_info dl {font-size:16px;padding-bottom: 15px;}
  .sub_conf_info dt {padding-left: 2%;}
  .sub_conf_info dd {padding-left: 20%;} 
  /* .sub_conf_info dd img {height: 38px;} */
  .sub_conf_info dd.spn_area div {padding-bottom: 0}
  .sub_conf_info dd.spn_area span{display:inline-block; width:48%; padding-bottom:7px; text-align:left;}
  .sub_conf_info dd img {height:28px}

  section.sub_b22_info {margin-top:25px;}
  section.sub_b22_info .section_inner {padding:40px 15px 40px}
  section.sub_b22_info .section_inner strong {font-size:24px;}
  section.sub_b22_info .section_inner p {font-size:16px; padding-top: 20px; line-height: 1.5;}
  section.sub_b22_info .section_inner span {font-size:16px; padding:3px 0 30px 0;}
  section.sub_b22_info .section_inner span br{display:none}

  section.sub_b22_info .b22_info_txt img {display:block; width:auto; height:auto; float: none;}
  section.sub_b22_info .b22_info_txt img.m_show {display:block; padding-bottom:30px}
  section.sub_b22_info .b22_info_txt img.pc_show{display:none} 
  section.sub_b22_info .b22_info_txt dl {width:100%; font-size:16px; margin-left: 0;}
  section.sub_b22_info .b22_info_txt dt {font-weight:600}
  section.sub_b22_info .b22_info_txt dd {padding-bottom:15px}
  .sub_bg section.conf_info{display:table}

  dl.txt_leader dt img {width:128px}
  dl.txt_leader dd {font-size:16px; line-height: 1.667em}
  dl.txt_leader dd strong{display:block; font-size:17px;}

  .autograph_box span {font-size:14px}
  .autograph_box span strong{font-size:17px}
  .autograph_box img {width:43px}

  #map_canvas {width:100%; height:240px}

  .map_txt {font-size: 16px;}
  .map_txt strong {font-size: 18px; color: #075be0;}
  .map_txt dl.num_info dt {font-weight: 600;}

  .access p{padding-left:31px; line-height:1.2;}
  .access p:before{background: url("http://image.chosun.com/chosun_b22//icon_common.png") no-repeat;  background-size:200px }
  .access p.icon_01:before{left:3px; width:14px; height:17px; background-position:-185px -123px;}
  .access p.icon_02:before{width:18px; height:20px; background-position:-181px -97px;}
  .access p.icon_03:before{width:18px; height:20px; background-position:-180px -71px;}

  .program_txt {font-size: 16px;}
  .program_txt strong {font-size:20px; padding-bottom:15px}

  .pro_th {display:none}

  .trigger::before{right:17px}
  .trigger::after {right:9px}
  ul.program {border-top:2px solid #222; margin: 0 auto 80px;}
  ul.program .faq_trig {font-size: 16px; padding: 20px 48px 20px 10px;}
  ul.program .faq_trig a {text-decoration:none}
  ul.program .faq_trig span.c1 {width:35%; color:#075be0}
  ul.program .faq_trig span.c2 {width:50%; text-align:left;}
  ul.program .faq_trig span.c3 {display:block; width:100%; font-size: 14px; padding-top: 10px; color: #999; text-decoration:none}
  ul.program .faq_trig span em {display: inline-block; padding-bottom:4px; font-weight: 600; font-size: 16px; color: #222;}
  ul.program .faq_trig span em.f_normal {font-weight: normal;padding-bottom: 0; }
  ul.program .faq_cont { margin: 0 10px 16px 10px;}
  ul.program .faq_cont br{display:none}

  .speaker_txt >strong {font-size:20px; padding-bottom:0;}
  .speaker_txt .pers_area {padding-bottom: 32px; margin-bottom: 32px;}
  .speaker_txt .pers_area.last {border-bottom:0}
  .speaker_txt .pers_area .img_area {float:none; margin-bottom:20px}
  .speaker_txt .pers_area .img_area img{width:140px}
  .speaker_txt .pers_area .img_area strong {font-weight:600}
  .speaker_txt .pers_area .img_area span {display:none}
  .speaker_txt .pers_area .txt_area {float: left; padding-left:0}
  .speaker_txt .pers_area .txt_area dl {font-size:16px; }
  .speaker_txt .pers_area .txt_area dl dt {width: 35%; padding: 6px 0;}
  .speaker_txt .pers_area .txt_area dl dd {padding: 6px 0;}
  .speaker_txt .pers_area .txt_area p{padding-top: 15px;}
  /* .speaker_txt .pers_area .txt_area p br{display:none} */
  .speaker_txt .pers_area .txt_area dl dd span {padding-left:35%}

  .img_none {display:none} 
  .btn_area {padding-top: 0;}
  .btn_area a {width: 100%;  margin-left: 0; margin-bottom:10px}
  .btn_area.refund a {margin-bottom:0}
  div.add_txt01 {line-height:1.4}
  .apply_txt>strong {text-align:center; font-size:20px; }
  .apply_txt>strong._v1 {text-align:center; margin-top: 60px;}
  .apply_txt p{font-size:18px; font-weight:600; margin-top: 40px;}
  .apply_txt p.mgn_v1 {margin-top: 30px;}
  .apply_txt dt{font-size:16px;}
  .apply_txt dd{font-size:16px; padding: 0 0 10px 70px;}
  table.table_style thead th, table.table_style01 tbody th {font-size:15px;font-weight:600;}
  table.table_style tbody td, table.table_style01 tbody td {font-size:14px;}
  div.notice_txt {padding-bottom:10px}
  div.notice_txt.m_view {display:block;padding-top:10px}
  .img_none {display:none}
  .add_txt span{font-size:16px;}
  div.add_txt01 {font-size:16px;}
  div.add_txt02 {padding-bottom:60px; padding-top:20px; font-size:16px; text-align: left} 
  div.add_txt02>div.box{display:block; padding-bottom:10px} 
  div.add_txt02>div.box strong{display: block; padding-bottom: 5px;}
  table.table_style._v1 tbody td {padding: 20px 0;}
  .btn_area.refund {margin-top:20px}
  .btn_area >a span i, .btn_area.refund >a i {display:none}

  ul.partner {margin-bottom:150px;}
  ul.partner li {width:50%}
  ul.partner li div img{width:212px; height:auto;}

  .layer_popup_box {margin-left:15px; margin-right:15px; left: 0;}
  .layer_popup {width:100%; padding: 40px 25px 10px 25px;}
  .layer_popup strong {font-size:30px; padding-bottom: 25px;}
  .layer_popup .popup_text {font-size: 15px}
  .layer_popup .popup_text br{display:none}  
  .layer_popup .popup_text img.pc_show{display:none} 
  .layer_popup .popup_text img.m_show{display:block; width:137px; margin: 27px auto 0;} 

}