@import url("base.css");
@import url("common.css");
@import url("nanumgothic.css");
/* subContainer */
#subContainer{width:100%}
.navigation{max-width:1200px;margin:0 auto;text-align:left;padding:10px 15px 20px 15px}
.navigation a{font-size:13px;font-weight:400;color:#555555;}
.navigation a:hover{color:#333333;text-decoration:none}
.navigation span{display:inline-block;margin:0 5px;font-size:13px;font-weight:300}
.navigation a.on{font-weight:600;color:#000000}

/* sub page(common) */
#subContents{max-width:1200px;margin:0 auto;padding:0 15px}
#subContents .h2_ttl{position:relative;font-size:25px;color:#000000;font-weight:700;padding:0 0 10px 0}
#subContents .h2_ttl:after{display:block;content:"";position:absolute;bottom:-1px;left:0;width:100%;border-bottom:2px solid #960000;}
#subContents .h2_ttl span{font-size:20px;font-weight:normal}
#subContents .contents{width:100%;font-size:15px;text-align:justify;margin:20px 0 45px 0;word-break:keep-all;line-height:21px;overflow:hidden;/* min-height:550px */;font-weight:400;}
.contents .con_h3_ttl{font-size:20px;font-weight:700;color:#000000;margin-bottom:5px;position:relative;padding-left:10px;clear:left}
.contents .con_h3_ttl:after{position:absolute;content: "";top: 3px;left: 0px;width: 4px;height: 18px;background-color:#155cb5;}
.contents .con_h3_ttl_blue{font-size:20px;font-weight:800;color:#155CB5;margin-bottom:5px;}
.contents .con_h4_ttl_blue{font-size:15px;font-weight:700;color:#155CB5;}
.contents .li_ttl{display:block;font-size:20px;font-weight:600;color:#000000;margin-bottom:5px;position:relative;}
.contents .li_ttl:after{position:absolute;content: "";top:-4px;left: 0px;width:30px;height:3px;background-color:#155cb5;}
.h3_ttl{font-size:17px}

/* greeting */
.greeting{width:100%}
.greeting .president_img img{width:174px; float: left; margin:10px}
.greeting .president_greeting{margin:10px 0 0 0}
.president_greeting .dear{display:block;margin-bottom:10px}
.greeting .sign{display:block;margin-top:20px}

/* mission */
.mission{width:100%;margin-bottom:30px;}

/* goals */
.goal ol li strong{display:block;font-size:17px}
.goal ol li{margin-top:10px}
.goal ol li:first-child{margin-top:0}

/*faulty*/
.teacher-list{float:left}
.teacher-list .profile{float:left;width:100%;margin-top:10px;margin-bottom:20px}
.shanghai_faculty .tb-profile tbody td{line-height:18px}
.shanghai_faculty .tb-profile tbody th{vertical-align:top}
.profile .img-name{float:left;margin:0 10px 0 0} 
.profile .img-name .img{}
.profile .img-name .img img{width:150px}
.tb-profile{width:970px}
.tb-profile thead{border-bottom: 2px solid;}
.tb-profile thead th.name{color:#000000;padding:4px 10px 4px 15px;text-align:left;font-size:17px;font-weight:500;}
.tb-profile thead th.status{color:#0d566d;padding:5px 10px;text-align:left;font-size:15px;font-weight:400;font-style:italic}
.tb-profile tbody th.ttl{text-align:left;padding:6px 10px 5px 16px;font-size:13px;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;font-weight:500}
.tb-profile tbody td.con{font-size:13px;padding:5px 8px;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;}
.tb-profile tbody td{}


/* distinction */
.distinction ol li{margin-top:5px}
.distinction ol li:first-child{margin-top:0}


/* NIES */
.sch-list{float:left;margin-top:15px}
.sch-list ul{margin:0 0 15px 0;float:left}
.sch-list ul li{float:left;padding-right:22px;}
.sch-list ul li .con{display:block;width:270px;font-size:13px;line-height:18px;text-align:center}
.sch-list ul li .con strong{font-size:15px;color:#1D55A5;display:inline-block;text-align:center;width:210px;margin-top:5px}
.sch-list ul li .con a{text-decoration:underline; color:#2543BA}
.sch-list ul li img{border:1px solid #d1d1d1;width:270px; height:197px;}

/* Location */
.location{margin:10px 0 0 0;}
.location .tb_address{float:left;font-size:15px}
.location .tb_address tbody th{border:1px solid #3f77b1;background:#3f77b1;padding:5px;text-align:center;color:#ffffff;font-weight:normal;border-bottom:1px solid #ffffff}
.location .tb_address tbody td{border:1px solid #ddd;padding:10px 10px}
.location .tb_address tbody td span{display:block;position:relative}

/* Program Description */
.program{width:100%;margin-bottom:15px;float:left}
.program ul li strong{display:block;font-size:17px}
.program ul li{margin-top:10px}
.program ul li:first-child{margin-top:0}
.program .top{float:left;width:575px}
.program .top .img{margin-bottom:5px}

/* .program .program1{float:left}
.program .program1 span{float:left;margin:5px 10px 0 0}
.program .program1 span img, .program .program1 strong img{border:1px solid #b1b1b1}
.program .program1 strong{float:right;margin:5px 0 0 10px}
 */

/* Daily Schedule */
.schedule{width:100%}
.schedule .tb_schedule1{display:inline-block;width:100%;vertical-align:top;margin-bottom:10px;text-align:center}
.schedule .tb_schedule1 table{width:100%}
.schedule .tb_schedule1 thead th{border:1px solid #d0ddff;padding:7px 5px 7px 5px;background:#155CB5;color:#ffffff;font-size:17px;font-weight:600;}
.schedule .tb_schedule1 tbody th{border:1px solid #dddddd;padding:3px 5px 3px 5px;font-weight:400}
.schedule .tb_schedule1 tbody td{border:1px solid #dddddd;padding:3px 3px 3px 5px}
.schedule .tb_schedule2{display:inline-block;width:100%;vertical-align:top;margin-bottom:10px;text-align:center;margin-right:10px;float:left}
.schedule .tb_schedule2 table{width:100%}
.schedule .tb_schedule2 thead th.ttl{padding:7px 5px 7px 5px;background:#004082;color:#ffffff;font-size:15px;font-weight:600;}
.schedule .tb_schedule2 thead th.ttl2{border:1px solid #d0ddff;padding:3px 5px 3px 5px;background:#dce6ff;color:#000000;font-size:15px;font-weight:600;}
.schedule .tb_schedule2 tbody th{border:1px solid #ffffff;padding:5px 5px 5px 5px;font-weight:400}
.schedule .tb_schedule2 tbody td{border:1px solid #ffffff;padding:5px 3px 5px 5px}
.schedule .tb_schedule2 .sch1{background-color:#f0f0f0}
.schedule .tb_schedule2 .sch2{background-color:#faefe9}
.schedule .tb_schedule2 .sch3{background-color:#e8f1f8}
.schedule .tb_schedule2 .sch4{background-color:#f1f6e2}
.schedule .tb_schedule3{display:inline-block;width:49.5%;vertical-align:top;text-align:center;float:left}
.schedule .tb_schedule3 table{width:100%}
.schedule .tb_schedule3 thead th{border:1px solid #d0ddff;padding:5px 5px 5px 5px;background:#d0ddff;color:#155CB5;font-size:17px;font-weight:600;}
.schedule .tb_schedule3 tbody th{border:1px solid #dddddd;padding:3px 5px 3px 5px;font-weight:400}
.schedule .tb_schedule3 tbody td{border:1px solid #dddddd;padding:3px 3px 3px 5px}

/* How to Apply */
.apply{}
.apply li{margin-bottom:20px;padding-top: 5px;}

.apply li .email{color:#155CB5;text-decoration:underline}
.apply .btn_form{display:block;margin-top:3px;}
.apply .btn_form a{background:#155CB5;color:#fff;padding:7px 10px;border-radius:3px;display:inline-block;}

/* Application */
.tb_doc{border-top:2px solid #004082;width:100%}
.tb_doc table{width:100%;}
.tb_doc table thead th{background:#155CB5;font-size:15px;padding:7px 0;color:#fff}
.tb_doc table tbody th{border-bottom:1px solid #9AB8DE;text-align:center;font-weight:500;}
.tb_doc table tbody td{border-bottom:1px solid #9AB8DE}
.tb_doc table tbody td.name{padding:7px 0;font-weight:600}
.tb_doc table tbody td.icon{text-align:center}
.tb_doc table tbody .on{background:#fafafa}
button.button1 {background-color:rgb(0,180,214);border:solid 1px white;width:200px;height:60px;color:white;border-radius:12px;padding:7px 10px;!important}
button.button2 {background-color:rgb(0,180,214);border:solid 1px white;width:200px;height:60px;color:white;border-radius:12px;padding:7px 10px;!important}

/* Program Description */

/* Faq */
/* .faq{width:100%}
.faq ul li strong{display:block}
.faq ul li span{display:block}
.faq ul li{margin-top:10px}
.faq ul li:first-child{margin-top:0} */

/* faq */
.faq {padding:20px 0 0;}
.categori {padding:0 0 50px;text-align:center;}
.categori .btn_categori {display:inline-block;background:#f4f4f4;border-radius: 30px;}
.categori .btn_categori a {width:200px;display:inline-block;float:left;padding:15px 0;text-align:center;color:#8a8a8a;border-radius: 30px;}
.categori .btn_categori a.on {background:#40bfb7;color:#fff;}
.slp_fap {width:100%;overflow: hidden;margin: auto;text-align:left;}
.slp_fap .item .heading {line-height:1.2;padding:15px;font-size:15px;cursor: pointer;border:1px solid #c9c9c9;border-bottom:none;color: #111111;padding-left:70px;background: #fff url(/img/community/arrow.png) no-repeat;background-position: left 20px top -95px;box-sizing: border-box;}
.slp_fap .item:last-child .heading{border-bottom:1px solid #c9c9c9;}
.slp_fap .item.open .heading {background:#155CB5 url(/img/community/arrow.png) no-repeat;border-bottom:#c9c9c9;color:#fff;}
.slp_fap .item.open .heading { background-position: left 20px top -5px; }
.slp_fap .item .content {display: none;padding:30px 70px 40px;box-sizing:border-box;background: #fff;color:#111111;font-size: 15px;line-height:1.5;}

/* TOEFL, SAT, ESL */
.tests-tab-wrapper {}
.tests-tab-menu {text-align:left}
.tests-tab-menu li {font-size:17px;position:relative;background-color:rgba(255, 255, 255, 0.50);display:inline-block;padding:5px 30px;opacity:0.8;cursor:pointer;z-index:0;width:33.10%;text-align:center;border-bottom:2px solid #004082;}
.tests-tab-menu li:hover {color:#000000;font-weight:600}
.tests-tab-menu li.active {color:#ffffff;opacity:1;font-weight:600;background:#004082}
.tests-tab-menu li.active:hover {color:#ffffff}
.tests-tab-content>div {font-size:14px;text-align:left;background-color:rgba(255, 255, 255, 0.4);box-sizing:border-box;width:100%;margin-top:20px;min-height:500px;}
.tests-tab-menu .line {position:absolute;width:0;height:2px;background-color:#004082;bottom:0;left:0;}
.toefl h3{color:#000000;font-size:15px;font-weight:600}
.toefl .tb_toefl {width:100%;}
.toefl .tb_toefl thead th{padding:7px 5px 7px 10px;background:#dddddd;color:#000000;font-size:15px;font-weight:600;}
.toefl .tb_toefl tbody th{border:1px solid #dddddd;padding:7px 10px;font-weight:400}
.toefl .tb_toefl tbody td{border:1px solid #dddddd;padding:7px 10px}

/* College Acceptance */
.college-tab-wrapper {}
.college-tab-menu {text-align:left;border-bottom:2px solid #065fbd;}
.college-tab-menu li {font-size:18px;position:relative;background-color:rgba(255, 255, 255, 0.50);display:inline-block;padding:10px 30px;opacity:0.8;cursor:pointer;z-index:0;width:24.7%;text-align:center;}
.college-tab-menu li:hover {color:#000000;font-weight:600}
.college-tab-menu li.active {color:#ffffff;opacity:1;font-weight:600;background:#065fbd}
.college-tab-menu li.active:hover {color:#ffffff}
.college-tab-content>div {font-size:14px;text-align:left;background-color:rgba(255, 255, 255, 0.4);box-sizing:border-box;width:100%;margin-top:20px;min-height:500px;}
.college-tab-menu .line {position:absolute;width:0;height:2px;bottom:0;left:0;}
.toefl .tb_toefl {width:100%;}
.toefl .tb_toefl thead th{padding:3px 5px 3px 10px;background:#dddddd;color:#000000;font-size:13px;font-weight:600;}
.toefl .tb_toefl tbody th{border:1px solid #dddddd;padding:7px 10px;font-weight:400}
.toefl .tb_toefl tbody td{border:1px solid #dddddd;padding:7px 10px}
.tb_college{width:100%;border-left: 1px solid #dddddd;border-bottom:1px solid #dddddd;}
.toefl .tb_college thead th{padding:3px 5px 3px 10px;background:#dddddd;color:#000000;font-size:13px;font-weight:600;}
.toefl .tb_college tbody th{border:1px solid #dddddd;padding:7px 10px;font-weight:400}
.toefl .tb_college tbody td{border:1px solid #dddddd;border-left:1px solid #dddddd;padding:7px 10px}
.toefl .tb_college tbody td.country{text-align:center}

/* College Acceptance-NEW */
.consulting .tab{text-align:center; background:#e2e8f0; width:1172px; margin-bottom:10px}
.consulting .tab td{padding:5px; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#555}
.consulting .now a{ color:#3372BC; text-decoration:none; font-size:15px;}
.consulting .now a:hover{ color:#3372BC; text-decoration:underline}
.consulting .anchor_tab a{ text-decoration:none; color:#333; font-weight:500; font-size:13px}
.consulting .anchor_tab a:hover{ text-decoration:underline; font-weight:500; color:#336666}
.consulting .top_move{font-size:12px; display:block; top:7px;right:10px;position:absolute}
.consulting .top_move a{ text-decoration:none; color:#fff}
.consulting .tip{ font-size:12px; color:#333; float:right}
.consulting .tab_lst{margin-bottom:20px; border-bottom:2px solid #336666; width:100%}
.consulting .tab_lst_ttl{font-size:17px;font-weight:bold;background:#336666; text-align:center; color:#fff; padding:6px 0;position:relative}

.consulting .tab_lst tbody th{padding:3px 0; background:#92b8b8; color:#000; font-size:13px; border-right:1px solid #fff;text-align:center}
.consulting .tab_lst tbody td{ border-bottom:1px solid #d9d9d9; color:#111; font-size:13px;}
.consulting .tab_lst tbody .name{font-weight:bold; padding:3px 0; vertical-align:top; text-align:center}
.consulting .tab_lst tbody .name_gra{  padding:3px 0 0 5px; vertical-align:top;border-left:1px solid #d9d9d9}
.consulting .tab_lst tbody .name_pass{ padding:3px 0 0 5px; line-height:18px;border-left:1px solid #d9d9d9}
.border_b_none{ border-bottom:none!important}
.border_t_none{ border-top:none!important}
.border_r_none{ border-right:none!important}


.graduates .tab{border-top:2px solid #2b7da5;border-bottom:2px solid #2b7da5;text-align:center;background:#e2e8f0;width:795px;margin-bottom:10px}
.graduates .tab td{padding:6px 5px;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#555}
.graduates .now a{color:#C20000;font-weight:700;text-decoration:none;font-size:15px;}
.graduates .now a:hover{color:#C20000;font-weight:700;text-decoration:underline}
.graduates .anchor_tab a{text-decoration:none;color:#333;font-weight:500;font-size:13px}
.graduates .anchor_tab a:hover{text-decoration:underline;font-weight:500;color:#336666}
.graduates .top_move{font-size:12px;display:block;top:12px;right:10px;position:absolute}
.graduates .top_move a{text-decoration:none;color:#ffffff}
.graduates .tip{font-size:12px;color:#333333;float:right}
.graduates .tab_lst{margin-bottom:20px;border-bottom:2px solid #336666;width:796px}
.graduates .tab_lst_ttl{font-size:15px;font-weight:bold;background:#336666;text-align:center;color:#ffffff;padding:8px 0;position:relative}
.graduates .tab_lst tbody th{background:#92b8b8;color:#000000;font-size:13px;border-right:1px solid #ffffff;padding:4px 0}
.graduates .tab_lst tbody td{border-bottom:1px solid #d9d9d9;color:#111111;font-size:13px;}
.graduates .tab_lst tbody .name{font-weight:bold;padding:2px 0;vertical-align:top;text-align:center}
.graduates .tab_lst tbody .name_gra{padding:2px 0 2px 5px;vertical-align:top;border-left:1px solid #d9d9d9;text-align:center}
.graduates .tab_lst tbody .name_pass{padding:2px 0 2px 5px;line-height:18px;border-left:1px solid #d9d9d9}

/* Board */
.notice_lst{float:left;margin:10px 0;line-height:30px}
.notice_lst li:first-child{border-top:none}
.notice_lst li{display:block;float:left;width:570px;border-top: 1px dotted #d1d1d1;}
.notice_lst li strong{display:block;margin:9px 5px 0 0;vertical-align:middle;width:10px;height:10px;float:left;}
.notice_lst li strong img:nth-child(2){display:none;}
.notice_lst li .notice_ttl{display:inline-block;} 
.notice_ttl img{display:inline-block;margin:9px 0 0 0;}
.notice_lst li .notice_date{display:inline-block;float:right;color:#155cb5}

/* 3 weeks program */
.weeks_program .tb_weeks_program{width:1169px;vertical-align:top;margin-bottom:10px;text-align:center}
.weeks_program .tb_weeks_program table{width:100%}
.weeks_program .tb_weeks_program thead th{padding:7px 5px 7px 5px;background:#155CB5;color:#ffffff;font-size:15px;font-weight:600;}
.weeks_program .tb_weeks_program tbody th{border:1px solid #dddddd;padding:3px 5px 3px 5px;font-weight:400}
.weeks_program .tb_weeks_program tbody td{border:1px solid #dddddd;padding:5px 3px 5px 5px}
.weeks_program ul li{margin-bottom:5px;padding-top: 5px;}

/* TOEFL/SAT */
.toefl_session_date li span{font-size:13px;margin-bottom:20px;display:block}
.ibt_toefl ul{margin-top:5px}
.ibt_toefl ul li{margin-bottom:5px}
.ibt_toefl ul li .ttl1{display:block;color:#155CB5;font-weight:600;font-size:17px;}
.ibt_toefl ul li .ttl2{display:block;font-weight:600}
.ibt_toefl ul li span{}
.ibt_toefl .tb_carendar1{width:580px;border-bottom: 2px solid #155CB5}
.ibt_toefl .tb_carendar1 thead th{background:#155CB5;font-size:15px;padding:3px 5px 3px 10px;color:#fff;text-align:center}
.ibt_toefl .tb_carendar1 tbody th{border-bottom:1px solid #9AB8DE;text-align:center;font-weight:500;}
.ibt_toefl .tb_carendar1 tbody td{border-bottom:1px solid #9AB8DE;padding:3px 5px 3px 10px;text-align:center}
.intro_teacher ul{padding-top:5px}
.intro_teacher ul li{}
.intro_teacher ul li strong{font-size:17px;}
/* Additional Program */
.add_program ul{margin-top:5px}
.add_program ul li{margin-bottom:5px}
.add_program ul li .ttl1{display:block;color:#155CB5;font-weight:600;font-size:17px;}
.add_program ul li .ttl2{display:block;font-weight:600}