@charset "euc-kr";

.dummy { display:inline-block; margin-left:-1px; width:1px; height:100%; vertical-align:middle; }
::selection { background:#616780; color:#FFF; text-shadow:none; }

/* LAYOUT */
#wrap_2018 { position:relative; min-width:1180px; margin:0; padding:0; font-size:16px; box-sizing:border-box; }	
#header_2018 { position:relative; width:100%; box-sizing:border-box; background:#fff; clear:both;  }
#container_2018 { position:relative; width:100%; box-sizing:border-box; clear:both; }
.content_2018 { position:relative; width:100%; padding:0; box-sizing:border-box; clear:both;  }
.con_inner { position:relative; width:1180px; margin:0 auto; box-sizing:border-box; }
.con_inner:after { display:block; clear:both; content:''; }
#footer { position:relative; width:100%; padding:0; box-sizing:border-box; clear:both; font-size:inherit }
/* ±âÁ¸ local °¡¸² */
.location_wrap { display:none !important; }
.o_cate_wrap2 { display:none !important; }
#quick { display:none !important; }

#open_bn_wrap { height:100px; background:#e3e7ed; text-align:center; }
#open_bn_wrap .con_inner { height:100px; }
#open_bn_wrap .bn_content { display:inline-block; height:100%; vertical-align:middle; }
.gong_bn { padding:0 0 5px 0; }
#open_bn_wrap .bn_content a { display:block; height:100%; vertical-align:middle;  }
#open_bn_wrap .bn_content img { vertical-align:middle !important;  }
#open_bn_wrap .bn_content a:after { display:inline-block; vertical-align:middle; width:1px; height:100%; margin:0 0 0 -1px; content:''; }
#open_bn_wrap .btn_bn_close { position:absolute; right:0; top:0; width:60px; height:60px; content:''; background:url(../images/common/icon_top_bn_close.svg) no-repeat 50% 50% ; background-size:25px 25px; }

/* tab */
.tab_2018 { position: relative; width:100%; height:40px; text-align:center; z-index:999; }
.tab_2018 .con_inner { position: relative; width:1180px; height:40px; margin:0 auto; }
.tab_2018 .fl_tab { position: relative; float: left; height:40px;  }
.tab_2018 .fl_other { position: relative; float: right; height:40px;  }
.tab_2018 .con_inner:after { display: block; clear: both; content: ''; }
.tab_2018 .fl_tab a { display: block; float: left;  }
.tab_2018 .fl_tab a.edu { position:absolute; left:0; bottom:-1px; width: 129px; height: 33px; z-index: 10; } 
.tab_2018 .fl_tab a.gong { position:absolute; left:122px; bottom:-1px; width: 106px; height: 33px; z-index: 9; background: url(/design/2018/images/common/tab_v3_02.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.gong:hover { background-position: 0 -33px; z-index:11; } 
.tab_2018 .fl_tab a.onetoone { position:absolute; left:122px; bottom:-1px; width: 93px; height: 33px; z-index: 8; background: url(/design/2018/images/common/tab_v3_03.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.onetoone:hover { background-position: 0 -33px; z-index:11; } 
.tab_2018 .fl_tab a.class { position:absolute; left:208px; bottom:-1px; width: 71px; height: 33px; z-index: 7; background: url(/design/2018/images/common/tab_v3_04.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.class:hover { background-position: 0 -33px; z-index:11; } 
.tab_2018 .fl_tab a.sisaphone { position:absolute; left:272px; bottom:-1px; width: 95px; height: 33px; z-index: 6; background: url(/design/2018/images/common/tab_v3_05.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.sisaphone:hover { background-position: 0 -33px; z-index:11; } 
.tab_2018 .fl_tab a.liveingang { position:absolute; left:360px; bottom:-1px; width: 101px; height: 33px; z-index: 5; background: url(/design/2018/images/common/tab_v3_08.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.liveingang:hover { background-position: 0 -33px; z-index:11; } 

.tab_2018 .fl_tab a.ybmon { position:absolute; left:0; bottom:-1px; width: 203px; height: 33px; z-index: 10; background: url(/design/2018/images/common/tab_v3_06.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.ybmon:hover { background-position: 0 -33px; z-index:11; } 
.tab_2018 .fl_tab a.edu2 { position:absolute; left:197px; bottom:-1px; width: 110px; height: 33px; z-index: 9; background: url(/design/2018/images/common/tab_v3_07.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.edu2:hover { background-position: 0 -33px; z-index:11; } 
.tab_2018 .fl_tab a.gong2 { position:absolute; left:302px; bottom:-1px; width: 106px; height: 33px; z-index: 8; background: url(/design/2018/images/common/tab_v3_02.png) no-repeat 0 0; } 
.tab_2018 .fl_tab a.gong2:hover { background-position: 0 -33px; z-index:11; } 

.tab_2018 .btn_line { position:absolute; left:0; bottom:0; width: 100%; height: 1px; background: #99b9da; content: ''; z-index: 1;} 
.tab_2018 .fl_tab:after { display: block; clear: both; content: ''; }
.fl_other .login_after .div_name { display:inline-block;  }
.fl_other .login_after li { float:left; }
.fl_other .login_after ul:after { display: block; clear: both; content: ''; }

/* header */
#header_2018 { position:relative; height:80px; background:#fff; z-index:999;}
#header_2018 .logo_wrap {  }
h1 { position:absolute; top:0; left:0; width:140px; height:80px; }
h1.ybmon { position:absolute; top:0; left:0; width:160px; height:80px; }
#header_2018 h1 a { display:block; margin:16px 0 0 0; padding:10px 0 20px 0;  }
#header_2018 h1.ybmon a { display:block; margin:6px 0 0 0; padding:8px 0 20px 0;  }
#header_2018 h1 img { width:100%; height:auto; }
#header_2018 .btn_register { position:absolute; top:0; right:0; width:140px; text-align:right; }
.header_2018_fixed { position:fixed !important; top:0px; box-shadow:0 3px 5px rgba(0, 0, 0, 0.3); z-index:110;}
.header_2018_fixed.span { position:fixed; top:0px; z-index:110; background:rgba(255,255,255,0.9) }
#header_2018 .gnb_wrap { height:80px; padding:0 140px 0; white-space:nowrap; }
#header_2018 .gnb_wrap2 { height:80px; margin: 0 auto; padding:0 160px 0; white-space:nowrap; text-align: center }
#header_2018 .gnb_etc { position: absolute; top: 14px; right: 0; width: 234px; height:80px; padding: 0; white-space:nowrap; text-align: right }
#header_2018 .gnb_wrap:before { display:inline-block; vertical-align:middle; width:1px; margin-left:-1px; height:100%; content:''; }
#header_2018 .gnb_etc:before { display: none; height: 0 }
#header_2018 .gnb_wrap .btn_gnb_all { display:inline-block; position:relative; margin:0 0 0 30px; padding:21px 16px 22px 0; vertical-align:middle; }
#header_2018 .gnb_wrap .gnb_mnu {  display:inline-block; margin:0 0 0 0; vertical-align:middle; }
#header_2018 .gnb_wrap .member_wrap {  display:inline-block; position:relative; width:130px; margin:0 20px 0 0; box-sizing:border-box; text-align:left; vertical-align:middle;  }
#header_2018 .gnb_wrap .family_site_wrap {  display:inline-block; position:relative; text-align:right; vertical-align:middle;  }

#header_2018 .btn_gnb_all a.all_btn { position:relative; display:block; padding:6px 8px 5px 24px; border:1px solid #c6c6c6; border-radius:2px; }
#header_2018 .btn_gnb_all a.all_btn em { position:absolute; top:12px; left:8px; background:url(../images/common/gnb_icon_all.gif) no-repeat; width:12px; height:12px; }
#header_2018 .btn_gnb_all a.all_btn span { font-size:15px; font-weight:400; color:#4d4e57; }
#header_2018 .btm_bar { position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ccc; content:''; }
.tab_2018 .member_wrap { display: inline-block; position: relative; }
.tab_2018 .family_site_wrap { display: inline-block; position: relative; }
.tab_2018 .member_wrap .my span { display: inline-block; }
.member_wrap_ver2 { position: relative; padding: 11px 26px 0 0; font-size: 13px; font-weight: 400; color: #4d4e57; }
.member_wrap_ver2 a { display: inline-block; padding: 0 0 0 14px; }
.member_wrap_ver2 a span { font-size: 13px; color: #4d4e57; font-weight: 400; }
.member_wrap_ver2 a em { position:absolute; top:14px; right:8px; background:#ddd; width:1px; height:14px; }
.member_wrap_ver2 .m_name { color: #2283e7; }
.gnb_mnu {}
.gnb_mnu li { float:left; position: relative; }
.gnb_mnu li:last-child { margin:0; }
.gnb_mnu :after { display:block; clear:both; content:''; }
.gnb_mnu li a { display:block; position:relative; padding:14px 10px 16px; background:#fff; margin-right:1px; }
.gnb_mnu li a span { font-size:16px; font-weight:500; color:#0d1127;  }
.gnb_mnu li.or_m { padding:0 0 0 20px; }
.gnb_mnu li.or_m.plus { padding:0 0 0 0; }
.gnb_mnu li.or_m a span { color:#6b6d76; }
.gnb_mnu2 li a span.normal { font-size: 14px; line-height: 24px; color:#7f8086; font-weight: normal }
.gnb_etc .gnb_mnu2 .mnu { text-align: right }
.gnb_etc .mnu { display: inline-block }
.font-color-black { color:#0d1127 !important }
.gnb_mnu li a:hover span,.gnb_mnu li a.on span { color:#25a5ff; }
.gnb_mnu li a em {position:absolute; top:17px; left:-10px; width:1px; height:20px; background:#9ea0a9; }

.gnb_mnu li .snb { position: absolute; bottom: -46px; left: -50%; padding:0 15px 0; background: #fff; border: 1px solid #303448; border-radius: 3px; box-sizing:border-box; z-index: 110; animation: snb_m_y 0.3s 1 linear; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); transition: ease all .2s; box-sizing:border-box; }
.snb .snb_m { display:block; float:left; margin:0 0 0 1px; padding:13px 15px 15px; }
.snb .snb_m em.bar { position: absolute; top: 16px; left: -1px; width: 1px; height: 20px; background: #dfdfe0; }
.snb .snb_m span { font-size:16px; font-weight:500; }
.snb .snb_m.on span,.snb .snb_m:hover span { color:#25a5ff; }

@keyframes snb_m_y {
	0% { transform:translateY(20px); animation-delay:50s; opacity:0; }
	100% { transform:translateY(0); animation-delay:50s; opacity:1; }
}
.gnb_mnu li .snb:after { content: ''; position: absolute; border-bottom: 8px solid #303448; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -8px; }

.gnb_mnu li .snb.toeic { width:440px; }
.gnb_mnu li .snb.toeic:after { left: 44px; }
.gnb_mnu li .snb.exam { width:560px; margin:0 0 0 -100px; }
.gnb_mnu li .snb.exam:after { left: 206px; }
.gnb_mnu li .snb.eng { width:630px;  margin:0 0 0 -180px; }
.gnb_mnu li .snb.eng:after { left: 256px; }
.gnb_mnu li .snb.jap { width:575px; margin:0 0 0 -130px; }
.gnb_mnu li .snb.jap:after { left: 190px; }
.gnb_mnu li .snb.chi { width:642px; margin:0 0 0 -240px; }
.gnb_mnu li .snb.chi:after { left: 300px; }
.gnb_mnu li .snb.kor { width:320px; margin:0 0 0 -60px; }
.gnb_mnu li .snb.kor:after { left: 170px; }
.gnb_mnu li .snb.sgrad { width:375px; margin:0 0 0 20px; }
.gnb_mnu li .snb.sgrad:after { left: 50px; }
/*
.gnb_mnu a .line_bar { position:absolute; left:50%; bottom:0; width:0; height:1px; background:#25a5ff; z-index:100; transition-duration: 0.2s; }
.gnb_mnu a:hover .line_bar, .gnb_mnu a.active .line_bar { left:0; width:100%; }
*/
.gnb_mnu2 {}
.gnb_mnu2 li { float:left; position: relative; }
.gnb_mnu2 li:last-child { margin:0; }
.gnb_mnu2 :after { display:block; clear:both; content:''; }
.gnb_mnu2 li a { display:block; position:relative; padding:14px 12px 16px; background:#fff; margin-right:1px; }
.gnb_mnu2 li a span { font-size:16px; font-weight:500; color:#0d1127;  }
.gnb_mnu2 li.or_m { padding:0 0 0 20px; }
.gnb_mnu2 li.or_m.plus { padding:0 0 0 0; }
.gnb_mnu2 li.or_m a span { color:#6b6d76; }
.gnb_mnu2 li a:hover span,.gnb_mnu li a.on span { color:#25a5ff; }
.gnb_mnu2 li a em {position:absolute; top:17px; left:-10px; width:1px; height:20px; background:#9ea0a9; }
.gnb_mnu li a span.kakaotalk { display: inline-block; padding: 0 30px 0 0; background: url(/design/img/field_lec/class/icon-kakaotalk.png) no-repeat 100% 100%; background-size: 24px auto }

#header_2018 .btn_register a { display:inline-block; position:relative; padding:14px 15px 16px 13px; vertical-align:middle; background: url(/design/2018/images/common/13057_bg.gif) no-repeat #e93030; border-radius:3px; width: 130px; box-sizing: border-box; text-align: left; }
#header_2018 .btn_register:before { display:inline-block; width:1px; height:80px; vertical-align:middle; content:''; }
#header_2018 .btn_register a span { font-size:18px; color:#fff; letter-spacing: -0.08em; font-weight:500; }
#header_2018 .btn_register a em { position:absolute; top:27px; right:6px; width:17px; height:6px; background:url(../images/common/gnb_register_arw.gif) no-repeat 0 -3px; }

.member_wrap .site_lst { display:block; position:absolute; right:-20px; width:135px; height:auto; padding:10px; border:1px solid #737378; box-sizing:border-box; background:#fff;  box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); z-index:110; }



.login_before { display:inline-block }
.login_before a { position:relative; display:inline-block; padding:6px 9px 5px 30px; text-align:left; border:1px solid #c6c6c6; border-radius:2px; }
.login_before a em { position:absolute; top:8px; left:8px; background:url(../images/common/gnb_icon_login.png) no-repeat; width:15px; height:19px; }
.login_before a span { font-size:15px; color:#4d4e57; }

.btn_right_arw.my { display:inline-block; text-align:left;  }
.btn_right_arw.my strong { font-weight:500; }
.btn_right_arw { display:inline-block; position:relative; padding:9px 18px 5px 0; }
.btn_right_arw span { position:relative; font-size:15px; color:#4d4e57; }
.btn_right_arw em { position:absolute; top:18px; right:0; width:10px; height:5px; background:url(../images/common/gnb_site_arw.gif) no-repeat; overflow:hidden; }
.btn_right_arw.on em { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.family_site_wrap .site_lst { display:block; position:absolute; right:-20px; width:120px;  padding:10px; border:1px solid #737378; box-sizing:border-box; background:#fff;  box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); z-index:110; }
.site_lst ul li { border-bottom:1px solid #e5e5e5; }
.site_lst ul li:last-child { border-bottom:0px; }
.site_lst ul li a { display:block; text-align:left;  }
.site_lst ul li a span { display:inline-block; position:relative; padding:10px 24px 11px 2px; font-size:14px; font-weight:400;  }
.site_lst ul li a em { position:absolute; right:0; top:14px; width:16px; height:14px; background:url(../images/common/gnb_site_blank.gif) no-repeat; }




/* FOOTER */
#footer_2018 { margin-top:60px; font-size:13px; color:#5f6467; }
#footer_2018 .con_inner { padding:10px 0 30px 0; border-top:1px solid #d6dae1; box-sizing:border-box; }
.foot_inner:after { display:block; clear:both; content:''; }	
#footer_2018 .terms { clear:both; padding:10px 0 10px 0;  }
#footer_2018 .terms ul:after { display:block; clear:both; content:''; *zoom:1; }
#footer_2018 .terms li:last-child { background:none }
#footer_2018 .terms li { float:left; margin-right:15px; padding-right:15px; background:url(../images/common/footer_span_bar.gif) no-repeat 100% 2px; }
#footer_2018 .terms ul:after { display:block; clear:both; content:''; *zoom:1; }
#footer_2018 .terms li:last-child { background:none }
#footer_2018 .terms li strong { font-weight:500; }
#footer_2018 .terms li em { }
.foot_col_wrap { position:relative; padding:0 0 14px 0; }
.foot_col_wrap .box_left { float:left; width:720px; padding:0 20px 0 0; text-align:left; }
.foot_col_wrap .box_right { float:right; width:440px; text-align:left; }
.foot_col_wrap:after { display:block; clear:both; content:''; }
#footer_2018 p { margin-top:10px; line-height:19px; }
#footer_2018 p span { display:inline-block; margin-right:15px; padding-right:15px; background:url(../images/common/footer_span_bar.gif) no-repeat 100% 4px; word-break:keep-all; }
#footer_2018 .foot_phone ul { float:left; width:230px; margin-top:10px; }
#footer_2018 .foot_phone li { margin:0; padding:3px 0 0 0; }
#footer_2018 .foot_phone ul:after { display:block; clear:both; content:''; }
#footer_2018 .foot_phone span { }
#footer_2018 .foot_award { display:block; margin:13px 0 0 0;  }
#footer_2018 .foot_award li { float:left; width:210px; padding:125px 0 0 0; text-align:center; color:#333; }
/*#footer_2018 .foot_award li:nth-child(1) { background:url(../images/common/foot_award_01.png) no-repeat 34% 10px #fff; padding-top:95px;}*/
#footer_2018 .foot_award li:nth-child(1) { background:url(../images/common/foot_award_kmac_2020.png) no-repeat 50% 15px #fff; background-size:104px 107px;}
#footer_2018 .foot_award li:nth-child(2) { background:url(../images/common/foot_award_chosun_2020.png) no-repeat 50% 15px #fff; background-size:114px 107px;}
#footer_2018 .foot_award li:nth-child(1) em,
#footer_2018 .foot_award li:nth-child(2) em {font-weight:bold; font-size:13px; line-height:10px;}
#footer_2018 .foot_award li:nth-child(1):after {content:''; width:1px; height:130px; background-color:#d5d9e2; position:absolute; top:35px; right:230px;}
/*
#footer_2018 .foot_award li { float:left; width:33%; padding:95px 0 0 0; text-align:left; }
#footer_2018 .foot_award li:nth-child(1) { background:url(../images/common/foot_award_01.png) no-repeat 34% 10px #fff; }
#footer_2018 .foot_award li:nth-child(2) { background:url(../images/common/foot_award_02_v2.png) no-repeat 34% 8px #fff; }
#footer_2018 .foot_award li:nth-child(3) { background:url(../images/common/foot_award_03_v2.png) no-repeat 34% 10px #fff; }
*/
#footer_2018 .foot_award ul:after { display:block; clear:both; content:''; }
#footer_2018 .foot_award span { font-size:12px; line-height:16px !important; }
.foot_col_wrap .btn_wrap { padding:10px 0 0 0; text-align:left; }

#footer_2018 .foot_social_wrap { display:inline-block; padding:8px 0 0 10px; }
#footer_2018 .foot_social_wrap .icon_box { display:block; float:left; width:24px; height:24px; margin:0 0 0 8px; background:url(../images/common/icon_foot_social_v2.png) no-repeat; overflow:hidden; }
#footer_2018 .foot_social_wrap:after { display:block; clear:both; content:''; }
#footer_2018 .foot_social_wrap .i_facebook { background-position:0 0; }
#footer_2018 .foot_social_wrap .i_instar { background-position:-30px 0; }
#footer_2018 .foot_social_wrap .i_navertv { background-position:-60px 0; }
#footer_2018 .foot_social_wrap .i_naverpost { background-position:-90px 0; }
#footer_2018 .foot_social_wrap .i_youtube { background-position:-120px 0; }
#footer_2018 .foot_social_wrap .i_blog { background-position:-150px 0; }
#footer_2018 .foot_social_wrap .i_facebook:hover { background-position:0 -30px; }
#footer_2018 .foot_social_wrap .i_instar:hover { background-position:-30px -30px; }
#footer_2018 .foot_social_wrap .i_navertv:hover { background-position:-60px -30px; }
#footer_2018 .foot_social_wrap .i_naverpost:hover { background-position:-90px -30px; }
#footer_2018 .foot_social_wrap .i_youtube:hover { background-position:-120px -30px; }
#footer_2018 .foot_social_wrap .i_blog:hover { background-position:-150px -30px; }



/* title */
#container .h_wrap { position:relative; }
.h_wrap h1 { text-align:center; height:45px; vertical-align:middle; box-sizing:border-box; border-bottom:1px solid #d6dae1;  vertical-align:middle; }
.h_wrap h1 span { font-size:1.2rem; vertical-align:middle; }
.h_wrap h1:after { display:inline-block; width:1px; height:100%; margin:0; vertical-align:middle; content:''; }
.h_wrap .btn_arw_prv { position:absolute; top:7px; left:10px; width:30px; height:30px; background:url(../images/common/btn_arw_prv.png) no-repeat 3px 6px #fff; background-size:20px 18px; }
#container .h_wrap.main { position:relative; height:235px; background:#ccc; }




p.comment { margin:0.6em 0 0 0; padding:0 0 0 0.9em; vertical-align:top; background:url(../images/common/bg_li_dot3.png) no-repeat 0.3em 0.7em; }
p.comment_none { margin:0.6em 0 0 0; padding:0; vertical-align:top; background:none; }

/* a button */
.btn_multi_wrap { position:relative; }
.btn_multi_wrap .fl { float:left; } 
.btn_multi_wrap .fr { float:right; } 
.btn_multi_wrap:after {display:block; clear:both; content:''; }
/* .btn_multi_wrap > .btn_wrap { display:inline-block !important;} */
.btn_wrap { padding-top:2em; text-align:center; }
a.btn { display:inline-block; border:1px solid #999; }
a.btn.border_red { border:1px solid #e9463f !important; }
a.btn span { display:block; padding:0.4em 1.3em 0.4em; color:#333; }
a.btn span.size_s { display:block; padding:0.2em 0.8em 0.2em !important; font-size:0.9rem !important; color:#333; font-family:'Noto Sans KR','¸¼Àº °íµñ';}
a.btn.border_red span.size_s { color:#e9463f !important; }
a.btn.bg_red { border:1px solid #e9463f !important; background-color:#f07d78 !important; }
a.btn.bg_red span.size_s { color:#fff !important; }
a.btn:hover { background:#1e3ade; border-color:#1e3ade; transition: ease all .5s; }
a.btn:hover span {  color:#fff; }
.btn_gray { display:inline-block; background:#7a7a7a !important; border-radius:3px; }
.btn_m_gray { display:inline-block; background:#7a7a7a !important; border-radius:3px; }
.btn_red { display:inline-block; background:#e9463f !important; }
.btn_m_red { display:inline-block; background:#e9463f !important; }
.btn_wrap.a_l { text-align:left; }
.btn_wrap.a_r { text-align:right; }
.btn_pay { display:inline-block; text-align:center;  }
.btn_pay span { display:inline-block; padding:0.6em 2em 0.7em !important; font-size:1.2rem !important; letter-spacing:-1px; }
.btn_gray span, .btn_red span { display:inline-block; padding:12px 20px 13px; color:#fff !important; font-size:18px; }
.btn_reset { background:url(../../images/register/sp_reset.png) no-repeat 15px 14px #7a7a7a !important; padding-left:36px; }
.btn_m_red span,.btn_m_gray span  { display:inline-block; padding:9px 27px 11px!important; color:#fff !important; font-size:22px; }

.btn_b { border:1px solid rgba(0,0,0,0.4); border-radius:3px; }
.btn_trans_b { border:1px solid rgba(255,255,255,0.4); border-radius:3px; }
.btn_center_save { border:1px solid rgba(255,255,255,0.4); border-radius:3px; }
.i_setting { padding:5px 13px 7px 38px; background:url(../images/common/icon_setting.svg) no-repeat 13px 50%; background-size:20px 20px; }
.i_home { padding:5px 13px 7px 38px; background:url(../images/common/icon_home.svg) no-repeat 13px 50%; background-size:22px 20px; }
.i_save { padding:5px 13px 7px; }
.btn_trans_b span {}
.btn_trans_b span.c_white { color:#fff; }
.btn_center_save span.c_white { color:#fff; }

.btn_border { display:inline-block; padding:5px 14px 7px; border:1px solid #c0c0c3; border-radius:3px; background:#fff; }
.btn_border span { font-weight:400; color:#6e6e72; }
.btn_border:hover { border-color:#0d1127; transition: ease all .2s; }
.btn_border:hover span { color:#0d1127; transition: ease all .2s; }
.btn_border.btm_more { padding:5px 100px 7px; }
.btn_border.red_bg { display:inline-block; padding:5px 14px 7px; border:1px solid #e93030; border-radius:3px; background:#e93030; }
.btn_border.red_bg span { font-weight:400; color:#fff; }
.btn_border.red_bg:hover { border-color:#f74c4c; transition: ease all .2s; }
.btn_border.red_bg:hover span { color:#fff; transition: ease all .2s; }
.btn_border.red_bg.btm_more { padding:5px 100px 7px; }
.btn_border.mg_left { margin-left:10px; }

.btn_s_border { display:inline-block; padding:3px 10px 5px; border:1px solid #c0c0c3; border-radius:2px; background:#fff; }
.btn_s_border span { font-size:13px; }

.btn_page_move { display:inline-block; position:relative; padding:14px 75px 17px 35px; background:#fff; border:1px solid #353539; border-radius:4px; box-shadow:3px 3px 5px #ccc }
.btn_page_move span { display:inline-block; font-size:24px; font-weight:500; color:#353539; }
.btn_page_move .bg_arw { position:absolute; right:24px; top:50%; width:38px; height:18px; margin-top:-9px; background:url(../images/common/btn_page_move.png) no-repeat 0 0; }
.btn_page_move.size_s { display:inline-block; position:relative; padding:10px 35px 12px 35px; border:1px solid #353539; border-radius:3px; box-shadow:none }
.btn_page_move.size_s span { font-size:19px; font-weight:400; }
.btn_page_move.size_s.next { isplay:inline-block; position:relative; padding:10px 70px 12px 35px; background:#e93030; border:1px solid #e93030; border-radius:3px; box-shadow:none ;  }
.btn_page_move.size_s.next .bg_arw { width:30px; background:url(../images/common/btn_page_move.png) no-repeat 100% -19px; }
.btn_page_move.size_s.next span { color:#fff; }

.btn_page_move.size_s.w_fix { padding:18px 10px 21px 10px; width:260px; }
.btn_page_move.size_s.w_fix span { font-size:20px; font-weight:500; }
.btn_page_move.mg_left { margin-left:10px; }
.btn_page_move.size_s.f_red { border-color:#e93030; }
.btn_page_move.size_s.f_red span { color:#e93030; }

/* input button */
.form_btn { margin-left:5px; padding:0; background-color:#fff; border:1px solid #535353; color:#444; text-align:center; vertical-align:middle; text-decoration:none; display:inline-block; }
.form_btn span { display:block; padding:7px 27px 7px; font-size: 16px; color:#444;font-family:'Noto Sans KR','¸¼Àº °íµñ', Malgun Gothic, AppleGothic, sans-serif;}
.btn_sch { display:inline-block; border: }
.btn_sch span { color:#535353; }


/* page navi*/
.page_navi_wrap { padding:10px 0 60px 0; text-align:center; font-size:0; }
.page_navi { display:inline-block; position:relative; }
.page_navi span { display:inline-block; margin:0 0 0 1px; padding:3px 12px 5px; font-size:16px; font-weight:500; color:#0d1127; }
.page_navi span.on { background:#0d1127; color:#fff; } 
.page_navi span.btn_prev { position:absolute; left:-60px; top:0; width:30px; height:30px; padding:0; margin:0; background:url(../images/common/icon_page_navi.png) 0 0 no-repeat; overflow:hidden; opacity:0.1; }
.page_navi span.btn_next { position:absolute; right:-60px; top:0; width:30px; height:30px; padding:0; margin:0; background:url(../images/common/icon_page_navi.png) 0 -31px no-repeat; overflow:hidden; opacity:0.1; }
.page_navi a.btn_prev { position:absolute; left:-60px; top:0; width:30px; height:30px; padding:0; margin:0; background:url(../images/common/icon_page_navi.png) 0 0 no-repeat; overflow:hidden; }
.page_navi a.btn_next { position:absolute; right:-60px; top:0; width:30px; height:30px; padding:0; margin:0; background:url(../images/common/icon_page_navi.png) 0 -31px no-repeat; overflow:hidden; }



/* paging
.paging { margin:0 auto; padding:30px 0 0 0; text-align:center; white-space:nowrap; }
.paging .btn_page { display:inline-block; padding:6px 10px 8px; border:1px solid #fff; vertical-align:middle; }
.paging em.btn_page { display:inline-block; border:1px solid #2e3137}

.paging .btn_prev { width:40px; height:40px; box-sizing:border-box; background:url(../images/common/paging_prev.png) no-repeat 10px 10px; background-size:15px 20px; }
.paging .btn_next { width:40px; height:40px; box-sizing:border-box; background:url(../images/common/paging_next.png) no-repeat 10px 10px; background-size:15px 20px; }
 */

/* margin */
.mg_t_0 { margin-top:0 !important; }
.mg_t_5 { margin-top:5px !important; }
.mg_t_10 { margin-top:10px !important; }
.mg_t_20 { margin-top:20px !important; }
.mg_t_30 { margin-top:30px !important; }
.mg_t_40 { margin-top:40px !important; }
.mg_t_50 { margin-top:50px !important; }
.mg_b_40 { margin-bottom:40px !important; }
.mg_l_20 { margin:0 0 0 20px; }
.mg_r_20 { margin:0 0 0 20px; }


/* font color */
.pt_red { color:#f0564e !important; }
.pt_red2 { color:#e9463f !important; }
.pt_blue { color:#25a5ff !important; }
.pt_blue2 { color:#4b96e6 !important; }
.pt_brown { color:#736864 !important; }
.pt_brown2 { color:#8c4949 !important; }
.pt_bk { color:#15161f !important; }
.pt_gray { color:#5e6063 !important; }

.pt_basis { position:relative; display:inline-block; padding:0 2px 0; }
.un_line { position:absolute; bottom:0; left:0; right:0; height:1px; background:#25a5ff; content:''; }

/* font-size */
.fs_10 { font-size:10px; }
.fs_11 { font-size:11px; }
.fs_075 { font-size:0.75rem; }
.fs_080 { font-size:0.80rem; }
.fs_085 { font-size:0.85rem; }
.fw_100 { font-weight:100 !important; }
.fw_300 { font-weight:300 !important; }
.fw_400 { font-weight:400 !important; }
.fw_500 { font-weight:500 !important; }

.ls_0 { letter-spacing:0 !important;}

.va_m { vertical-align:middle; }
/* text-align */
.tal { text-align:left !important; }
.tac { text-align:center !important; }
.tar { text-align:right !important; }

/* float */
.float_wrap { position:relative; }
.float_wrap .fl_left { float:left; }
.float_wrap .fl_right { float:right; }
.float_wrap:after { display:block; clear:both; content:''; }

.fixed { position:fixed; }


/* pop */
.pop_view_eyes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:7000}
.pop_view_eyes .pop_data{position:absolute;top:50%;left:50%;z-index:10}
.pop_view_eyes .pop_top{overflow:hidden;padding:15px 20px;background-color:#a71a19}
.pop_view_eyes .pop_top .title{font-size:16px;color:#fff;text-align:left;float:left}
.pop_view_eyes .pop_top .btn_close{text-align:right;float:right}
.btn_lypop_close { position:absolute; right:-60px; top:0; width:60px; height:60px; background:#0d1127; }
.btn_lypop_close a { display:block; width:60px;height:60px; background:url(../images/common/btn_lypop_close.svg) no-repeat 17px 16px; background-size:27px 27px; }
.pop_view_eyes .pop_bg,.pop_view_eyes .video_bg{width:100%;height:100%;
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}
#pop_view_eyes{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:7000}
#pop_view_eyes .pop_data{position:absolute;top:50%;left:50%;z-index:10}
#pop_view_eyes .pop_top{overflow:hidden;padding:15px 20px;background-color:#a71a19}
#pop_view_eyes .pop_top .title{font-size:16px;color:#fff;text-align:left;float:left}
#pop_view_eyes .pop_top .btn_close{text-align:right;float:right}
.btn_lypop_close { position:absolute; right:0; top:0; width:60px; height:60px; background:#0d1127; }
.btn_lypop_close a { display:block; width:60px;height:60px; background:url(../images/common/btn_lypop_close.svg) no-repeat 17px 16px; background-size:27px 27px; }
#pop_view_eyes .pop_bg,#pop_view_eyes .video_bg{width:100%;height:100%;
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}
#pop_view_eyes .loader { width:320px; height:200px; margin:-100px 0 0 -170px; padding:40px 0 50px; box-sizing:border-box; border-radius:10px; background: linear-gradient( to bottom, #ffffff, #bdbdbf );  box-shadow:10px 10px 5px rgba(0, 0, 0, 0.2); }
#pop_view_eyes .loader span { display:block; font-size:20px; color:#000; padding:100px 0 0 0; }
.loader_circle { position:absolute; left:50%; top:35px; z-index:1; width:80px;    height:80px; margin:-40px 0 0 -40px; border:20px solid #303448; border-radius:50%; border-top:20px solid #e93030; width:50px; height:50px; -webkit-animation:spin 1s linear infinite; animation:spin 1s linear infinite; }

.pop_view_eyes .m_register { position:absolute; width:1000px; max-height:580px; margin:-290px 0 0 -500px; padding:20px 0 0 0; overflow-y:auto; border:1px solid #666; box-sizing:border-box; background:#fff; box-shadow:10px 10px 5px rgba(0, 0, 0, 0.2);  }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(90deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(90deg); }
    100% { transform: rotate(360deg); }
}

/* °ü½ÉÇпø ¼³Á¤Çϱâ */
.m_eyes_p_v{width:1180px;height:540px;margin-left:-590px;margin-top:-270px;background:#fff}
.m_eyes_p_v .btn_c_wrap {clear:both;margin-top:20px;padding-top:15px;border-top:1px solid #767676}
.m_eyes_p_v .r_p_top{padding:30px 60px 0 30px;height:60px}
.m_eyes_p_v .r_p_top > h2{line-height:25px;padding-bottom:15px;background:url(/img/register/register_o_list_top_line.gif) left bottom repeat-x}
.m_eyes_p_v .r_p_top > h2 > span{vertical-align:middle}
.m_eyes_p_v .r_p_top .title{height:40px;font-size:0;color:#555;padding-right:20px;background:url(/img/mypage/h2_myeyes_pop.png) 0 0 no-repeat;text-indent:-9000px}
.m_eyes_p_v  em{font-weight:500;color:#458acf;}
.m_eyes_p_v .r_p_ex > span{vertical-align:middle}
.m_eyes_p_v .r_p_ex .ex_color{display:inline-block;zoom:1;*display:inline;width:40px;height:20px;margin-right:7px;background:#e5eff7}

.m_eyes_p_v .tea_p_con{position:relative;height:100%;padding:0 40px 0 40px;overflow-x:hidden;overflow-y:hidden; box-shadow:10px 10px 5px rgba(0, 0, 0, 0.2); }

.m_eyes_p_v .my_eyes_list {height:47px;margin-bottom:10px;}
.m_eyes_p_v .my_eyes_list li {position:relative;float:left;margin-right:5px;width:213px;height:45px;background:#f8f8f8;border:1px dashed #ccc;border-radius:3px}
.m_eyes_p_v .my_eyes_list li p { font-size:18px; line-height:41px;padding:0 0 4px 10px;}
.m_eyes_p_v .my_eyes_list li.on {background:#757878;border:1px solid #5e6161;border-radius:3px;color:#fff;font-weight:500}
.m_eyes_p_v .my_eyes_list li.on a.btn_delete {position:absolute;right:5px;top:14px;background:url(https://www.ybmedu.com/img/mypage/btn_eyes_delete.png) 0 0;width:17px;height:17px;display:inline-block;text-indent:-9000px}
.m_eyes_p_v .user_list .list_info01{margin-bottom:15px}
.m_eyes_p_v .user_list .list_info{}
.m_eyes_p_v .eyes_list {border-top:1px dashed #ccc;padding-top:20px}
.m_eyes_p_v .eyes_list li {position:relative;float:left;margin:0 8px 13px 0;}
.m_eyes_p_v .eyes_list li a {width:163px;height:40px;background:#f8f8f8;border:1px dashed #ccc;border-radius:3px;display:inline-block;line-height:40px;padding:0 0 0 10px;font-size:16px;}
.m_eyes_p_v .eyes_list li a:hover {border:1px solid #4990d1;color:#458acf;}
.m_eyes_p_v .eyes_list li a.on {border:1px solid #e84343;color:#e84343;background:#f8f8f8;font-weight:500}

.m_eyes_p_v .my {margin-top:30px;padding-bottom:20px;overflow:auto;border-bottom:1px solid #767676}
.m_eyes_p_v .my h3{ padding:0 0 15px 0;font-size:21px; font-weight:500; color:#0d1127; }
.m_eyes_p_v .my .list_saving {clear:both;width:878px;height:30px;border:0px solid #e84343;border-radius:3px;color:#e84343;background:#fff;font-size:16px;font-weight:bold;line-height:30px;text-align:center}
.m_eyes_p_v .select {margin-top:30px;}
.m_eyes_p_v .select h3{ padding:0 0 5px 0; font-size:21px; font-weight:500; color:#0d1127; }


/* Àüü ¼­ºñ½º º¸±â */
.m_all_menu { position:absolute; top:80px; left:0; width:1178px; height:640px; margin:0; background:#fff; /* box-shadow:10px 10px 5px rgba(0, 0, 0, 0.2); */border:1px solid #303448; z-index:10000; }
.m_all_menu .site_left { float:left; width:215px; height:100%; padding:34px 14px 40px; box-sizing:border-box; background:#303448; }
.m_all_menu .site_right { float:left; width:960px; height:100%; padding:20px 40px 20px; box-sizing:border-box; background:#fff; }
.site_left .lang_unit { padding:12px 0 10px 4px; width:100%; border-top:1px solid #707074; }
.site_left .lang_unit:first-child { padding-top:1px; border-top:0; }
.site_left .lang_unit:last-child { border-bottom:1px solid #707074; }
.site_left .lang_unit p { padding:0 0 0 4px; font-size:21px; font-weight:400; color:#f03d3d; ;  }
.site_left .lang_unit li { float:left;  }
.site_left .lang_unit ul:after { display:block; clear:both; content:''; }
.site_left .lang_unit li a { display:inline-block; padding:5px 5px; }
.site_left .lang_unit li a span { color:#d0d1d4; font-size:14px; }
.site_right h2 {}
.site_right h2 span { font-size:25px; font-weight:500; color:#0d1127; }
.sev_lst_wrap { padding:15px 0 0 0; }
.sev_lst_wrap p { font-size:21px; font-weight:500; color:#0d1127;}
.sev_lst_wrap .sev_unit { float:left; width:20%; }
.sev_lst_wrap:after { display:block; clear:both; content:''; }
.sev_lst_wrap .sev_unit ul { margin:12px 0 0 3px; border-left:1px solid #d6d6da; }
.sev_lst_wrap .sev_unit li { padding:0 0 8px 12px; }
.sev_lst_wrap .sev_unit li a { display:block; }
.sev_lst_wrap .sev_unit li a span { font-size:15px; font-weight:400; color:#63656b; }
.sev_icon { width:100%; margin:15px 0 0 0; background:#f8f9fa; border:1px solid #e8e8ec; box-sizing:border-box; text-align:center; }
.sev_icon ul { display:inline-block; }
.sev_icon li { float:left; position:relative; width:108px; }
.sev_icon li .bar { position:absolute; top:15px; left:0; width:1px; height:42px; background:#e5e6e9; content:''; }
.sev_icon ul:after { display:block; clear:both; content:''; }
.sev_icon li a { display:block; position:relative; padding:43px 0 5px 0; }
.sev_icon li a span { font-size:14px; font-weight:400; color:#63656b; }
.sev_icon li a em { position:absolute; top:12px; left:50%; width:35px; height:30px; background-position:50% 50%; }
.sev_icon li a em.i_01 { background:url(../images/common/sev_icon_01.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_02 { background:url(../images/common/sev_icon_02.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_03 { background:url(../images/common/sev_icon_03.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_04 { background:url(../images/common/sev_icon_04.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_05 { background:url(../images/common/sev_icon_05.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_06 { background:url(../images/common/sev_icon_06.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_07 { background:url(../images/common/sev_icon_07.png) no-repeat; margin-left:-14px; }
.sev_icon li a em.i_08 { background:url(../images/common/sev_icon_08.svg) no-repeat; background-size:30px 21px; margin:3px 0 0 -15px; }


/* ¼ö°­½Åû */
.m_regster { position:relative; width:1180px; height:660px; margin:-290px 0 0 -590px; padding:0 40px 0; box-sizing:border-box; background:#fff; box-shadow:10px 10px 5px rgba(0, 0, 0, 0.2); }
.m_regster h2 { height:50px; }
.m_regster h2 span { font-size:30px; font-weight:300; color:#0d1127; }

.m_regster .m_regi_top { position:absolute; top:40px; left:0; width:100%; height:150px; padding:0 40px 0; box-sizing:border-box; }
.m_regster .m_regi_top h2 { display:inline-block; vertical-align:middle; }
.m_regster .m_regi_mid { height:370px; margin:180px 0; box-sizing:border-box; overflow:auto; overflow-x:hidden; }
.m_regster .m_regi_notice { position:relative; display:inline-block; padding:0; vertical-align:middle; }
.m_regster .m_regi_notice span { display:inline-block; font-size:18px; font-weight:500; color:#e93030; vertical-align:middle; }
.m_regster .m_regi_notice em { display:inline-block; width:20px; height:20px; padding:0 6px 0 0; background:url(../images/common/icon_check_info.png) no-repeat; vertical-align:middle; }
.m_regster .m_regi_btm { position:absolute; bottom:0px; left:0; width:100%; height:100px; padding:0 40px 0; box-sizing:border-box; }
.m_regster .m_regi_btm .btn_left { float:left; }
.m_regster .m_regi_btm .btn_right { float:right; }
.m_regster .m_regi_btm:after { display:block; clear:both; content:''; }


.m_regster strong { font-weight:500; }

.m_regster .m_regi_top .text { height:80px; font-size:23px; font-weight:300; vertical-align:middle; }
.m_regster .m_regi_top .text .inwrap { display:inline-block; width:98%; vertical-align:middle; }
.m_regster .m_regi_top .text:before { display:inline-block; width:1px; height:100%; vertical-align:middle; content:''; }
.m_regster .m_regi_top .text p { display:inline-block; width:95%; font-size:20px; font-weight:300; vertical-align:middle; word-break:break-all; }
.m_regster .m_regi_top .text span { position:relative; display:inline-block; color:#25a5ff; font-weight:500; }
.m_regster .m_regi_top .text span em { position:absolute; left:0; bottom:-2px; height:1px; width:100%; background:#25a5ff; content:''; }

.m_regster .step_01 { text-align:center; }
.m_regster .step_01 a { display:inline-block; position:relative; width:330px; height:200px; margin:0 0 0 30px; box-sizing:border-box; border-radius:6px; background:#eff0f5; border:1px solid #e2e3e5; transition: ease all .2s;  }
.m_regster .step_01 a:first-child { margin:0 0 0 0; }
.m_regster .step_01 a:hover { background:#e2e3e5; border:1px solid #d5d6d8; transition: ease all .2s; }
.m_regster .step_01 a span { display:inline-block; padding:130px 0 0 0;font-size:27px; }
.m_regster .step_01 a.on {  border:1px solid #25a5ff; background:#25a5ff;transition: ease all .2s;  }
.m_regster .step_01 a.on span { color:#fff; }

.m_regster .step_01 a em { position:absolute; top:30px; left:50%; width:90px; height:91px; background-position:50% 50%; }
.m_regster .step_01 a em.i_01 { background:url(../images/common/regi_icon_01.svg) no-repeat; background-size:51px 90px; margin:0 0 0 -25px;  }
.m_regster .step_01 a em.i_02 { background:url(../images/common/regi_icon_02.svg) no-repeat; background-size:74px 91px; margin:0 0 0 -35px;  }
.m_regster .step_01 a em.i_03 { background:url(../images/common/regi_icon_03.svg) no-repeat 50% 50% ; background-size:82px 72px; margin:0 0 0 -48px;  }
.m_regster .step_01 a.on em.i_01 { background:url(../images/common/regi_icon_01_.svg) no-repeat; }
.m_regster .step_01 a.on em.i_02 { background:url(../images/common/regi_icon_02_.svg) no-repeat; }
.m_regster .step_01 a.on em.i_03 { background:url(../images/common/regi_icon_03_.svg) no-repeat; }

.regi_basis_lst .firelive {position:relative; display:block; width:1090px; padding:20px 0 20px 70px; box-sizing:border-box; font-size:21px; border:1px solid #e2e3e5; border-radius:3px; background:url(../images/common/bg_firelive.png) no-repeat 380px 0; background-color:#eff0f5;}
.regi_basis_lst .firelive:hover {position:relative;display:block; width:1090px; padding:20px 0 20px 70px; box-sizing:border-box; font-size:21px; border:1px solid #e2e3e5; border-radius:3px; background:url(../images/common/bg_firelive.png) no-repeat 380px 0; background-color:#e2e3e5;}
.regi_basis_lst .firelive span {color:#ed1b24}
.regi_basis_lst .firelive span:before {display:inline-block; content:''; background:url(../images/common/icon_newtab.png) no-repeat; position:absolute; top:27px; left:45px; width:17px; height:17px;}
.regi_basis_lst .firelive.theme_live {width:95%}

.regi_basis_lst li { float:left; width:25%; margin:0 0 0 0; padding:10px 10px 0 0; box-sizing:border-box; }
.regi_basis_lst.theme_lst li { width:32%; }
.regi_basis_lst ul:after { display:block; clear:both; content:''; }
.regi_basis_lst li a { display:block; position:relative; padding:20px 0 20px 0; box-sizing:border-box; background:#eff0f5; border:1px solid #e2e3e5; border-radius:3px; }
.regi_basis_lst li a span { display:inline-block; padding:0 0 0 44px; font-size:21px; }
.regi_basis_lst a:hover { background:#e2e3e5; border:1px solid #d5d6d8; transition: ease all .2s; }
.regi_basis_lst a.on {  border:1px solid #25a5ff; background:#25a5ff; transition: ease all .2s;  }
.regi_basis_lst a.on span { color:#fff; }

.regi_basis_lst .checkbox em { position:absolute; top:24px; left:10px; width:25px; height:25px; background:url(../images/common/regi_basis_lst.png) no-repeat; background-position:0 0; }
.regi_basis_lst .radio em { position:absolute; top:24px; left:10px; width:25px; height:25px; background:url(../images/common/regi_basis_lst.png) no-repeat; background-position:0 -50px; z-index:-1;/*¶óµð¿À¹öÆ° ¼û°Ü³õÀ½*/}
.regi_basis_lst .checkbox a.on em { background-position:0 -25px; }
.regi_basis_lst .radio a.on em { background-position:0 -75px; }

/* popup */
.popup_basis_wrap { position:relative; width:100%; height:100%; background:#303448; }
.popup_basis_wrap .title { width:100%; height:110px; padding:0 0 0 20px; box-sizing:border-box; background:#fff; overflow:hidden; }
.popup_basis_wrap .title h3 { display:inline-block; width:98%; background:#fff; overflow:hidden; vertical-align:middle;}
.popup_basis_wrap .title:before { display:inline-block; width:1px; height:100%; margin:0 0 0 -1px; content:''; vertical-align:middle; }
.popup_basis_wrap .title h3 span { display: inline-block; line-height:30px; }
.popup_basis_wrap .pop_video { position:relative; width:800px; height:450px; padding:0; display:block; }
.popup_basis_wrap .top_line { display:block; position:absolute; top:0; left:0; right:0; height:4px; background:#303448; content:''; }
.popup_basis_wrap .btm_line { display:block; position:absolute; bottom:0; left:0; right:0; height:6px; background:#303448; content:''; }


/* chrome 8.0 info */
.notice-update-wrap { background: #074280 }
.notice-update-wrap .inner { width: 1180px; margin: 0 auto; }
.notice-update-wrap .inner p { color: #fff; font-size: 1.2rem; padding: 30px 80px 30px 80px; background: url(/design/img/common/icon-comm-notice.svg) 0 50% no-repeat; background-size: 60px 60px; }
.notice-update-wrap .inner p .point { color: #ffd800; font-weight: 500; }