@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/* CSS Document */
* {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens: auto;
hyphens:auto; 
}

element {
    -webkit-overflow-scrolling: touch;
}

element > * {
    -webkit-transform: translateZ(0px);
}

/*공통css*/
@font-face { font-family:'NanumGothic'; 
			 font-style:normal;
			 src:url('NanumGothic.eot'), /*IE9 호환성 보기*/
				 url('NanumGothic.eot?iefix') format('embedded-opentype'), /*IE 6-8*/
				 url('NanumGothic.woff') format('woff'),  /*표준 브라우저*/
				 url('NanumGothic.otf') format('opentype'); 
}
@font-face { font-family:'NotoSansKR-Medium'; 
			 font-style:normal;
             src:url('NotoSansKR-Medium.eot'), /*IE9 호환성 보기*/
				 url('NotoSansKR-Medium.eot?iefix') format('embedded-opentype'), /*IE 6-8*/
				 url('NotoSansKR-Medium.woff') format('woff'),  /*표준 브라우저*/
				 url('NotoSansKR-Mediumc.otf') format('opentype')
				   /*표준 브라우저*/
}
@font-face { font-family:'NotoSansKR-Light'; 
			 font-style:normal;
             src:url('NotoSansKR-Light.eot'), /*IE9 호환성 보기*/
				 url('NotoSansKR-Light.eot?iefix') format('embedded-opentype'), /*IE 6-8*/
				 url('NotoSansKR-Light.woff') format('woff'),  /*표준 브라우저*/
				 url('NotoSansKR-Light.otf') format('opentype')  /*표준 브라우저*/
}

html, body  {
    margin: 0px;
    padding: 0px;
	font-family: "NotoSansKR-Light", "NotoSansKR-Medium", "NanumGothic", "Dotum";
	/* font-family:"NotoSansKR-Light", "NotoSansKR-Medium", "NanumGothic", "Dotum"; */
	/* font-family: 'Nanum Gothic', sans-serif; */
    font-size: 13px;
	line-height:150%;
	letter-spacing:-0.2px;
	word-break:keep-all; word-wrap:break-word;
	-webkit-word-break:keep-all; -webkit-word-wrap:break-word;
	-moz-word-break:keep-all; -moz-word-wrap:break-word;
	position: relative;
	-webkit-text-size-adjust: none; white-space: normal;
	white-space:-moz-pre-wrap;
 white-space:-pre-wrap;
 white-space:-o-pre-wrap;
 /*0519추가*/max-width: 100%;overflow-x: hidden;

}

