@charset "utf-8";

/*Mobile*/
/*외국인포털 안내*/
.intro .tit{text-align:center;margin:30px 0 50px 0;}
.intro .tit span{color:#0042a3;font-weight:900;font-size:20px;}
.intro .tit h4{font-weight:900;font-size:40px;margin: 5px 0 0 0;letter-spacing: -1px;background:linear-gradient(to top, #0042a3, #0077f3);-webkit-background-clip:text;color:transparent;}
.intro .tit:after{content:"";display:block;width:320px;min-height:200px;background:url("/upload_data/board_data/BBS_0000010/172290803640727.png")no-repeat;background-size:contain;margin:50px auto;}
.intro .tit p{padding-top:20px;line-height:1.4em;}
.intro .con>div{position:relative;margin-bottom:60px;}
.intro .con .txt1{background:#fff;padding:20px;font-size: 18px;border-radius:20px;line-height:1.5rem;margin-bottom: 90px;}
.intro .con .txt1 span{display:block;font-weight:800;color:#0077f3;}
.intro .con>div:nth-of-type(2n) .txt1 span{display:block;font-weight:800;color:#0e237c;}
.intro .con .txt2{padding:20px 30px;font-size: 17px;text-align:right;line-height:1.5em;background:#0077f3;border-radius:20px 20px 20px 0;width:fit-content;position:absolute;top: 100px;right:0;}
.intro .con .txt2 a{display:block;color:#fff;}
.intro .con>div:nth-of-type(2n) .txt2{background:#0e237c;}
.intro .con .txt2 strong{display:block;font-size: 18px;font-weight:900;}
.intro .con ul{padding:30px 10px;}
.intro .con ul li{position:relative;border-bottom:dashed 1px #666;}
.intro .con ul li:before{display:block;content:"";width:3px;height:3px;border-radius:100%;background:#555;position:absolute;top:17px;left:0;}
.intro .con ul li a{display:block;padding:10px;}

.guide_con{}
.guide_con>div{text-align:center;border-radius:30px;margin-bottom:30px;padding:30px 0;}
.guide_con .bg01{background:#0077f3;}
.guide_con .bg02{background:#0e237c;}
.guide_con>div h4{color:#fff;padding:0;margin:0;}
.guide_con .basic_btn{margin-bottom:0;}
.guide_con .basic_btn a{background:#fff;}
.guide_con .bg01 .basic_btn a:hover,
.guide_con .bg01 .basic_btn a:focus{background:#0e237c;}
.guide_con .bg02 .basic_btn a:hover,
.guide_con .bg02 .basic_btn a:focus{background:#0077f3;}

/*상담안내*/
.advice_con{}
.advice_con dl{background:#fff;border-radius:20px;padding:30px 20px;text-align:center;margin-bottom:20px;box-shadow:5px 5px 5px rgba(0,0,0,0.05)}
.advice_con dt{position:relative;color:#0077f3;font-size:22px;font-weight:800;padding:60px 0 20px 0;}
.advice_con dd{font-size:15px;line-height:1.4em;letter-spacing:-1px;}
.advice_con dd span{font-size:12px;}
.advice_con dl.ac01 dt{background:url("/upload_data/board_data/BBS_0000010/172672626373609.png") no-repeat center top;}
.advice_con dl.ac02 dt{background:url("/upload_data/board_data/BBS_0000010/172672626374029.png") no-repeat center top;}
.advice_con dl.ac03 dt{background:url("/upload_data/board_data/BBS_0000010/172672626374440.png") no-repeat center top;}
.advice_con dl.ac04 dt{background:url("/upload_data/board_data/BBS_0000010/172672626374725.png") no-repeat center top;}
.advice_con dl.ac05 dt{background:url("/upload_data/board_data/BBS_0000010/172672626375068.png") no-repeat center top;}

/*문제풀이*/
body.question{background:#fff;}
.question_new h1{background:#eff2f9;padding:20px;font-size:18px;text-align:center;margin-bottom:20px;}
.q_list{position:relative;padding:20px;}
.q_list dt{color:#0e237c;font-weight:700;line-height:1.4em;padding-bottom:10px;border-bottom:solid 1px #ddd;margin-bottom:20px;}
.q_list dt span{display:inline-block;background:linear-gradient(to left, #007eef, #0098dd);width:25px;text-align:center;border-radius:7px;color:#fff;font-size:14px;}
.q_list dd{padding:8px 0;font-size:15px;}
.q_list dd input[type='radio']{width: 1rem;height: 1rem; border-radius: 100%;margin-right: 0.4rem;accent-color: #007eef;}
.q_list .hint_btn{padding:20px 0 0 0;text-align:right;}
.q_list .hint_btn a{display:inline-block;padding:7px 10px;font-size:14px;color:#007eef;border-radius:10px;border:solid 1px #007eef;}
.q_list .hint_btn a span{display:inline-block;background:url("/upload_data/board_data/BBS_0000010/172673354374689.png") no-repeat right top;height:16px;padding-right:20px;}
.q_list .hint_layer{margin-top:20px;background:#eff2f9;border-radius:5px;padding:20px;font-size:14px;line-height:1.5em;color:#007eef;}
.q_list .hint_layer h2{font-size:16px;font-weight:700;padding-bottom:10px;border-bottom:dotted 1px #007eef;margin-bottom:20px;}
.q_list .hint_layer a{display:block;margin:10px auto 0 auto;width:100px;text-align:center;background:#007eef;padding:5px 0;color:#fff;border-radius:10px;font-size:12px;}


/*스크롤애니메이션*/
.sa{opacity: 0; transition: all 1.2s ease;}
.sa.show{opacity: 1; transform: none;}

.sa-up{transform: translate(0, 200px);}
.sa-right{transform: translate(-200px, 0);}
.sa-left{transform: translate(200px, 0);}

/*Tablet*/
@media all and (min-width:768px) {
.intro .tit span{font-size:30px;}
.intro .tit h4{font-size:60px;}
.intro .tit:after{width:400px;min-height: 256px;}
.intro .con{display:flex;flex-wrap:wrap;justify-content: space-between;}
.intro .con>div{width: 47%;margin: 0 1% 60px;}

.guide_con>div{text-align:left;padding: 40px 40px;}
.guide_con>div:after{display:block;content:"";clear:both;}
.guide_con>div h4{float:left;font-size: 25px;font-weight:100;margin-right:60px;padding-top:8px;}
.guide_con .basic_btn{float:right;padding:0;margin:0;}
.guide_con .basic_btn a{background:#fff;}
.guide_con .bg01 .basic_btn a:hover,
.guide_con .bg01 .basic_btn a:focus{background:#0e237c;}
.guide_con .bg02 .basic_btn a:hover,
.guide_con .bg02 .basic_btn a:focus{background:#0077f3;}


/*상담안내*/
.advice_con{padding-bottom:40px;}
.advice_con:after{display:block;content:"";clear:both;}
.advice_con dl{float:left;width:calc(100% / 3 - 20px);margin:10px;height:230px;}

/*문제풀이*/
.q_list dt{padding-bottom:20px;}
.q_list .hint_btn{position:absolute;top:-5px;right:20px;}

.q_list .hint_layer{position:absolute;top:-5px;right:20px;width:400px;}
.q_list .hint_layer a{position:absolute;top:0px;right:20px;}



    
}

/*PC*/
@media all and (min-width:1024px) {
.guide_con>div h4{margin-right:0px;}

/*상담안내*/
.advice_con dl{height:290px;}

    
.q_list .hint_layer{width:40%;}
.q_list .hint_btn a:hover,
.q_list .hint_btn a:focus{background:#eff2f9;}


    
}

@media all and (min-width:1400px) {
.intro{position:relative;}
.intro .tit{margin: 0 auto;width: fit-content;padding: 40px 0 100px 40%;position: relative;}
.intro .tit span{font-size:36px;}
.intro .tit h4{font-size: 61px;letter-spacing:-4px;margin:10px 0 0 0;}
/*.intro .tit h4:after{content:"";display:block;width:540px;height:57px;background:url("/upload_data/board_data/BBS_0000010/172290803641395.png")no-repeat;margin:0 auto;}*/
.intro .tit:after{width: 40%;min-height: 302px;margin: 0;position: absolute;top: 0;left: 0;}  
.intro .con>div{width:23%;margin: 0;}
.intro .con>div:nth-of-type(2n){margin-top:40px;}
.intro .con .txt1{font-size: 17px;line-height:1.5em;padding: 30px 30px 123px;margin-bottom: 60px;box-shadow:5px 5px 10px #0000000f;}
.intro .con .txt1 span{font-size: 20px;}
.intro .con>div:nth-child(1) .txt1{background:url("/upload_data/board_data/BBS_0000010/172293006797683.png")no-repeat right 15px top -15px #fff;}
.intro .con>div:nth-child(2) .txt1{background:url("/upload_data/board_data/BBS_0000010/172293006798097.png")no-repeat right -40px top -40px #fff;}
.intro .con>div:nth-child(3) .txt1{background:url("/upload_data/board_data/BBS_0000010/172293006798396.png")no-repeat right 10px top -10px #fff;}
.intro .con>div:nth-child(4) .txt1{background:url("/upload_data/board_data/BBS_0000010/172293006798705.png")no-repeat right 10px top 10px #fff;}
.intro .con .txt2{padding:40px;top: 120px;font-size: 16px;border-radius: 0 20px 20px;box-shadow:5px 5px 10px #0000002e;}
.intro .con .txt2 strong{font-size: 19px;}
.intro .con ul{padding:0 10px;}


.guide_con{position:relative;padding: 70px 100px 0 600px;}
.guide_con>div h4{margin-right:40px;margin-top: 10px !important;}
.guide_con:before{display:block;content:"";width:585px;height:357px;background:url("/upload_data/board_data/BBS_0000010/173197696793403.png") no-repeat;position:absolute;top: 60px;left: 0;}

/*상담안내*/
.advice_con dl{width:calc(100% / 5 - 10px);margin:5px;height:240px;}

/*문제풀이*/
.q_wrap{width:1200px;margin:0 auto;}
.question_new h1{font-size:30px;padding:30px;}
.q_list dt{font-size:20px;}
.q_list dd{font-size:17px;}

}                

/*20240912 새창 동영상 플레이 추가*/                                                                
.m_player{background: #222;height:100vh;}
.m_player .play_wrap{position:relative;overflow:hidden;}
.m_player .p_top{position:relative;}
.m_player .p_top h1{color:#fff;padding:30px 30px 0 30px;font-size:20px;line-height:1.4em;width:85%;}
.m_player .p_top .p_btn{padding:20px;text-align:right;}
.m_player .p_top .p_btn a{position:relative;display:inline-block;color:#999;padding:10px 20px;}
.m_player .p_top .p_btn a:before,
.m_player .p_top .p_btn a:after{display:block;position:absolute;}
.m_player .p_top .p_btn a.prev{padding-right:12px;}
.m_player .p_top .p_btn a.prev:before{content:"◀";top:13px;left:0;font-size:11px;}
.m_player .p_top .p_btn a.prev:after{content:"";width:1px;height:13px;background:#666;top:13px;right:0;}
.m_player .p_top .p_btn a.next:before{content:"▶";top:13px;right:0;font-size:11px;}
.m_player .p_top .p_btn a.next{padding-left:10px;}
.m_player .p_top .p_btn a:hover,
.m_player .p_top .p_btn a:focus{color:#fff;}
.m_player .p_top .close{position:absolute;top: 24px;right:15px;box-shadow:5px 5px 5px 5px rgba(0,0,0,0.2);}     
.m_player .p_top .close a{display:block;width: 50px;height: 50px;font-size:0;background: #000 url("/images/myjb/common/cmd_icon.png")no-repeat left -37px top -37px;}

.play_area .video-js{width:100% !important;height:180px !important;}

.play_list{padding:30px 20px;background:#333;}
.play_list h2{color:#fff;font-size:20px;padding-bottom:15px;border-bottom:dashed 1px #555;}
.play_list ul{padding-top:30px;}
.play_list li a{position:relative;display:inline-block;width:98%;padding:5px 10px;font-size:15px;color:#eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.play_list li a:before{display:block;content:"";width:3px;height:3px;background:#eee;border-radius:100%;position:absolute;top:12px;left:0;}
.play_list button{display:none;}


@media all and (min-width:420px) {
.play_area .video-js{height:230px !important;}
}

@media all and (min-width:550px) {
.play_area .video-js{height:330px !important;}
}

@media all and (min-width:767px) {
.m_player .p_top{height:90px;}
.m_player .p_top h1{float:left;width:55%;font-size:28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m_player .p_top .p_btn{float:left;width:35%;padding-top:30px;}

.play_area .video-js{height:430px !important;}

.play_list{position:absolute;top:90px;right: -465px;}
.play_list button{position:absolute;top:50%;left:-20px;transform:translate(0, -50%);display:inline-block;background:#333;color:#fff;font-size:10px;width:20px;height:80px;overflow:hidden;padding-top:80px;border-radius:10px 0 0 10px}
.play_list button:before{display:block;content:"◀";position:absolute;top: 50%;left:50%; transform:translate(-50%, -50%)}
.play_list .list_wrap button{display:none;}
.play_list.on{position:absolute;top:90px;right:0;width:300px;height:430px;}
.play_list.on button{display:none;}
.play_list.on .list_wrap button{display:block;}
.play_list.on .list_wrap button:before{display:block;content:"▶";position:absolute;top: 50%;left:50%; transform:translate(-50%, -50%)}
.play_list.on .list_wrap ul{height:320px;overflow-y:scroll;}
    
}


@media all and (min-width:1024px) {
.m_player .play_wrap{width:1200px;margin:0 auto;}
.m_player .p_top{height:100px;}
.m_player .p_top h1{float:left;width:75%;padding:30px 0 0 0;font-size:40px;}
.m_player .p_top .p_btn{float:left;width:20%;padding-top:30px;}

.play_area .video-js{height:675px !important;}
    
.play_list,
.play_list.on{top:100px;}
.play_list.on{height:675px;}
.play_list.on .list_wrap ul{height:570px;}
    
}     

.app_down li{text-align:center;background:#fff;border:solid 1px #0077f3;border-radius:20px;padding:30px 0;margin-bottom:20px;}
.app_down li span{display:block;color:#0077f3;font-size:24px;padding:70px 0 20px 0;}
.app_down li.gg span{background:url("/upload_data/board_data/BBS_0000010/172715961592613.png") no-repeat center top;}
.app_down li.apl span{background:url("/upload_data/board_data/BBS_0000010/172715961593132.png") no-repeat center top;}
.app_down li a{position:relative;display:inline-block;background:#0077f3;color:#fff;padding:15px 60px 15px 30px;border-radius:10px;}
.app_down li a:after{display:block;content:"";width:20px;height:20px;background:url("/images/myjb/common/btn_down.png")no-repeat right center;position:absolute;top:12px;right:30px;}

@media all and (min-width:767px) {

.app_down li{padding:30px 60px;}
.app_down li:after{display:block;content:"";clear:both;}
.app_down li span{display:inline-block;padding:15px 40px 20px 70px;float:left;}
.app_down li.gg span,
.app_down li.apl span{background-position-x:left;}
.app_down li a{float:right;}
    
}

@media all and (min-width:1400px) {
    
.app_down{position:relative;padding:80px 80px 100px 510px;margin-top:90px;}
.app_down:after{display:block;content:"";width:519px;height:415px;background:url("/upload_data/board_data/BBS_0000010/172903975535612.png") no-repeat center top;position:absolute;top:0;left:0;}
    
}                                                                          

.site_link li{padding-bottom:30px;}
.site_link li img{display:inline-block;margin-bottom:20px;}
@media all and (min-width:768px) {
.site_link ul:after{display:block;content:"";clear:both;}
.site_link li{float:left;width:50%;}
}
@media all and (min-width:1400px) {
.site_link li{width:25%;}
}