body{max-width: 940px; margin: 0 auto !important; min-width: 320px; overflow:initial;}
a { text-decoration:none; color:inherit; font-size:inherit;}
a, img { border:none;}
img {max-width: 100%;}
ul, li { margin:0; padding:0; list-style:none;}
p {font-size: 13px; margin:0; padding:0; }
h1 {margin: 0 !important; font-size:20px; line-height: 62px;}
h2 {font-size:22px; text-align:center}
h3 {color:#282828;font-size:18px; margin:30px 0 0 0; letter-spacing:-0.2px; line-height:24px; text-align:left}
h5 {color:#636364; font-size:15px;margin:0; padding:7px 0 7px 0;}
h1.type01 {margin: 0 !important; padding:7px 0; }
h1.type01 img {width:200px;}
.header h1 .btn_logo img{margin-top: 0 !important;}
.ttb{font-size: 13px;
    font-family: "NotoSansKR-Light", "NotoSansKR-Medium", "NanumGothic", "Dotum";
    margin-left: 5px;
    color: #2a2a2a;
    float: right;}

.mB20{margin-bottom: 20px;}
.mL10{margin-left: 10px;}

.mTno{margin-top: 0 !important;}
.notoB{font-family: "NotoSansKR-Medium", "NanumGothic", "Dotum"; font-weight: 500;}

.gotop {position:fixed; position:absolute; right:6%; bottom:5%; width:55px; height:30px; z-index:3; background:url(../image/top_bottom.png) center 13px no-repeat #303338; background-size:12px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; color:#fff; padding:23px 0 0px 0; text-align:center;}
.txtC{text-align: center;}
.txtL{text-align: left;}


#wrap{ width:940px;margin:0 auto; text-align:center; position: relative;overflow: hidden;}
/*header css*/
.header {text-align:center;	width:100%; background-color:#fff; z-index:999; position:relative;}
.header_fix {position:fixed; top:0px;}
.header .a_home {position:absolute; top:8px; left:8px;}
.header .a_home img { width:35px;}
.bor_bottom { border-bottom:1px solid #d9d9d9;}

.menu_tab  {height:39px;border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f2f2f2; text-align:center;font-size:17px;font-weight: bold;letter-spacing: initial;}
.menu_tab ul {margin:0; padding:0;  }
.menu_tab li {background: url(../image/menu_tab_list.gif) 0 0 repeat-y #f2f2f2; float:left; display:inline-block; width:25%; color:#000; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; height:100%; font-size:0.8em; margin-top:-1px;}
.menu_tab li.langcon {background-color:#ff8a00; border-top:1px solid #ff8a00; border-bottom:1px solid #ff8a00;}
.menu_tab li.elementary {background-color:#3ca8df; border-top:1px solid #3ca8df; border-bottom:1px solid #3ca8df;}
.menu_tab li.middle {background-color:#0e4fb1; border-top:1px solid #0e4fb1; border-bottom:1px solid #0e4fb1;}
.menu_tab li.book {background-color:#7f99c4; border-top:1px solid #7f99c4; border-bottom:1px solid #7f99c4;}
.menu_tab li.elearn {background-color:#357fd4; border-top:1px solid #357fd4; border-bottom:1px solid #357fd4; }
.menu_tab li.hakuna {background-color:#f16670; border-top:1px solid #f16670; border-bottom:1px solid #f16670; }
.menu_tab li.matata {background-color:#01b9b5; border-top:1px solid #01b9b5; border-bottom:1px solid #01b9b5; }
.menu_tab li.skill {background-color:#89363e; border-top:1px solid #792a32; border-bottom:1px solid #792a32;}
.menu_tab li.speakup {background-color:#14b1e7; border-top:1px solid #14b1e7; border-bottom:1px solid #14b1e7; }
.menu_tab li.creal {background-color:#f8956e; border-top:1px solid #f8956e; border-bottom:1px solid #f8956e; }
.menu_tab li.boombook {background-color:#7d58a7; border-top:1px solid #7d58a7; border-bottom:1px solid #7d58a7; }
.menu_tab li.library {background-color:#381e00; border-top:1px solid #381e00; border-bottom:1px solid #381e00; }
.menu_tab li.on {*margin-left:-1px; background-image:none;}
.menu_tab li.on a { color:#fff}
.menu_tab li a { text-decoration:none; display:block; color:#2a2a2a; padding:10px 0;}

.menu_tab.islandtab{border-top:1px solid #ff9023; border-bottom:1px solid #ff9023; margin-top:15px}
.menu_tab.islandtab li a{ font-size:17px}
.menu_tab.islandtab li.on a{ background:#ff9023}


.menu_three li {width:33.3%;}
.menu_two li {width:50%;}

.btn_menu{display: none;}
.side_tab_wrap{display: none;}
.btn_menu img{display: none;}




/* container css */
/* 랭콘_langcon / 아발론초등_elementary / 아발론중등, 회사소개_middle / 텍스트북_book / 이러닝_elearn */
.container{padding:20px 20px 20px 20px; *padding:20px; background-color:#fff; overflow: hidden;}
.container.no_pad{padding:20px 0;*padding:20px 0;}

.container h4 {color:#0e4fb1; padding: 15px 0 5px 0; font-size: 16px; margin:0; text-align:left}

.container h4.langcon {color:#ff8a00; background: url(../image/langcon_h4.png) 0 22px no-repeat; padding:19px 0 5px 18px; text-align:left}
.container.new_con h4.langcon {color:#ff8a00; background: url(../image/langcon_h4.png) 0 15px no-repeat; padding:12px 0 5px 18px; text-align:left}

.container h4.elementary {color:#3ca8df; background: url(../image/elementary_h4.png) 0 15px no-repeat; padding:12px 0 5px 18px;}
.container h4.middle {color:#0e4fb1; background: url(../image/middle_h4.png) 0 15px no-repeat; padding:12px 0 5px 18px;}
.container h4.book {color:#7f99c4; background: url(../image/book_h4.png) 0 15px no-repeat; padding:12px 0 5px 18px;}
.container h4.elearn {color:#507a9b; background: url(../image/elearn_h4.png) 0 15px no-repeat; padding:12px 0 5px 18px;}

.container ul {text-align:left;}
.container .info{text-align:center; line-height: 25px;}
.container li {margin-bottom:5px;}
.container ul.langcon li {background:url(../image/langcon_list.gif) 0 9px no-repeat; padding-left: 7px; }
.container ul.elementary li {background:url(../image/elementary_list.gif) 0 9px no-repeat; padding-left: 7px; /*margin-left: 10px;*/}
.container ul.middle li {background:url(../image/middle_list.gif) 0 9px no-repeat; padding-left: 7px;/*margin-left: 10px;*/}
.container ul.book li {background:url(../image/book_list.gif) 0 9px no-repeat;  padding-left: 7px;}
.container ul.elearn li {background:url(../image/elearn_list.gif) 0 9px no-repeat;  padding-left: 7px;}

.container .line_box .langcon>li{margin-bottom: 0 !important;}

/* 이러닝 */
.class_online{width: 70% !important; margin: 20px auto 0 auto;}
.elearn li{margin-bottom: 0;padding: 0 0 0 8px;}
.L_top_icon{height: 70px;}
.L_icon_wrap{padding-left:0 !important; display: inline-block;}
.L_icon_wrap::after{display: block; content: ""; clear: both;}
.L_icon_wrap li{float: left; padding: 0;margin: 0 15px; text-align: center; width: 113px;}
.L_icon_wrap li:nth-child(even){width: 25px;}
.L_icon_wrap li span{display: block; text-align: center;font-size: 14px; font-weight: bold; margin-top: 15px;color: #0a3575;}
.L_icon{width: 70px; }
td>.L_arrow{margin: 0;}
.L_arrow{width:20px; margin-top: 25px; opacity: 0.5;}
.C_arrow{width: 20px;transform: rotate(90deg); padding: 20px 0;opacity: 0.5;}

.bxslider ul { padding:0;}
.bxslider li  { padding:0; margin:0;}
    
.swiper-container {width:100%; height:100%;}
.swiper-slide {text-align:center; font-size:18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
/* 3차메뉴 tab */
ul.tabs {margin:0 0 30px 0; padding:0; list-style:none; height:32px; width:100%; font-size:12px; text-align:center;}
ul.tabs li {text-align:center; cursor:pointer; line-height:31px; overflow:hidden; position:relative; display:inline; color:#767676; font-size:14px;	margin:0 10px;}
ul.tabs li.active_lang {border-bottom:3px solid #ff8a00; padding:0 0 5px 0; color:#ff8a00; font-weight:bold;}
ul.tabs li.active_ele {border-bottom:3px solid #3ca8df; padding:0 0 5px 0; color:#3ca8df; font-weight:bold;}
ul.tabs li.active_mid {border-bottom:3px solid #0e4fb1; padding:0 0 5px 0; color:#0e4fb1; font-weight:bold;}
ul.tabs li.active_elearn {border-bottom:3px solid #507a9b; padding:0 0 5px 0; color:#507a9b; font-weight:bold;}

.table_scroll {display:inline-block; width:100%;  overflow-x:auto;}
table {width:100%; border-collapse:collapse; border-spacing:0; }
table th {border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; padding:5px 7px; font-size:11px; text-align:center}
table.langcon {border-top:1px solid #ff8a00;}
table.langcon th {background-color:#fff6ec; min-width: 57px;}
table.elementary {border-top:1px solid #3ca8df;}
table.elementary th {background-color:#f5fcff;min-width: 57px;}
table.middle { border-top:1px solid #0e4fb1;}
table.middle th {background-color:#f4f8ff;min-width: 57px;}
table.book { border-top:1px solid #7f99c4;}
table.book th {background-color:#f3f4f5;}
table.elearn { border-top:1px solid #507a9b;}
table.elearn th {background-color:#f2f6f9;}

table td  {border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; padding:5px 7px; text-align:left}
.line_no {border-right:none;}

.line_box { padding:15px 18px; display:block; text-align:center;border: 1px solid #f0f0f0; margin: 15px 0 10px 0; border-radius: 5px;}
.line_box p{text-align: left;}
.line_box.textIn p{padding:0 5px !important;}
.line_box h5{text-align: left;}

.slash_box { background:url(../image/slash_box_bg.png) 0 0 repeat; padding:6px;}
.inner_box {background-color: #fff; padding:15px 15px;}

.align_left { text-align:left !important}
.align_right { text-align:right !important}
.align_center { text-align:center !important}

.tab01 { margin-left:5px; width:100%; text-align:left}
.tab02 { margin-left:10px; width:100%;}

.mat0 {margin-top:0px;}
.mat10 {margin-top:10px;}
.mat15 {margin-top:15px;}
.mat20 {margin-top:20px !important;}
.mat25 {margin-top:25px;}
.mat30 {margin-top:30px;}
.mat35 {margin-top:35px;}
.mat40 {margin-top:40px;}

.mab10 {margin-bottom:10px;}
.mab15 {margin-bottom:15px;}
.mab20 {margin-bottom:20px !important;}
.mab25 {margin-bottom:25px;}
.mab30 {margin-bottom:30px;}
.mab35 {margin-bottom:35px;}
.mab40 {margin-bottom:40px;}

.mar10 {margin-right:10px;}
.mar15 {margin-right:15px;}
.mar20 {margin-right:20px;}
.mar25 {margin-right:25px;}
.mar30 {margin-right:30px;}
.mar35 {margin-right:35px;}
.mar40 {margin-right:40px;}


.mal5 {margin-left:5px;}
.mal10 {margin-left:10px;}
.mal15 {margin-left:15px;}
.mal20 {margin-left:20px;}
.mal25 {margin-left:25px;}
.mal30 {margin-left:30px;}
.mal35 {margin-left:35px;}
.mal40 {margin-left:40px;}

.txIn10{text-indent: 10px;}

.t_langcon { color:#ff8a00;}
.t_elementary { color:#ff8a00;}
.t_middle { color:#3ca8df;}
.t_book { color:#7f99c4;}
.t_elearn { color:#507a9b;}
.t_bold { font-weight:bold;}

.tBlue{color: #357fd4 !important;}

.dot { border-bottom:1px dashed #ccc; padding-bottom: 30px;}

.swiper-slide img {width:100%; height:auto;}
.swiper-container {width:100%; height:100%;}
.swiper-slide {text-align:center; font-size:18px}
.swiper-pagination { position:relative !important; margin:10px auto 0;}
.swiper-pagination-bullet { margin:0 2px;}

/* 랭콘 philosophy*/
.header h1.logo{border-bottom: 1px solid #d9d9d9;}
.header h1.lang_logo img.creald{width:220px;}
.header h1.lang_logo img.Readers{width:165px;}
.header h1.lang_logo img.hakuna{width:165px;}
.header h1.lang_logo img {width:135px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.philosophy_title { text-align:center; border-bottom:1px dashed #ccc; padding-bottom:30px;} 
.philosophy_title img { width:120px;}
.philosophy_title .lp_h2 { font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:18px; color:#ff8a00;}
.philosophy_title .lp_h3 { font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:16px; margin:10px 0 10px 0;}
.philosophy_title p.lp_auto { width:300px; margin:0 auto; word-break:keep-all; word-wrap:break-word;}
.philosophy_con { display:inline-block; width:100%; text-align:left}
.philosophy_con .lp_con { margin:0 15px 0 0; padding:0; text-align:center; float:left; width:50px;}
.philosophy_con .lp_con img { width:50px;}
.philosophy_con .lp_tit {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:16px; margin: 5px 0 5px 65px; color:#ff8a00;}
.philosophy_con .lp_des {color:#4b4b4b; font-size:15px; margin:0 0 0 65px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}

.p_test01 {background-color:#ffbf26; margin:20px 0 0 0; display:inline-block; width:100%;}
.p_test02 {background-color:#ff9b26; margin:0; display:inline-block; width:100%;}
.p_test03 {background-color:#ff6529; margin:0; display:inline-block; width:100%;}
.p_test04 {background-color:#c03611; margin:0; display:inline-block; width:100%;}
.p_test01>.test_step .p_span { color:#ffe8b1;}
.p_test02>.test_step .p_span { color:#ffdcb4;}
.p_test03>.test_step .p_span { color:#ffbba1;}
.p_test04>.test_step .p_span { color:#e47a5e;}
.test_step {color:#fff; font-weight:bold; width:23%; float:left; margin-right:15px; font-size:14px; line-height:17px; padding:15px;}
.test_step .p_span {display:block; font-size:11px; margin-bottom:5px;}
.test_con {margin:0 0 0 32%; color:#fff; padding:15px; text-align:left}

h4.langcon span.lp_none { color:#4b4b4b;}

/* 랭콘 level*/
.level_con { display:inline-block; width:100%; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.level_con .level_left { float:left; margin-right:15px;}
.level_con .level_left img { width:90px;}
.level_con .level_right { float:left;}
.level_con .level_right h3 { margin-top:12px;}

/* 초등 load map*/
.introduce_img { text-align:center; margin-bottom:20px;}
.introduce_img img { width:120px;}
.introduce_title {color:#3ca8df; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:20px; text-align:center; margin-bottom:15px;}
.introduce_text {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:17px; text-align:center;}
.ele_level { color:#3ca8df; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin-bottom:5px;}

/* 초등 학사운영 */
h3 span { font-size:13px; font-family:"NotoSansKR-Light", "NotoSansKR-Medium", "NanumGothic", "Dotum"; margin-left:5px;}
span.t_red { color:#ff5f5f;}

/* 초등 4way*/
.number_list { margin:10px 0 0 0; display: inline-block; width:100%; text-align:left}
.number_list dt.number {border-radius:50px; border:5px solid #ccc; width:40px; height:31px; margin:0 15px 0 0; padding:9px 0 0 0; text-align:center; float:left;}
.number_list dd.tit {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:15px; margin: 5px 0 5px 65px;}
.number_list dd.des { margin-left:65px;}
.number_list dt.dt_img { border:0 !important; width:80px !important; height:80px !important; margin:0 10px 0 0 !important; padding:0 !important;}
.number_list dd.dd_ul { margin-left:90px !important;}
.number_list dt.l_img { border:0 !important; width:100px !important; height:100px !important; margin:0 10px 0 0 !important; padding:0 !important;}
.one dt.number {border:5px solid #053399; color:#053399; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.one dd.tit {color:#053399;}
.two dt.number {border:5px solid #4a8ddd; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#4a8ddd;}
.two dd.tit {color:#4a8ddd;}
.three dt.number {border:5px solid #409bbc; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#409bbc;}
.three dd.tit {color:#409bbc;}
.four dt.number {border:5px solid #71caf2; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#71caf2;}
.four dd.tit {color:#71caf2;}

.one01 dt.number {border:5px solid #842321; color:#842321; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.one01 dd.tit {color:#842321;}
.two01 dt.number {border:5px solid #ab4427; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#ab4427;}
.two01 dd.tit {color:#ab4427;}
.three01 dt.number {border:5px solid #fa6e38; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#fa6e38;}
.three01 dd.tit {color:#fa6e38;}
.four01 dt.number {border:5px solid #ffa338; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#ffa338;}
.four01 dd.tit {color:#ffa338;}

.arrow {display:inline; margin:0 10px;}
.arrow img { height:20px; padding-bottom:36px;}
.down_arrow { text-align:center; margin:10px 0}
.down_arrow img { height:20px;}

/* 초등 커리큘럼*/
.bor_box {text-align:center; display:inline-block; width:100%;}
.box_left { width:40%; border:1px solid #d9d9d9; display:inline-block;}
p.box_tit {text-align:center; padding:10px 0; background-color:#f2f2f2; border-bottom:1px solid #d9d9d9;}
p.box_con {padding:15px;}
p.box_arrow {display:inline-block; margin:50px 10px 0;}
p.box_arrow img { width:20px;}
.co_box {padding:10px 0; background-color:#f2f2f2; border:1px solid #d9d9d9;}
.co_text {padding:15px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.co_none { border-bottom:none;}

/* 중등 load map*/
.introduce_mtitle {color:#0e4fb1; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:20px; text-align:center; margin-bottom:15px;}
.mid_level { color:#68aac8; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin-bottom:5px; margin-left: 5px;}

/* 중등 학사운영 */
.t_cyan { color:#23b9cb;}

/* 중등 커리큘럼*/
.mid_box { display:inline-block; width:100%;}
.mid_left { width:46%; float:left; border:1px solid #d9d9d9;}
.box_left>ul { padding:10px;}

/* textbook */
.book_tab { height:79px;}
.bor { border-bottom:1px solid #d9d9d9}
.lang {border-left:5px solid #ff8400;}
.ava {border-left:5px solid #0e4fb1;}
.textbook_box {background: url(../image/textbook/textbook_bg.png) 95% 15% no-repeat #f2f2f2; background-size:40px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin-bottom:25px;}
.textbook_box a {display:block; width:100%; height:100%;}
.textbook_img {display:inline-block; width:270px; margin:40px 0 40px 45px;}
.textbook_img.test_img {margin:40px 0 70px 45px;}
.textbook_word {display:inline-block; font-size:18px; text-align:right; margin:115px 30px 0 0; line-height:23px; float:right;}
.textbook_word span.book_number {font-size:30px;} 
.textbook_word span.book_tit {margin-bottom:10px; display:inline-block; font-size:35px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";line-height: 2.7rem;}
.lang .book_tit {color:#ff8400;}
.ava .book_tit {color:#0e4fb1;}


/* e-Learing 이러닝소개 랭콘 추가 200423*/
.cl_text { text-align:center; font-size:15px; color:#535353; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.cl_text img { width:231px;}
.cl_text01 { text-align:center; font-size:15px; line-height:25px; color:#535353; }
.cl_text01 span {font-size:18px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
/*[S]폰트 크기 수정 kjj 200520 */
.cl_tit { font-weight: bold; text-align:center; font-size:24px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#357fd4; margin-top:15px;}
.cl_tit01 {font-weight: bold; text-align:center; font-size:24px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#ff8a00; margin-top:15px;}
/*[E]폰트 크기 수정 kjj 200520 */
.cl_list { width: 100%; margin:20px auto 0 auto !important ;text-align:center !important; padding: 0 !important;}
.cl_list li {text-align:center; display:inline-block; padding:0; margin:0 10px 15px; font-size:15px;}
.cl_list li span {font-size:13px;}
.cl_list li img { display:block; margin-bottom:5px; width:90px; }

.study_text {color:#507a9b; font-size:15px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.numberr_list {display: table;margin: 0;padding:0;overflow:hidden; margin-bottom: 8px;}
.numberr_list:last-child {margin-bottom:0px;}
.numberr_list dt.number {float:left;}
.numberr_list .dd{ display:table-cell; margin: 0;padding: 0;vertical-align: middle;}
.numberr_list dd.tit {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:15px; margin-left: 8px; font-weight: 800; display: table;color: #563d1a;}
.numberr_list dd.des {margin-left: 8px; font-weight: 650; font-size: 13px; margin-top: 5px; text-align: left;}
.numberr_list dt.dt_img {width:70px;display: table-cell;}
.numberr_list dd.dd_ul { margin-left:90px !important;}
.numberr_list dt.l_img { border:0 !important; width:100px !important; height:100px !important; margin:0 10px 0 0 !important; padding:0 !important;}

.sublistt {background:#fff1e4;width:100%;padding-top:25px;padding-bottom:25px;display:table;}
.sublistt .tablecell{display: block; width: 419px; margin: 0 auto;}
.island_icon{background: #fff;border-radius: 50%;}
.islandsub {width: 94%; margin: 0 auto;}
.islandsub h4 {color:#282828; padding: 30px 0 0 29px; font-size: 14px; margin:0;}
/* .islandsub h4.langcon {color:#ff8a00; background: url(../image/langcon_h4.png) 28px center no-repeat; padding:30px 0 0 29px;font-size:16px;margin: 13px 0 6px 0;text-align: left;} */
.islandsub h4.langconlevel {color:#ff8a00; background: url(../image/langcon_h4.png) 28px center no-repeat; font-size:16px;margin: 13px 0 6px 0;text-align: left;}
.islandsub h3 {color:#282828;font-size:18px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; letter-spacing:-0.2px; line-height: 24px;}
.islandsub {text-align:center;}
.islandsub table {width: 100%; border-collapse: collapse; border-spacing: 0; }
.islandsub .tab01{line-height: 1.8; font-size:14px; font-weight:bold; color:#563d1a;}
.islandsub img{display:block;margin:20px 0 0 0;margin:0 auto; }
.islandsub .circleimg{max-width:26%;}
.islandsub ul {display:inline-block; text-align: center;}
.islandsub ul .list2 img{margin:0;  }
.islandsub ul .list4 img{margin:0;  }
.islandsub li{text-align: left;margin-bottom: 0;}
.islandsub ul .screen{text-align: left;margin-bottom: 0;width:34%; display:inline-block;}
.islandsub ul.langcon li {background:url(../image/langcon_list.gif) 0 10px no-repeat;}
.islandsub ul.langconrd li {background:url(../image/langcon_list.gif) 0 10px no-repeat; text-align:left !important;}
.islandsub li>h5{color:#563d1a;text-align:left;font-size:15px;margin:10px 0 5px 25px;}
.islandsub h5{color:#563d1a;text-align:left;font-size:15px;margin:10px 0 5px 25px;}
.islandsub li>img{width:100%;text-align:center;margin-top: 7px;}

.eL_icon_wrap{text-align: center; max-width: 500px;}
.eL_icon_wrap::after{display: block; content: ""; clear: both;}
.eL_icon_wrap li:nth-child(1),
.eL_icon_wrap li:nth-child(3){border-right: 1px solid #f2f2f2;}
.eL_icon_wrap li:nth-child(1),
.eL_icon_wrap li:nth-child(2){border-bottom: 1px solid #f2f2f2;}
.eL_icon_wrap p{margin-top: 20px; text-align: left; margin-left: 26px; display: inline-block; text-indent: -0.5px;}
.eL_icon{width: 70px !important;}
.Elearning_new li{padding: 0 0 0 8px;}
.m_br br{display: none;}

table.langconisland td  {border-bottom:1px solid #d9d9d9; padding:14px 13px;text-align: left;vertical-align: top;}
/*table td  {border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; padding:5px 7px;}*/
table.langconisland td span{border: 1px solid #ff8a00;font-weight: bold; color: #ff8a00;padding: 2px 7px; border-radius: 6px;margin-bottom: 8px;  display: inline-block;}
table.langconisland {border-top:1px solid #ff8a00;}
table.langconisland_rd {border-top:1px solid #ff8a00; margin-bottom:40px;}
table.langconisland th {background-color:#fff6ec;width:50%; font-size:12px;}
table.langconisland_rd th {background-color:#fff6ec;font-size:12px;}
table.langconisland_rd td{text-align: left;padding: 13px 14px;}
.topp{ vertical-align:top;}
.islandsub .col{font-weight: bold;font-size: 14px; border: 1px solid red;}
.islandsub .lst_why{width: 94%; margin: 0 auto;}
.islandsub .lst_why li{float: left; width: 50%; font-weight: 650; font-size: 14px;margin-top: 5px; text-align: center; box-sizing: border-box;padding: 0 15px 15px 15px;}
.islandsub .lst_why li span{margin: 0 3px 0 -25px; width:20px;height:20px;line-height:20px;border-radius:10px;background:#563d1a;text-align:center;display:inline-block;margin-right:6px; color:#fff; font-size:12px;font-weight:bold;}
.btn a img {text-align:center;display:block; margin:0 auto;margin: 3% auto 0 auto;}
.islandsub .tab01{margin: 0 auto; width:95%;}

/*회사소개-주주공고*/
.sherenoti h2{ line-height:2}
.sherenoti .txtcon{ background:#f6f6f6; border:1px #ebebeb solid;}
.sherenoti .txtcon p{ display:inline-block; width:90%; text-align:left; margin:.8em 0; font-size:1.2em; line-height:2}
.sherenoti .infoarea{ margin:1.8em 0; width:95%; display:inline-block}
.sherenoti .infoarea .day{ margin:1em 0 2.5em 0; font-size:1.2em}
.sherenoti .infoarea .ceo{ text-align:right; color:#686868}
.sherenoti .infoarea .ceo .name{ font-size:1.2em; font-weight:bold; color:#333; margin-top:1.1em; display:inline-block}

/* 회사소개 */
.vision {background-color:#549cc6; margin:10px 0 0 0; padding:15px 0; color:#FFF; text-align:center; }
.mission {background-color:#345bb2; margin:10px 0 0 0; padding:15px 0; color:#FFF; text-align:center; }
.rules {background-color:#374c7b; margin:10px 0 20px 0; padding:15px 0; color:#FFF; text-align:center; }

.business {width:80%; margin:0; display:inline-block; padding:0; text-align:left}
.business_tit { float:left; display:inline-block; padding:15px 0 10px 15px; }
.business_con {margin:0; padding:15px 15px 10px 120px; }
.business_des { margin:0 0 0 0; padding:0 15px 10px 120px;}

.langcon_circle{width:10px;height:10px;background-color:#faa61a; display:inline-block; border-radius:50px; margin-right:3px;margin-left:3px;}
.ele_circle{width:10px; height:10px; background-color:#a6cb19; display:inline-block; border-radius:50px; margin-right:3px;margin-left:3px;}
.mid_circle {width:10px; height:10px; background-color:#4dbeee; display:inline-block; border-radius:50px; margin-right:3px;margin-left:3px;}
.hi_circle {width:10px; height:10px; background-color:#1467bc; display:inline-block; border-radius:50px; margin-right:3px;margin-left:3px;}
.common_circle {width:10px; height:10px; background-color:#8a8a8a; display:inline-block; border-radius:50px; margin-right:3px;margin-left:3px;}
.global_circle {width:10px; height:10px; background-color:#9954bd; display:inline-block; border-radius:50px; margin-right:3px;margin-left:3px;}

.half_box { width:100%; display:inline-block;}
.half { width:47%; display:inline-block; float:left;}
.half img { width:100px; margin:10px 0;}
.half span { font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#0e4fb1; font-size:25px;}

.manage_list { list-style:none; padding:0; margin:0;}
.manage_list li { display:inline-block; padding:0; margin:5px 20px;}
span.r_circle {background-color:#3160a7; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.l_circle {background-color:#ffae11; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.g_circle {background-color:#ff6060; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.s_circle {background-color:#69c6eb; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.w_circle {background-color:#09a1c1; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.sw_circle {background-color:#93cc9a; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.v_circle {background-color:#737373; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.re_circle {background-color:#abdbe9; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.st_circle {background-color:#d9e45e; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}
span.p_circle {background-color:#ee8c6d; display:inline-block; border-radius:50px; margin:0 0 0 4px; color:#fff; padding: 2px 5px 3px 5px; line-height: 1; font-size: 11px; letter-spacing: 0 !important;}

span.btn_table {text-decoration:underline;}



/* 이용약관 */
ul.none { margin:3px 0 0 0; padding:0;}
ul.none li { margin:0 0 5px 0; padding:0;}
ul.dashed { margin:7px 0 0 7px; padding:0;}
ul.dashed li { margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:dashed 1px #d9d9d9;}

/* HAKUNA */
.ha_dot { border:1px dashed #ccc; padding:20px; border-radius:20px; display:inline-block;}
.ha_dot h3 {margin:10px 0;}
.ha_dot h3 img {width:105px;}
.ha_dot .ha_text {width:65%; float:left;}
.ha_dot .ha_text span {color:#b4353e; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.ha_dot .ha_img {float:left; width:35%; margin:30px 0 0 0;}
table.hakuna { border-top:1px solid #6f6f6f;}
table.hakuna th {background-color:#f5f5f5;}
dl.ha_type01 dt {display:inline-block; font-size:12px; border:2px solid #ffc1c6; border-radius:50px; padding:0 15px; color:#f32b39; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; line-height:28px;}
dl.ha_type01 dd {margin:6px 0 0 3px; padding:0;}
dl.ha_type02 {display:inline-block;}
dl.ha_type02 dt {font-size:16px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#e63643; margin-bottom: 10px;}
dl.ha_type02 dt span.ha_num {background-color:#f16670; border-radius:50px; color:#fff; padding:3px 6px; font-size:13px; display:inline-block; margin-right:5px; line-height:20px;}
dl.ha_type02 dt span.ha_des {font-size:13px; color:#2d2d2d; display:inline-block; margin:0 0 0 5px;}
dl.ha_type02 dd {margin:0; padding:0;}

.left_img {width:45%; float:left; margin-right:10px !important;}
.right_text {float:left; width:50%; margin-top:20px !important;}

/* MATATA */
.ma_box {position:relative; border-bottom:1px dashed #ddd; padding-bottom:35px; margin-bottom:20px;}
.ma_box .des {text-align:center; line-height:20px; margin-bottom:15px;}
.ma_box .des span {display:inline-block; font-size:16px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-style:italic; color:#01b9b5;}
.ma_box a {position:absolute; bottom:15px; right:0; width:150px;}

.ma_type01 dt {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#183969; margin-bottom:3px; font-size:14px; line-height:20px;}
.ma_type01 dt span {display:inline-block; background:#c5cbd6; font-size:12px; color:#fff; padding:0 7px; margin-right:5px;}
.ma_type01 dd {margin:0px 0 0 25px;}
.ma_type02 dt {font-weight:bold; color:#ffa22e; margin-bottom:3px; font-size:14px; line-height:20px;}
.ma_type02 dt span {display:inline-block; background:#efd1ac; font-size:12px; color:#fff; padding:0 7px; margin-right:5px;}
.ma_type02 dd {margin:0px 0 0 25px;}

.ma_pro01 {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:15px; color:#ff9a1d;}
.ma_pro01 img {width:80px; vertical-align:middle; margin-right:5px;}
.ma_pro02 {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:15px; color:#0d9c99;}
.ma_pro02 img {width:80px; vertical-align:middle; margin-right:5px;}
.ma_type03 {text-align:center; margin:10px 0;}
.ma_type03 dt {padding:7px 0; background-color:#e8e8e8; font-size:14px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.ma_type03 dd {margin:0; padding:7px 0; background-color:#f2f2f2;}
.ma_arrow {text-align:center;}
.ma_arrow img {width:20px;}

.ma_bak01 {background: url(../image/bottom/m_special07.png) 0 0 no-repeat; margin:0; color:#fff; padding:0 0 0 10px; line-height:35px; background-size:145px;}
.ma_bak02 {background: url(../image/bottom/m_special08.png) 0 0 no-repeat; margin:0; color:#fff; padding:0 0 0 10px; line-height:35px; background-size:145px;}
.ma_tit {margin:15px 0 8px; font-size:15px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.ma_list01 {background-color:#f2f2f2; margin-top:8px; padding:10px 10px 8px 15px !important;}
.ma_list01 li {background: url(../image/bottom/m_special09.png) 0px 7px no-repeat; background-size:5px; margin-bottom:3px;}
.ma_list02 {background-color:#f2f2f2; margin-top:8px; padding:14px 10px 8px 15px !important;}
.ma_list02 li {margin-bottom:5px; line-height:20px; padding:0;}
.ma_list02 li span {background-color:#f0a649; display:inline-block; margin-right:3px; padding:0 5px; color:#fff; font-weight:bold;}
.ma_list03 {background-color:#f2f2f2; margin-top:8px; padding:10px 10px 8px 15px !important;}
.ma_list03 li {background: url(../image/bottom/m_special10.png) 0px 7px no-repeat; background-size:5px; margin-bottom:3px;}

/* SPEAK UP */
.su_dot { border:1px dashed #ccc; padding:20px; border-radius:20px; display:inline-block;}
.su_dot h3 {margin:10px 0;}
.su_dot h3 img {width:180px;}
.su_dot .su_text {width:80%; float:left; text-align: left;}
.su_dot .su_text span {color:#b4353e; font-weight:bold;}
.su_dot .su_img {float:left; width:20%; margin:0;}

.su_top {text-align:center; background-color:#6ece24; color:#fff; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; padding:7px 0; font-size:14px;}
.su_list {margin:10px 0 0 0; padding:0 0 0 0px;}
.su_list li {margin:0 0 10px 0; padding:0 0 10px 5px; border-bottom:1px dashed #ccc;}
.su_bot {text-align: center;}
img.su_arrow {width:20px; margin-bottom:10px;}

.su_type01 {display:inline-block; margin:0 0 10px 0;}
.su_type01 dt {display:inline-block; font-size:12px; border:2px solid #b5ecff; border-radius:50px; padding:0; color:#0093c5; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; line-height:28px; float:left; width:130px; text-align:center;}
.su_type01 dd {margin:6px 0 0 10px; padding:0; float:left;}
.crealtxt{text-align: center;}


.su_tit01 {margin:0; color:#76bb42;}
.su_tit02 {margin:0; color:#009fd6;}
.su_tit03 {margin:0;}
.su_con {margin-top:10px; line-height:20px;}
.su_con span {display:block; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:14px;}
.su_box {background-color:#f2f2f2; border-radius:15px; padding:10px 15px 15px; margin:10px 0;}
.su_box p {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin:5px 0;}
.su_box ul li {background:url(../image/bottom/s_form07.png) 0 9px no-repeat; margin-bottom:0px;}
.su_character {margin-top:8px; text-align: left;}
.su_character dt {display:inline-block; float:left; width:20px; background-color:#fff; border:1px solid #14b1e7; text-align:center; font-size:12px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin-right:8px; color:#14b1e7;}
.su_character dd {margin:0; }
.su_character dd span {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.su_center {text-align:center;}
.su_level td {border-right:none; border-bottom:1px dashed #d9d9d9;}
.su_level td span.violet {background-color:#7214e7; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}
.su_level td span.indigo {background-color:#333376; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}
.su_level td span.blue {background-color:#097ed5; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}
.su_level td span.green {background-color:#62bb46; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}
.su_level td span.yellow {background-color:#ffdd00; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}
.su_level td span.orange {background-color:#f47920; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}
.su_level td span.red {background-color:#ee3629; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; width:90px; display:inline-block; border-radius:50px; text-align:center; color:#fff; padding:5px 0; margin:5px 0;}

.su_level td:first-child span{margin-right: 5px;}


img.wi_80 {width:80%;}

/* CREAL */
.creal_vis {position:relative; }
.creal_play { width:120px; background: #1c6ab3; padding: 10px; font-weight: bold; color: #fff;  border-radius: 30px;  margin: 20px 0; display: inline-block;}
.creal_box {background-color:#f2f2f2; padding:15px;}
.creal_box p span.creal_hit {color:#f8956e; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum";}
.c_tit {margin:0 0 20px 0; color:#848484; font-size:16px; text-align:center;}
.creal_bold {font-size:18px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#f8956e; display:block; margin:0}
.creal_center {margin-top:10px;}

/* BOOMBOOK */
.b_h3 {margin:0;color: #ff8814;}
.b_h3 img {height:20px;}
.b_h4 { color:#333 !important; margin:0 !important; padding:0 !important;}
.b_h4 img {width:18px; margin-right:3px; vertical-align:middle;}
.b_text75 {width:74%; display:inline-block;text-align: left;}
.b_img25 {width:25%; display:inline-block;}
.b_box {background-color:#f2f2f2; padding:15px; border-radius:15px; margin-top:10px;}
.b_box p {font-size:12px;}
.b_box p span {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; display:block; margin-bottom:3px; font-size:13px;}
.bot_bor {border-bottom:1px dashed #ccc; margin-bottom:20px; padding-bottom:20px;}
.b_list01 li {background:url(../image/bottom/s_form07.png) 0 9px no-repeat;  padding-left: 7px;}
.b_color {color:#7d58a7; margin:0;}
.b_tit {font-size:14px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin:10px 0;}
.gray_text {color:#949494; font-size:12px; display:block;}
.b_info {background-color:#f4effc; color:#a22e69; font-weight:bold; line-height:22px; display:inline-block; padding:0 8px; font-size:12px; margin-left:10px;}
.bak_yellow {background-color:#ffb400; color:#fff; font-size:12px; display:inline-block; margin-left:5px; border-radius:20px; padding:0 10px;}
.b_gray {color:#616161; margin:0; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin-top:15px;}
.b_dash {border:1px dashed #ccc; padding:15px; border-radius:15px; margin-top:10px;}
.b_bold {color:#7d58a7; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; margin-bottom:5px;}

/* DOTORI LIBRARY */
.d_vis { text-align:center;}
.d_vis img { margin:0 0 20px 0;width:85%;}
.d_center {text-align:center;}
.d_center li {padding:0; margin:0 0 5px 0; font-size: 18px;}
.d_center li span {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size:20px; color:#5942ac;}
.d_tit {font-size:31px; font-weight:bold; text-align:center;line-height: 46px; }
.d_tit .brwn{font-size: 47px;color:#381e00;}
.d_tit .pp{font-size: 44px; color: #5942ac;}


.d_form {margin:0 0 15px 0; font-size:15px;}
.d_form span {font-size:16px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; display:block; color:#5942ac; margin:0;}
.d_box {background-color:#f2f2f2; padding:15px;}
.d_box .d_boxtit01 {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#5942ac; font-size:14px; margin-bottom:10px;}
.d_box .d_boxtit01 span {background-color:#5942ac; color:#fff; padding:0 5px; font-size:12px; display:inline-block; margin-right:5px;} 
.d_box .d_boxtit02 {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#5942ac; font-size:14px; margin-bottom:10px;}
.d_box .d_boxtit02 span {background-color:#381e00; color:#fff; padding:0 5px; font-size:12px; display:inline-block; margin-right:5px;}
.d_box .d_boxtit02 img {width:110px; vertical-align:middle;}
.d_plus {text-align:center; margin:15px 0;}

.d_process {display:inline-block; margin:0;}
.d_process dt {display:inline-block; font-size:45px; line-height:45px; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; color:#ddd; float:left; margin:0 5px 0 0;}
.d_process dd {display:inline-block; float:left; margin:4px 0 0 0px; color:#8a8a8a; line-height:20px;}
.d_process dd span {display:block; color:#333; font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; font-size: 15px; text-align: left;}


.d_reading {margin:5px 0 20px; font-size:14px;}

/* SKILL BUILDER */
.skill_con {}
.skill_box {border:1px dashed #ccc; padding:15px 20px; border-radius:20px; margin-bottom:20px; display:inline-block;}
.skill_box .skill_text {float:left; width:57%;}
.skill_box .skill_img {float:right; width:40%;}
.skill_h3 {margin:0 0 5px 0; font-size:16px; color:#89363e; letter-spacing:-1px;}
.skill_list {padding:0; margin:10px 0 0 0;}
.skill_list li {padding:5px 0 0 84px; position:relative; margin-bottom:10px;}
.skill_list li span {font-size:12px; border-radius:0 8px 0 8px; display:inline-block; padding:3px 7px; font-weight:bold; background:#635d5f; color:#ffffff; width:55px; letter-spacing:-1px; text-align:center; position:absolute; top:0; left:0;}
.skill_area {padding:0 !important; margin-top:10px;}
.skill_area li {margin:0 0 15px 0; padding:0; display:inline-block; width:100%;}
.skill_area li img {display:inline-block; float:left; width:56px; margin-right:20px;}
.skill_area li span {font-family:"NotoSansKR-Medium", "NanumGothic", "Dotum"; border:2px solid #e4a0a9; border-radius:100px; letter-spacing:-1px; padding:0 10px; line-height:20px; color:#e4a0a9; margin:9px 0 6px 0; display:inline-block;}

/* open 팝업 상세  공통 부분*/
.open_wrap .address{width:100%; background:#000; display:flex; padding:10px; }
.open_wrap .address .pointer{flex-wrap:nowrap; width:10%; margin:1%}
.open_wrap .address .detail{flex-wrap:nowrap; width:85%; }
.open_wrap .address .detail_dobong{flex-wrap:nowrap; width:85%; text-align:left; margin-left:3%;}
.open_wrap .address .detail_dobong a{text-align:left; margin-left:-0.2%;}
.open_wrap p{color:white; padding-top:8px; text-align:center}
.open_wrap p a{margin-left:5%; cursor:pointer; vertical-align:center}

/* 1107 19겨울학기 팝업 랭콘*/
.lang_con{max-width: 100%; padding:20px;}
table{word-break: keep-all;}


/* Test 초등, 중등 */
/* .test_wrap{display: block; max-width: 768px; margin: 0 auto; text-align: center; font-size: 13px;} */
.test_wrap table{width: 100%;}
.test_wrap table th{font-size: 13px;}
.test_wrap table td{background: #fff;}
.header.header_test{border-bottom: 1px solid #d9d9d9;}
.title_margin{margin-bottom: 12px;}
.test_wrap .center_bold{text-align: center; font-weight: bold;color: #616161; background: #f8f9f9;}
.table.elementary_new th{background: #def2fa;}
.sub_title_bg{background: #f5fcff;}
.top_line{vertical-align: top;}

.tab_test{overflow: hidden;border: 1px solid #ccc;background-color: #f1f1f1;margin-top: 30px; background-color: #f2f2f2;}
.tab_test .tablinks{ width: 50%;height: 39px;line-height: 39px; float: left; font-weight: bold; color: #282828;border: none;outline: none;cursor: pointer; font-size:15px;text-decoration: none; display: block;transition: 0.3s;}
.tab_test button.active {background-color: #3ca8df;color: #fff;}
.tab_test button.middle_color.active {background-color: #0e4fb1;color: #fff;}
.tabcontent {display: none;}
.tabcontent table td{text-align: center;}

.test_step_ele_in{width: 45%; display: inline-block; margin:0 2%;}
.ele_score{display: inline-block;}
.ele_score_slider{display: none;}
.mid_score_slider{display: none;}


.slash_box_in{background: #fff; padding: 15px 18px;}
.type_name{font-size: 20px; font-weight: 900;color: #7b7b7b;margin-bottom: 10px;}
.slash_box_in ul{width: 80%; margin: 0 auto;}
.slash_box_in li{text-align: center;color: #fff; font-weight: bold; font-size: 14px; line-height: 17px; padding: 10px 0;}

.slash_box_in .step_ele_01{background: #7ccbff;}
.slash_box_in .step_ele_02{background: #4bb7ff;}
.slash_box_in .step_ele_03{background: #3ca8df;}
.slash_box_in .step_ele_04{background: #1e96d3;}
.slash_box_in .step_ele_05{background: #0083dc;}
.slash_box_in .step_ele_05.display_no{display: block;}

.slash_box_in span{display: block;}
.slash_box_in .p_span{display: block; font-size: 11px;margin-bottom: 5px; color: #fff; opacity: 0.8;}

.test_step_middle_in{width: 68.5%; display: inline-block; margin:0 auto;}

.slash_box_in .step_mid_01{background: #b4d2ff;}
.slash_box_in .step_mid_02{background: #8ab9ff;}
.slash_box_in .step_mid_03{background: #5890e4;}
.slash_box_in .step_mid_04{background: #0e4fb1;}

.slash_box_in .step_lang_01{background: #ffbf26;}
.slash_box_in .step_lang_02{background: #ff9b26;}
.slash_box_in .step_lang_03{background: #ff6529;}
.slash_box_in .step_lang_04{background: #c03611;}

.history{display: block; position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.history>img{width: 137px !important;}



.header--stick{transform: translateX(-50%)!important; left: 50% !important;}
.header { max-width: 940px;}
.header--clone{transform: translateX(-50%)!important; left: 50% !important;}


/*page - 영어글쓰기 대회*/
.line{border-top:1px solid #d9d9d9;}
.wCont{margin-top: 30px;}
.hip-item{position: relative; width: 70%; margin: 0 auto; margin-bottom: 15px; border:1px solid #d9d9d9;}
.hip-item img{width: 100%;}

.wCont .hip-grid .statebx{line-height: initial;display: table; width: 120px; height: 120px;position: absolute;top: 0; right: 0;font-size: 16px;font-weight: 700;transition: all 0.3s;color: #fff;}
.wCont .hip-grid .statebx span{display: table-cell;line-height: initial;vertical-align: middle; line-height:1.4}
.wCont .hip-grid .ing { background: #ff6501}
.wCont .hip-grid .end {background: #6d6d6d}
.wCont .hip-grid .audit {background: #ff9c00}
.introduce_title.red{color: #ff5852; font-weight: 700;}
.introduce_title.blue{color: #3f53a4; font-weight: 700;}
.introduce_text.s{font-size: 16px;}
.gs{color: #6d6d6d; line-height: 20px; font-size: 15px;}




/*iPad Pro*/
@media screen and (min-width:1023px){	
	.open_wrap .address .pointer{flex-wrap:nowrap; width:6%; height:4%; margin-left:14%}
	.open_wrap p{color:white; padding-top:25px; font-size:2em}
	.btn a img {width:53%;}
}

/*iPad*/
@media screen and (min-width:768px) and (max-width:1023px){
	#wrap{ width:100%}

	/* 영어글쓰기대회 */
	.introduce_title{font-size: 20px;}
	.introduce_text.s{font-size: 20px;line-height: 1.3;}
	.hip-item{width:90%}
	.wCont .hip-grid .statebx{width: 105px;height: 105px;font-size: 20px;}
	.wCont .hip-grid .statebx span div{font-size: 18px;}


	.open_wrap .address .pointer{flex-wrap:nowrap; width:5%; margin-left:10%}
	.open_wrap .address .detail_dobong{text-align:left; margin-left:3%;}
	.open_wrap p{color:white; padding-top:8px;  font-size:1.6em}
	/*랭콘아일랜드4.0 이러닝*/
	.cl_tit01 {font-weight: bold;}
	.islandsub .circleimg{max-width:33%;margin-top: 20px; margin-bottom: 10px;}
	.btn a img {width:53%;}

	
}
@media screen and (min-width:720px) and (max-width:767px){
	#wrap{ width:100%}

	/*랭콘아일랜드4.0 이러닝*/
	.btn a img {width: 57%;}

			/* 이러닝 */
			.co_box{padding: 5px 0;}
			.L_top_icon{height: 55px;}
			.L_icon_wrap li{margin: 0; width: 100px;}
			.L_icon_wrap li span{font-size: 14px;}
			.L_icon_wrap li:nth-child(even){width: 14px;}
			.L_icon{width:50px;}
			.L_arrow{width: 14px; margin-top: 20px;}
			.C_arrow{width: 14px; padding: 18px 0;}
		
			.eL_icon{width:50px !important;} 
			
	.history{display: none;} 		
}



@media screen and (min-width:641px) and (max-width:720px){
	#wrap{ width:100%}

	/* 영어글쓰기대회 */
	.hip-item{width:100%}
	.wCont .hip-grid .statebx{width: 65px;height: 65px;font-size: 14px;}
	.wCont .hip-grid .statebx span div{font-size: 12px;}
	
	
	/* textbook */
	.textbook_box {background: url(../image/textbook/textbook_bg.png) 95% 15% no-repeat #f2f2f2; background-size:40px; margin-bottom:25px;}
	.textbook_img {width:270px; margin:40px 0 40px 45px;}
	.textbook_word {font-size:18px; margin:125px 30px 0 0; line-height:23px;}
	.textbook_word span.book_number {font-size:30px;} 
	.textbook_word span.book_tit {font-size:35px;}
	/*랭콘아일랜드4.0 이러닝*/
	.btn a img {width: 57%;}

		/* 이러닝 */
		.co_box{padding: 5px 0;}
		.L_top_icon{height: 55px;}
		.L_icon_wrap li{margin: 0; width: 100px;}
		.L_icon_wrap li span{font-size: 14px;}
		.L_icon_wrap li:nth-child(even){width: 14px;}
		.L_icon{width:50px;}
		.L_arrow{width: 14px; margin-top: 20px;}
		.C_arrow{width: 14px; padding: 18px 0;}
	
		.eL_icon{width:50px !important;} 
		.history{display: none;} 		
}



@media screen and (min-width:481px) and (max-width:640px) {
	#wrap{ width:100%}

	/* 영어글쓰기대회 */
	.hip-item{width:100%}
	.wCont .hip-grid .statebx{width: 65px;height: 65px;font-size: 14px;}
	.wCont .hip-grid .statebx span div{font-size: 12px;}

	/* textbook */
	.textbook_box {background: url(../image/textbook/textbook_bg.png) 95% 15% no-repeat #f2f2f2; background-size:35px; margin-bottom:20px;}
	.textbook_img {width:210px; margin:30px 0 30px 30px;}
	.textbook_word {font-size:15px; margin:95px 21px 0 0; line-height:20px;}
	.textbook_word span.book_number {font-size:23px;} 
	.textbook_word span.book_tit {font-size:28px; line-height: 1em;}
	
	.textbook_img.test_img {margin:30px 0 60px 0 !important;}

	/*랭콘아일랜드4.0 이러닝*/
	.container.no_pad {padding: 20px 0 1px 0;}
	.cl_tit01 {font-weight: bold;}
	.islandsub .circleimg{max-width:39%;margin-top: 20px; margin-bottom: 10px;}
	.btn a img {width: 60%;}
	.islandsub .tab01{ font-size:13px; }
	.islandsub .lst_why li {font-size: 14px;}
	
	.manage_list li{ width:49%; font-size:.9em}
	.cl_list { width: 80%;}

	/* 이러닝 */
	.co_box{padding: 5px 0;}
	.L_top_icon{height: 55px;}
	.L_icon_wrap li{margin: 0; width: 100px;}
	.L_icon_wrap li span{font-size: 14px;    margin-top: 4px;}
	.L_icon_wrap li:nth-child(even){width: 14px;}
	.L_icon{width:50px;}
	.L_arrow{width: 14px; margin-top: 20px;}
	.C_arrow{width: 14px; padding: 18px 0;}

	.eL_icon{width:50px !important;} 

	.m_br br{display: block;}


	/*test*/
	.container ul.langcon li {background:url(../image/langcon_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.elementary li {background:url(../image/elementary_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.middle li {background:url(../image/middle_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.book li {background:url(../image/book_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}
	.container ul.elearn li {background:url(../image/elearn_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}

	.history{display: none;} 	

}

@media screen and (min-width:375px) and (max-width:480px) {
	
		.history{display: none;} 	
}



@media screen and (min-width:371px) and (max-width:480px) {
	#wrap{ width:100%}
	.container{padding: 14px;}
	
	/* 영어글쓰기대회 */
	.hip-item{width:100%}
	.wCont .hip-grid .statebx{width:55px;height:55px;font-size: 13px;}
	.wCont .hip-grid .statebx span div{font-size: 11px;}


	/* textbook */
	
	/*Pixel 2, iphoneX, iphone 6/7/8*/
	.open_wrap .address .pointer{flex-wrap:nowrap; width:8%; height:6%; margin-left:2%; margin-right:1%}
	.open_wrap p{color:white; padding-top:6px; text-align:center; font-size:1em; margin-left:-10px}
	
	.textbook_box {background: url(../image/textbook/textbook_bg.png) 95% 15% no-repeat #f2f2f2; background-size:25px; margin-bottom:20px;}
	.textbook_img {width:150px; margin:25px 0 25px 25px;}
	.textbook_word {font-size:13px; margin:64px 17px 0 0; line-height:18px;}
	.textbook_word span.book_number {font-size:20px;} 
	.textbook_word span.book_tit {font-size:23px;line-height: 1em;}
	.small {width:130px; margin:32px 0 32px 25px;}
	.test_img{width:140px; margin:30px 0 60px 0 !important;}

	.btn a img {text-align:center;display:block;width: 83%;}
	.islandsub img{width:80%;}
	.numberr_list dt.dt_img { border:0 !important; width:60px !important; height:60px !important; }
	.cl_text img {width: 40%;}
	
	/*랭콘아일랜드4.0 이러닝*/
	.container.no_pad {padding: 20px 0 1px 0;}
	.cl_tit01 {font-weight: bold;}
	.sublistt .tablecell{ width:80%; }
	.islandsub .circleimg{max-width:55%;margin-top: 20px; margin-bottom: 10px;}
	.islandsub h4 {font-size: 15px;}
	.islandsub h3 {font-size: 18px; margin: 15px 0 0 0;}
	.container h4.langcon {background: url(../image/langcon_h4.png) 0 13px no-repeat; padding:10px 0 5px 18px;}
	/* .islandsub h4.langconlevel {color:#ff8a00; background: url(../image/langcon_h4.png)no-repeat; font-size:15px;margin: 0;} */
	.islandsub table { border-collapse: collapse;border-spacing: 0; }
	.islandsub .tab01{ font-size:12px; }
	.islandsub ul .screen{text-align: left;margin: 0;width:44%; padding: 0 6px 0 0;display:inline-block;}
	.islandsub ul .screen:nth-child(2n){ padding: 0;}
	.islandsub .lst_why li {font-size: 14px;}
	table.langconisland td {padding: 16px 8px;}
	.islandsub ul.langcon li{margin-top: 4px;letter-spacing: -0.8px;}
	table.langconisland_rd td {padding: 13px 5px;letter-spacing: -0.8px;}
	
	.d_tit {font-size:21px; font-weight:bold; text-align:center;line-height: 31px; }
	.d_tit .brwn{font-size: 27px;color:#381e00;}
	.d_tit .pp{font-size: 26px; color: #5942ac;}
	.d_center li {font-size: 14px;}
	.d_center li span { font-size: 18px;}
	
	.manage_list li{ width:49%; font-size:.8em; margin:5px 0}	
	
	/*회사소개-주주공고*/
	.sherenoti h2{ line-height:1.5; font-size:1.5em}
	.sherenoti .txtcon p{ line-height:1.8;  font-size:1.15em}
	.sherenoti .infoarea{ margin:1.1em 0}

	.cl_list { width: 80%;}

	
	.co_box{padding: 5px 0;}
	td>.L_arrow{margin: 0;}
	.L_top_icon{height: 50px;}
	.L_icon_wrap li{margin: 0; width: 95px;}
	.L_icon_wrap li span{font-size: 13px;     margin-top: 4px;}
	.L_icon_wrap li:nth-child(even){width: 12px;}
	.L_icon{width:45px;}
	.L_arrow{width: 12px; margin-top: 20px;}
	.C_arrow{width: 12px;padding: 16.5px 0;}
	
	.eL_icon{width:45px !important;}

	.islandsub .lst_why li{padding: 0 10px 15px 10px;}

	.m_br br{display: block;}


	/*test*/
	.container ul.langcon li {background:url(../image/langcon_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.elementary li {background:url(../image/elementary_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.middle li {background:url(../image/middle_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.book li {background:url(../image/book_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}
	.container ul.elearn li {background:url(../image/elearn_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}

	.history{display: none;} 	

}

/*iphone 5/SE*/
@media screen and (min-width:320px) and (max-width:375px) {
	body{ min-width:100%}
	#wrap{ width:100%}
	.container{padding: 10px;}
	
	
	/* 영어글쓰기대회 */
	.introduce_title{font-size: 18px;}
	.introduce_text.s{font-size: 13px;}
	.hip-item{width:100%}
	.wCont .hip-grid .statebx{width:55px;height:55px;font-size: 13px;}
	.wCont .hip-grid .statebx span div{font-size: 10px;}
	
	ul.tabs li {margin:0 5px; padding:0}
	.philosophy_title p.lp_auto { width:250px;}
	.cl_list {margin:20px 0 0 10px;}
	.test_step {font-size:13px; width:25%;}
	.business_con {margin:0; padding:15px 15px 10px 100px; }
	.business_des { margin:0 0 0 0; padding:0 15px 10px 100px;}
	
	.d_tit {font-size:21px; font-weight:bold; text-align:center;line-height: 31px; }
	.d_tit .brwn{font-size: 27px;color:#381e00;}
	.d_tit .pp{font-size: 26px; color: #5942ac;}
	.d_center li {font-size: 14px;}
	.d_center li span { font-size: 18px;}
	
	
	/*Galaxy S5*/
	.open_wrap .address .pointer{flex-wrap:nowrap; width:8%; height:6%; margin-left:4%}
	.open_wrap p{color:white; padding-top:6px; text-align:center; font-size:0.9em; margin-left:-15px}

	/* textbook */
	.textbook_box {background: url(../image/textbook/textbook_bg.png) 95% 15% no-repeat #f2f2f2; background-size:25px; margin-bottom:15px;}
	.textbook_img {width:140px; margin:25px 0 25px 15px;}
	.textbook_word {font-size:12px; margin:68px 14px 0 0; line-height:16px;}
	.textbook_word span.book_number {font-size:18px;} 
	.textbook_word span.book_tit {font-size:20px; margin-bottom:7px;line-height: 1em;}
	.small {width:110px; margin:35px 0 35px 15px;}
	.test_img{width:135px; margin:30px 0 40px 0 !important;}
	.btn a img {text-align:center;display:block; margin:2% 3.5% 0 auto; width:89%;}

	.islandsub img{width:90%;}
	/*랭콘아일랜드4.0 이러닝*/
	.sublistt .tablecell{ width:88%; }
	.cl_tit01 {font-weight: bold;}
	.numberr_list dt.dt_img{width: 63px;}
	.numberr_list dd.des {font-size: 13px;margin-top: 0;}
	.islandsub .circleimg{max-width:60%;margin-top: 20px; margin-bottom: 10px;}
	.islandsub h3 {font-size: 16px; margin: 15px 0 0 0;}
	.container h4.langcon {background: url(../image/langcon_h4.png) 0 13px no-repeat; padding:10px 0 5px 18px;}
	/* .islandsub h4.langcon {color:#ff8a00; background: url(../image/langcon_h4.png) 8px 22px no-repeat; padding:19px 0 0 25px;font-size:15px;margin: 0;} */
	.islandsub h4.langconlevel {color:#ff8a00; background: url(../image/langcon_h4.png) 3px 26px no-repeat; font-size:15px;margin: 0;}
	.islandsub table {width: 98%; border-collapse: collapse;border-spacing: 0;}
	.islandsub .tab01{ font-size:12px; }
	.islandsub .lst_why li span{width: 18px;height: 18px; line-height: 18px; }
	table.langconisland td {padding: 17px 4px;}
	table.langconisland_rd td {padding: 17px 5px;}
	.islandsub ul .screen {width: 45%;}
	.islandsub li>img {margin-top: 8px;}
	.cl_text img {width: 50%;}
	
	.manage_list li{ width:49%; font-size:.85em;; margin:5px 0;letter-spacing: -0.7px;}
		
	/*회사소개-주주공고*/
	.sherenoti h2{font-size:1.3em; line-height:1.5}
	.sherenoti .txtcon p{line-height:1.6;  font-size:1.1em}
	.sherenoti .infoarea{margin:1.1em 0}
	.sherenoti .infoarea .day{margin:1.1em 0; margin:.5em 0 1.5em 0; font-size:1.1em}	

	.cl_list { width: 80%;}


	/* 이러닝 */
	.class_online{width: 100% !important; margin: 20px auto 0 auto;}
	.co_box{padding: 5px 0;}
	td>.L_arrow{margin: 0;}
	.L_top_icon{height: 50px;}
	.L_icon_wrap li{margin: 0; width: 84px;}
	.L_icon_wrap li span{font-size: 12px;     margin-top: 4px;}
	.L_icon_wrap li:nth-child(even){width: 12px;}
	.L_icon{width:45px;}
	.L_arrow{width: 12px; margin-top: 20px;}
	.C_arrow{width: 12px;padding: 16.5px 0;}
	.eL_icon{width:45px !important;}
	.m_br br{display: block;}

	/*test*/
	.container ul.langcon li {background:url(../image/langcon_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.elementary li {background:url(../image/elementary_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.middle li {background:url(../image/middle_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.book li {background:url(../image/book_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}
	.container ul.elearn li {background:url(../image/elearn_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}

	.history{display: none;} 	
}


@media screen and (min-width:320px) and (max-width:374px) {
		body{ min-width:100%}
			.history{display: none;} 		

}


@media screen and (max-width:320px) {
	body{ min-width:100%}
	#wrap{ width:100%}
	.container{padding: 10px;}
	
	/* 영어글쓰기대회 */
	.introduce_title{font-size: 18px;}
	.introduce_text.s{font-size: 13px;}
	.hip-item{width:100%}
	.wCont .hip-grid .statebx{width:50px;height:50px;font-size: 11px;}
	.wCont .hip-grid .statebx span div{font-size:9px;}

	
	h1{ font-size:1.2em;}
	.header .a_home img{ width:30px}

	ul.tabs li {margin:0 5px; padding:0}
	.philosophy_title p.lp_auto { width:250px;}
	.business_con {margin:0; padding:15px 15px 10px 100px; }
	.business_des { margin:0 0 0 0; padding:0 15px 10px 100px;}
	.philosophy_title .lp_h3 {font-size:14px;}
	.test_step {font-size:13px; width:28%;}
	.p_test01>.test_step {padding:15px 15px 33px 15px;}
	.p_test02>.test_step {padding:15px 15px 45px 15px;}
	.p_test03>.test_step {padding:15px 15px 89px 15px;}
	.cl_text {font-size:14px;}
	
	.number_list dt.l_two img {margin-top:20px;}
	.number_list dt.l_three img {margin-top:20px;}
	
	/* textbook */
	.textbook_box {background: url(../image/textbook/textbook_bg.png) 95% 15% no-repeat #f2f2f2; background-size:25px; margin-bottom:15px;}
	.textbook_img {width:130px; margin:25px 0 25px 15px;}
	.textbook_word {font-size:11px; margin:58px 14px 0 0; line-height:16px;}
	.textbook_word span.book_number {font-size:18px;} 
	.textbook_word span.book_tit {font-size:20px; margin-bottom:7px;line-height: 1em;}
	.small {width:100px; margin:35px 0 35px 15px;}
	.test_img{width:130px; margin:30px 0 35px 0 !important;}


	/*랭콘아일랜드4.0 이러닝*/
	.container.no_pad {padding: 20px 0 1px 0;}
	.sublistt .tablecell{ width:87%; }
	.islandsub .circleimg{max-width:67%;margin-top: 20px; margin-bottom: 10px;}
	.islandsub h3 {font-size: 14px; margin: 15px 0 0 0;}
	.container h4.langcon {background: url(../image/langcon_h4.png) 0 13px no-repeat; padding:10px 0 5px 18px;}
	/* .islandsub h4.langcon {color:#ff8a00; background: url(../image/langcon_h4.png) 9px 24px no-repeat; padding:20px 0 6px 27px;font-size:14px;letter-spacing: -0.8px;margin: 0;} */
	.islandsub h4.langconlevel {color:#ff8a00; background: url(../image/langcon_h4.png) 5px center no-repeat; font-size:16px;}
	.islandsub table {width: 98%; border-collapse: collapse;border-spacing: 0; letter-spacing: -0.8px;margin-bottom: 10px;}
	.islandsub .tab01{ font-size:12px; }
	.numberr_list dt.dt_img {width: 50px; display: table-cell;}
	.islandsub .lst_why li {font-size: 14px;text-align: left;font-weight: bold;padding: 0;}
	.islandsub h4 {font-size: 14px;}
	.cl_tit01 {font-size: 24px;margin-top: 11px;font-weight: bold;}
	.numberr_list {margin-bottom: 11px;}
	/*.container li {padding: 0;}*/
	.btn a img {text-align:center;display:block; margin: 5% 0 0 7%; width: 88%;}
	.islandsub img{width:90%;}
	.islandsub .lst_why li{padding: 0 5px 15px 5px;}
	.islandsub .lst_why li span{width: 15px;height: 15px; line-height: 15px;margin: 0 3px 0 -20px;}
	table.langconisland td {padding: 10px 4px;}
	.islandsub ul .screen{text-align: left;margin: 0;width:90%; display:inline-block;}
	.islandsub ul .screen{float: left;   margin: 0 4% 0 4%; padding: 0;}
	.islandsub ul.langcon li {padding: 0 0 0 8px;letter-spacing: -0.8px;}
	.islandsub ul.langconrd li {padding: 0 0 0 8px;}
	.cl_text img {width: 54%;}
	/*.islandsub ul {letter-spacing: -0.8px;}*/
	table.langconisland_rd td {padding: 13px 4px;}
	
	.manage_list li{ width:49%; font-size:.85em; margin:5px 0;letter-spacing: -0.7px;}	
	
	/*회사소개-주주공고*/
	.sherenoti h2{font-size:1.2em; line-height:1.5}
	.sherenoti .txtcon p{line-height:1.6;  font-size:1em}
	.sherenoti .infoarea{margin:1.1em 0}
	.sherenoti .infoarea .day{margin:1.1em 0; margin:.5em 0 1.5em 0; font-size:1.1em}
	.sherenoti .infoarea .ceo p{ font-size:.8em}

	.cl_list { width: 80%;}
	.inner_box {padding: 15px 10px;}
		
	/* 이러닝 */
	.class_online{width: 100% !important; margin: 20px auto 0 auto;}
	.co_box{padding: 5px 0;}
	td>.L_arrow{margin: 0;}
	.L_top_icon{height: 50px;}
	.L_icon_wrap li{margin: 0; width: 78px;}
	.L_icon_wrap li span{font-size: 12px;     margin-top: 4px;}
	.L_icon_wrap li:nth-child(even){width: 12px;}
	.L_icon{width:45px;}
	.L_arrow{width: 12px; margin-top: 20px;}
	.C_arrow{width: 12px;padding: 16.5px 0;}
	
	.eL_icon{width:45px !important;}

	.m_br br{display: block;}
	
	/*test*/
	.container ul.langcon li {background:url(../image/langcon_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.elementary li {background:url(../image/elementary_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.middle li {background:url(../image/middle_list.gif) 0 7px no-repeat; /*padding-left: 7px;*/}
	.container ul.book li {background:url(../image/book_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}
	.container ul.elearn li {background:url(../image/elearn_list.gif) 0 7px no-repeat;  /*padding-left: 7px;*/}

	.history{display: none;}

}

@media screen and (max-width:640px){

	.table_pc{display: block;}
	.table_mo{display: none;}
}



@media screen and (min-width:0) and (max-width:640px) {

	.table_pc{display: none;}
	.table_mo{display: block;}

	/* Test 초등, 중등 */
	.w_scroll{position:relative; overflow:scroll;}
	.w_scroll table{position: relative; border-collapse: separate; box-sizing: border-box;}
	.w_scroll thead{position: relative; box-sizing: border-box;}
	.w_scroll tbody{position: relative; box-sizing: border-box;}


	.test_wrap table th{font-size: 11px; padding: 5px; line-height: 1.2rem;box-sizing: border-box;}
	.test_wrap table th.mw151{min-width: 124px; max-width: 124px; width: 124px;}
	.test_wrap table th.mw55{min-width: 55px; width: 55px; max-width: 55px;}
	.test_wrap table th.mw73{min-width: 73px; width: 73px; max-width: 73px;}
	.test_wrap table th.mw84{min-width: 90px; width: 90px; max-width: 90px;}
	.test_wrap table th.mw180{min-width: 180px; width: 180px; max-width: 180px;}
	.test_wrap table td{font-size: 11px; padding: 5px; line-height: 1.2rem;box-sizing: border-box;}
	.test_wrap table td.mw55{min-width: 55px; width: 55px; max-width: 55px;}
	.test_wrap table td.mw84{min-width: 90px; width: 90px; max-width: 90px;}

	.sticky{position: sticky;z-index: 10;}
	.sticky.s01{top: 0; left: 0; min-width: 160px;  max-width: 160px;width: 160px;}
	.sticky.s02{left: 0; min-width: 51px !important; max-width: 51px !important; width: 51px !important;}
	.sticky.s03{left: 51px;min-width: 40px !important; max-width: 40px !important; width: 40px !important;}
	.sticky.s04{left: 91px;min-width: 69px !important; max-width: 69px !important; width: 69px !important;}
	.sticky.s05{left: 91px;min-width: 69px !important; max-width: 69px !important; width: 69px !important;}
	.sticky.s06{left: 51px;min-width: 40px !important; max-width: 40px !important; width: 40px !important;}
	.sticky.s07{left: 91px;min-width: 69px !important; max-width: 69px !important; width: 69px !important;}
	.sticky.s08{left: 0; min-width: 160px !important; max-width: 160px !important; width: 160px !important;}
	.sticky.s09{left: 0;min-width: 160px !important; max-width: 160px !important;width: 160px !important;}
	.sticky.s10{left: 0; min-width: 51px !important; max-width: 51px !important; width: 51px !important;}
	.sticky.s11{left: 51px; min-width: 109px !important;  max-width: 109px !important; width: 109px !important;}
	.sticky.s12{left: 0; min-width: 160px !important;max-width: 160px !important; width: 160px !important;}

	.sticky.s13{top: 0; left: 0;  min-width: 160px !important;  max-width: 160px !important;width: 160px !important;}
	.sticky.s14{left: 0; min-width: 40px !important; max-width: 40px !important; width: 40px !important;}
	.sticky.s15{left: 40px; min-width: 35px !important; max-width: 35px !important; width: 35px !important;}
	.sticky.s16{left: 75px; min-width: 85px !important; max-width: 85px !important; width: 85px !important;}
	.sticky.s17{left: 75px;min-width: 85px !important; max-width: 85px !important; width: 85px !important;}
	.sticky.s18{left: 40px;min-width: 35px !important; max-width: 35px !important; width: 35px !important;}
	.sticky.s19{left: 75px;min-width: 85px !important; max-width: 85px !important; width: 85px !important;}
	.sticky.s20{left: 75px;min-width: 85px !important; max-width: 85px !important; width: 85px !important;}
	.sticky.s21{left: 0; min-width: 160px;max-width: 160px; width: 160px;}

	.sticky.s22{top: 0; left: 0; min-width: 160px;max-width: 160px; width: 160px;}
	.sticky.s23{left: 0; min-width: 51px !important; max-width: 51px !important; width: 51px !important;}
	.sticky.s24{left: 51px; min-width: 40px !important; max-width: 40px !important; width: 40px !important;}
	.sticky.s25{left: 91px; min-width: 69px !important; max-width: 69px !important; width: 69px !important;}
	.sticky.s26{left: 51px;}
	.sticky.s27{left: 91px;}
	.sticky.s28{left: 51px;}
	.sticky.s29{left: 91px;}
	.sticky.s30{left: 0;}

	.sticky.s31{left: 0;min-width: 160px;max-width: 160px; width: 160px;}
	.sticky.s32{left: 0;min-width: 51px !important; max-width: 51px !important; width: 51px !important;}
	.sticky.s33{left: 51px; min-width: 109px !important;  max-width: 109px !important; width: 109px !important;}
	.sticky.s34{left: 0;}

	.test_step_ele .test_step_ele_in:first-child{margin-bottom: 10px;}
	.test_step_ele_in{width: 100%; margin: 0;}
	.test_step_middle_in{width: 100%; margin: 0;}
	.slash_box_in{padding: 10px;}
	.slash_box_in .step_ele_05.display_no{display: none;}

	.ele_score{display: none;}
	.ele_score_slider{display: block;}
	.mid_score_slider{display: block;}
	.swiper-slide.wi70 img{width: 70%;}

	.line_box{font-size: 11px; padding: 5px 10px;}

		/*test*/
		.container ul.langcon li {background:url(../image/langcon_list.gif) 0 7px no-repeat; padding-left: 7px;}
		.container ul.elementary li {background:url(../image/elementary_list.gif) 0 7px no-repeat; padding-left: 7px;}
		.container ul.middle li {background:url(../image/middle_list.gif) 0 7px no-repeat; padding-left: 7px; margin-left: 7px;}
		.container ul.book li {background:url(../image/book_list.gif) 0 7px no-repeat;  padding-left: 7px;}
		.container ul.elearn li {background:url(../image/elearn_list.gif) 0 7px no-repeat;  padding-left: 7px;}
}
@media screen and (min-width:412) and (max-width:640px) {
	.sticky.s35{position: relative;}
	.sticky.s36{position: relative;}
	.sticky.s37{position: relative;}

	.sticky.s38{position: relative;}
	.sticky.s39{position: relative;}
	.sticky.s40{position: relative;}
	.sticky.s41{position: relative;}
	.sticky.s42{position: relative;}
	.sticky.s43{position: relative;}
	.sticky.s44{position: relative;}
	.sticky.s45{position: relative;}
}


@media screen and (min-width:0) and (max-width:411px) {
	.sticky.s35{position: sticky;z-index: 10;top: 0; left: 0;}
	.sticky.s36{position: sticky;z-index: 10;left: 0;}
	.sticky.s37{position: sticky;z-index: 10;left: 0;}

	.sticky.s38{position: sticky;z-index: 10;top: 0; left: 0;}
	.sticky.s39{position: sticky;z-index: 10;left: 0; min-width: 40px !important; max-width: 40px !important; width: 40px !important;}
	.sticky.s40{position: sticky;z-index: 10;left: 0;}
	.sticky.s41{position: sticky;z-index: 10;left: 40px; min-width: 30px !important; max-width: 30px !important; width: 30px !important;}
	.sticky.s42{position: sticky;z-index: 10;left: 40px; min-width: 30px !important; max-width: 30px !important; width: 30px !important;}
	.sticky.s43{position: sticky;z-index: 10;left: 40px; min-width: 30px !important; max-width: 30px !important; width: 30px !important;}
	.sticky.s44{position: sticky;z-index: 10;left: 0; min-width: 70px !important; max-width: 70px !important; width: 70px !important;}
	.sticky.s45{position: sticky;z-index: 10;left: 0; min-width: 70px !important; max-width: 70px !important; width: 70px !important;}
}