@charset "utf-8";
#wrap {min-width:320px;position:relative;transition:0.3s; background-color: #f9fafc;}

/* layout */
#wrap {width:100%;min-width:320px;}
#header {position:fixed; left:0; top:0; border-top:5px solid #00757f; background:#fff; width:100%; height: 85px; box-sizing:border-box; padding:0 50px; z-index:1000; transition:0.3s;
     box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
/*#header .inner {position:relative; max-width:1920px; height:92px; margin:0 auto;}*/
#header .logo {position:absolute; left:30px; top:18px;}
#header .logo a {display:block;width:200px;height:47px;background:url(../images/logo.png) no-repeat;text-indent:-9999px;transition:0.3s;}

#header .visitor {width:210px;  position:absolute; right:30px; top:33px; }
#header .visitor dl {display:inline-block; color:#444; font-size:13px; text-align:center;}
#header .visitor dl.b_border {border-right:2px solid #00757f; margin: 0 20px; padding-right: 20px;}
#header .visitor dl dt {display:inline-block;}
#header .visitor dl dd {display:inline-block; margin-left:6px;}

#header .menu {display:none; position:absolute; right:10px; top:50%; width:34px; height:34px; border:none; background:none; font-size:0; margin-top:-17px;}
#header .menu i {font-size:30px;color:#00757f;}

/* sub layout */
#header .gnb {position:absolute; right:0; top:0;}
#header .gnb > li {float:left;}
#header .gnb > li > a {display:inline-block; color:#333; font-size:16px; text-align:center; line-height:80px; padding:0 30px; border-left:1px solid #ddd; box-sizing:border-box;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#fff; background:#00757f;}
#header .btn {display:block; position:absolute; top:0; right:0; width:88px; height:80px; border:none; cursor:pointer; background:url(../images/top_nav.png) no-repeat 50% 50%; text-indent:-9999px; border-left:1px solid #ddd;}


/* nav */
#nav {position:fixed; z-index:400; box-sizing:border-box; left:0; top:100px; width:100%; overflow:hidden; height:0;}
#nav .bg {background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:0.5s;}
#nav .inner {transition:0.5s; position:relative; transform:scale(1,0); transform-origin:50% 0; opacity:0; z-index:10;}
#nav .top {font-size:0; text-align:center; position:relative; z-index:10;}
#nav .top a {display:inline-block; height:50px; width:25%; font-size:16px; line-height:50px; box-sizing:border-box; color:#fff; background:#00757f; border-left:1px solid #fff;}
#nav .top a:hover {background:#005b63;}
#nav .top a:first-child {border-left:none;}

.navon #header .menu i:before {content:"\f00d";}
.menuscr #header .logo a {background-image:url(../images/logo.png);}
.menuscr #header .menu i {color:#00757f !important;}


/* intro visual */
#vis {position:relative;z-index:0;overflow:hidden;height: 100vh;transition: 0.5s;}
#vis .vis_tit {position:absolute; width:382px; height:339px; z-index:10000; top:215px; left:50%; margin-left:-700px;}
#vis .vis_tit img{width: 100%; height: auto;}
/*#vis .vis_tit .vis_txt {display:block; color:#f9fafc; font-size:28px; line-height:40px; margin-top:10px;font-weight:500; letter-spacing:-1px;}*/
#vis .vis {position:relative;overflow:hidden;}
#vis .vis {position:relative;background:#fff;}
#vis .vis .box {height:100vh;width:50%;position:relative;}
#vis .vis .box1 {background:url(../images/vis1-1.png) no-repeat 0 0; background-size: cover;}
#vis .vis .box2 {position:absolute;right:0;top:0;background:url(../images/vis1-2.png) no-repeat 100% 0; background-size: cover;}
#vis .vis .box .txt {position:absolute;top:410px;}
#vis .vis .box .txt dl {padding-bottom:40px;white-space:nowrap;}
#vis .vis .box .txt dt {font-size:50px;letter-spacing:-0.05em;font-weight:500;display:inline-block;position:relative;}
#vis .vis .box .txt dd {font-size:16px;line-height:24px;padding-top:30px;font-weight: 400;display:none;}
#vis .vis .box1 .txt .close {background:none;position:absolute;top:-160px;right:-40px;border:none;display:none;}
#vis .vis .box2 .txt .close {background:none;position:absolute;top:0px;right:-20px;border:none;display:none;}
#vis .vis .box1 .txt {right:50px;text-align:right;color:#fff;}
#vis .vis .box2 .txt {left:100px;top:495px;color:#fff;}
#vis .vis .box2 .txt dt {color:#004898;}
/*#vis .vis .open1 {position:absolute;right:-130px;top:52%;z-index:100;}
#vis .vis .open2 {position:absolute;left:-124px;bottom:30%;z-index:100;}*/
#vis .vis .open1 {position:absolute;right:-182px;bottom:45%;z-index:100;}
#vis .vis .open2 {position:absolute;left:-182px;bottom:45%;z-index:100;}

/* mobile visual */
#vis .m_vis {position:relative; width:100%;}
#vis .roll {display:none;}
#vis .bx-pager {position:fixed;z-index:10000; bottom:30px;left:50%;margin-left:-100px;width:200px;text-align:center;font-size:0;display:none;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {display:inline-block; margin:0 5px; width:12px;	height:12px;background:#fff;	text-indent:12px;	overflow:hidden; border-radius:50%;	transition:0.3s;}
#vis .bx-pager .bx-pager-item a.active {background:#00a6dd;}

#vis .m_vis .q_menu {position:absolute; top: 500px; left:50%; margin-left:-250px; text-align:center; width:500px; z-index:1000;}
#vis .m_vis .q_menu .link {width:230px;height:230px;text-align:center;display:inline-block; margin:5px; position:relative;}
#vis .m_vis .q_menu .link:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
#vis .m_vis .q_menu .link .con {display:inline-block;vertical-align:middle;}
#vis .m_vis .q_menu .link .con p {font-weight:400;color:#fff;padding:15px 0 5px;font-size:21px;}
#vis .m_vis .q_menu .link .con strong {display:block;letter-spacing:-0.05em; font-weight:400;color:#fff;font-size:35px;padding:5px 0 15px;}
/*#vis .m_vis .q_menu .link .con span {display:inline-block;}*/
#vis .m_vis .q_menu .link {background:rgba(0,117,127,0.7); border: 1px solid #00757f; border-radius: 50%;}
#vis .m_vis .q_menu .link:hover {background:rgba(0,89,97,0.7);}
/*#vis .m_vis .q_menu .link img {width:34px;}*/


/* footer */
#footer {position:relative; height:99px; background:#f9fafc; border-top: 1px #eae9e9 solid; margin:0 auto 0; text-align:center; padding:25px 50px 0; box-sizing:border-box;}
#footer .inner {position: relative; max-width: 1920; margin: 0 auto;}
#footer .foot_logo {float: left; width: 200px; height: 47px; background: url(../images/foot_logo.png); background-size: 100% 100%; font-size: 0; text-indent: -9999px;}
#footer address {position: absolute; left:280px; top: -3px; text-align: left; color:#3b3c43; font-size:15px; line-height:26px; text-align: left; }
#footer address span {display:inline-block; margin:0 45px;}
#footer div.copy {float: right; display:inline-block; color:#666; font-size:13px; font-family: 'tahoma'; letter-spacing: 0.3px; margin-top: 23px;}


/* Á¤º¸ ÀÔ·Â */
/*#contents{margin: 0 50px;}*/
.contaner{margin: 0 50px; padding-bottom: 70px;}
.sub_bg {position:relative;z-index:0; overflow:hidden; /*height: 100vh;*/transition: 0.5s; background:url(../images/sub_bg.png) no-repeat 0 80px; background-size: cover; padding-bottom: 70px;}
.form_area {position:relative; top:80px; width:1025px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.3); padding:30px; margin:100px auto; box-sizing:border-box;}/**/
.con_title {text-align: center;text-transform: uppercase;padding: 0 10px 40px;}
.con_title .eng_tit {color:#00757f; font-size:21px;}/**/
.con_title .form_tit {color:#00757f; font-size:57px; letter-spacing:-1px; margin-top:20px; font-weight:500;}/**/
.con_title .form_txt {color:#666; font-size:20px; letter-spacing:-1px; margin-top:45px; line-height:35px;}
.form_txt_under{color: #828282; font-size: 17px; margin-top: 10px; line-height: 27px; padding: 0 70px;}
/*.form_radio {width:100%; text-align:center; margin:50px auto 30px;}*/
.inputForm {width: 100%; padding: 0 70px; box-sizing: border-box;}
.inputForm input {width:100%; height:60px; border:none; border-bottom:2px solid #00757f; margin-top:20px; padding-left:120px; font-size:20px; box-sizing:border-box;}
.inputForm select {width:100%; height:60px; border:none; border-bottom:2px solid #00757f; margin-top:20px; padding-left:150px; font-size:20px; box-sizing:border-box;}
.inputForm label {display:inline-block; position:absolute; width:100px;  height:60px; margin-top:40px; z-index:1000; font-size:21px; padding-left:10px;}
.inputForm .tit { margin-top:20px !important; padding-top:20px; color: #333; letter-spacing: -0.5px; }
.btn_calculate {position: absolute; right:120px; margin-top:30px; width:200px; height:35px; background:#01aeb2; color:#fff; font-size:17px; text-align:center; line-height:38px; letter-spacing: -1px;}
.btn_calculate:hover {background:#008487; color:#fff;}
.btn_area {text-align: center;  margin-top: 50px;}
.btn_area button {display:inline-block; width:160px; height:50px;  font-size: 20px;  font-weight: 500; line-height: 50px; text-align:center; margin:0 5px;}
.btn_reset {color:#fff; background:#01aeb2;}
.btn_reset:hover {color:#fff; background:#008487;}
.btn_consult {color:#fff; background:#00757f; border:none;}
.btn_consult:hover {color:#fff; background:#008487; border:none;}


/* °í±³Á¤º¸ °Ë»ö Æ˾÷ */
#layer {display:none;}
.layer_bg {width: 100%;height: 100%;background-color: #000; position: fixed;left: 0;top: 0;z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.highschool_search {display:block; position: absolute; min-height: 150px; width: 826px; left:50%; top:350px; margin-left:-413px;border: 0; padding:50px; overflow: hidden;	z-index:200; background:#fff; box-sizing:border-box;}
.btn_close {position: absolute; right: 20px; top:20px; width: 14px;height: 14px; background:url(../images/pop_close.png); z-index:300; outline: none; border:none; text-indent:-9999px;}
.search {position:absolute; width:726px; z-index:201;border-bottom:2px solid #00757f; padding:8px 0;}
.search input[type='text'] {width:80%; border:none; font-size:21px; color:#666; vertical-align:middle; margin-left:10px;}
.search_txt{color: #828282; font-size: 17px; margin-top: 50px; line-height: 27px;}
.search .search_btn {position:absolute; top:10px; right:20px; width:20px; height:20px; vertical-align:top; background:url('../images/ico_search.png') no-repeat 50% 50%; font-size:0}
.school_list {margin-top:50px;}
.school_list  dl {width:100%; color:#333; font-size:16px; margin:20px 0; padding-top: 13px; border-top: 1px #01aeb2 solid;}
.school_list  dl:last-child{ border-bottom: 1px #01aeb2 solid; padding-bottom: 20px;}
/*.school_list  dl dt {display:inline-block; width:25%; line-height:24px; padding-right: 30px; vertical-align:top; box-sizing: border-box;}
.school_list  dl dd {display:inline-block;width:73%; padding-left:30px; line-height:24px; vertical-align:top; box-sizing: border-box;}
.school_list dl dd p{width: 80%; display: inline-block;}
.school_list  dl dd .choice {position: absolute; right: 50px; width:75px; height:30px; color:#fff; background:#01aeb2;text-align:center; line-height:30px;}*/
.school_list  dl dt {display:inline-block; width:46%; line-height:24px; padding-right: 30px; vertical-align:top; box-sizing: border-box;}
.school_list  dl dd {display:inline-block;width:50%; padding-left:30px; line-height:24px; vertical-align:top; box-sizing: border-box;}
.school_list dl dd p{width: 70%; display: inline-block;}
.school_list  dl dd .choice {right: 70px; padding: 5px 10px; color:#fff; background:#01aeb2;text-align:center; line-height:30px;}
.school_list  dl dd .choice:hover {background:#008487;}

/* ÇлýºÎ µî±Þ »êÃâ Æ˾÷ */
#layer_rating{display:none;}
.rating_info {display:block; position: absolute; min-height: 150px; width: 826px; left:50%; top:350px; margin-left:-413px; border-top: 3px solid #00757f; padding:50px; overflow: hidden;	z-index:200; background:#fff; box-sizing:border-box;}
.rating_info .pop_tit{border-bottom: 1px solid #00757f;}
.rating_info .pop_tit:after{display: block; content: ""; clear: both;  zoom: 1;}
.rating_info > .pop_tit > .tit {position: relative; margin: 0 0px 20px; font-size: 36px; color: #00757f; font-weight:500;}
.rating_info .tit>.btn_close {display: inline-block; position: absolute; width:14px; height:14px; right: 0; top: -30px; background:url(../images/pop_close.png); text-indent:-9999px; outline:none; border:none;}
.rating_info > .pop_txt{color: #828282; font-size: 17px; margin-top: 20px; line-height: 22px;}
.rating_info > .pop_txt span{/*color: #333;*/ color: red; font-weight: bold;}
.rating_info .tlb{border-bottom: 1px solid #00757f;}
.rating_info .pop_tlb{margin-top: 30px; width: 100%;}
.rating_info .pop_tlb tr th{background: #8edbdd; font-weight: normal; padding: 10px 0; border-right: 1px solid #fff;}
.rating_info .pop_tlb tr td{background: #f6f6f6; padding: 10px 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; min-height: 30px; text-align: center;}
/*.rating_info .average dl{float: right; margin-top: 15px; zoom: 1;}*/
.rating_info .average dl{/*float: right;*/ margin-top: 15px; zoom: 1; display: inline-block;}
.rating_info .average dl dt{display: inline-block; font-size: 21px; margin-right: 7px;}
/*.rating_info .average dl dd{display: inline-block; background: #f6f6f6; padding: 10px 60px;}*/
.rating_info .average dl dd{display: inline-block; /*background: #f6f6f6; */padding: 10px 60px;}

.history_bg {position: relative; margin-top: 140px; /*width: 100%;*/ }
.history_bg .inner{position: relative; max-height: 180px;margin: 0 auto;}
.history_bg ul{background: url(../images/history_bg.png) no-repeat 0 0; background-size: cover; margin: 0 10px;}
.history_bg ul li{font-size: 33px; color: #fff; font-weight: bold; padding: 80px 0 68px 30px;}

.tbl_type01 {margin-top:20px; width:100%; border:1px solid #ddd; vertical-align:middle; font-size:16px;}
.tbl_type01 th {color:#333; font-weight:500; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tbl_type01 td {padding:20px; background:#f7f7f7; border-bottom:1px solid #ddd;}
.tbl_type01 td a {display:inline-block; color:#666; margin-right:20px; line-height:34px;}
.tbl_type01 td a:hover {text-decoration:underline;}
.sel_major {color:#00a6dd !important; text-decoration:underline;}


/* Çаú¾È³» »ó¼¼º¸±â Æ˾÷ */
.detail_layer {display:none;}
.detail_layer .layer_bg {z-index:3000;}
.popup_layer {display: block; width: 1200px; background-color: #fff; position: absolute; left: 50%; margin-left:-600px; top: 100px; border-top:3px solid #00757f; z-index: 3100; }
.popup_layer .pop_tit{border-bottom: 1px solid #00757f; margin: 0 30px;}
.popup_layer .pop_tit:after{display: block; content: ""; clear: both;  zoom: 1;}
.popup_layer > .pop_tit > .tit {position: relative; margin: 40px 0px 20px; font-size: 36px; color: #00757f; font-weight:500;}
.popup_layer .tit>.btnClose {display: inline-block; position: absolute; width:14px; height:14px; right: 0; top: -30px; background:url(../images/pop_close.png); text-indent:-9999px; outline:none; border:none;}
.breadcrumb {float:right; margin-top:-38px;}
.breadcrumb li {float:left; padding: 0 15px; background:url(../images/txt_arrow.gif) no-repeat 0 50%; color: #666; font-size: 19px;}
.breadcrumb li:first-child{background: none;}
.pop_tnb {display: block; margin:10px 30px 0; padding-bottom: 10px;}
.pop_tnb ul {display: block; padding: 0 0 20px 30px; border-bottom: 1px solid #00757f;}
.pop_tnb li {display: inline-block; margin-top:16px;}
.pop_tnb li a {display:inline-block; color:#828282; padding: 0 50px 0 10px; background: url(../images/ico_dot.png) no-repeat 0 6px;}
.pop_tnb li a:hover,
.pop_tnb li a.active {color:#00757f;}
.t_btn {text-align:right; margin:10px 20px 0 0;}
.t_btn button {outline:none; border:none; display: inline-block; height:36px; padding:0 30px 0 50px; color:#fff; line-height:36px; margin-right:5px; background: #01aeb2;} 
.t_btn button:hover{background: #00757f;}
.t_btn button.btn_qr {background:#01aeb2 url(../images/ico_qr.png) no-repeat 20px 50%; border-radius:5px;}
.t_btn button.btn_capture {background:#01aeb2 url(../images/ico_capture.png) no-repeat 20px 50%; border-radius:5px;}
.t_btn button.btn_qr:hover {background:#00757f url(../images/ico_qr.png) no-repeat 20px 50%;}
.t_btn button.btn_capture:hover {background:#00757f url(../images/ico_capture.png) no-repeat 20px 50%;}

.pop_content {padding:0 30px;}
#layer_container {width: 100%; margin: 0 auto;}
#container {width: 100%; margin: 0 auto;}



/* 20181029 추가 */
/* 수능영역별 성적입력 레이어팝업  */
#layer_grades {display:none;}
#layer_grades .layer_bg {width: 100%; height: 100%;background-color: #000; position: fixed;left: 0;top: 0;z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.grades_popup {display:block; position: absolute; min-height: 150px; width:800px;   left:50%; top:210px; margin-left:-400px;margin-bottom:50px;padding:50px 80px; overflow: hidden;	z-index:200; background:#fff; border-top:3px solid #00757f; box-sizing:border-box;overflow-y:auto;}
.btn_close {position: absolute; right: 20px; top:20px; width: 14px;height: 14px; background:url(../images/pop_close.gif); z-index:300; outline: none; border:none; text-indent:-9999px;}
.grades_tit{display:block;color:#00757f;font-size:30px;margin-top:0px;margin-bottom:30px;text-align:center;font-weight:500;}
.txt_em{line-height:1.5em;word-break: keep-all;}
.txt_em li{padding-left:17px;text-indent:-17px;color:#2d3a49;letter-spacing:0.1px;font-size: 15px;}
.txt_em li p.tit{display:block;margin-top:5px;font-weight:500;color:#00757f;}
.checkBox {color:#444;}
.checkBox input[type='checkbox'] {position: relative; margin-top:-2px;width: 15px; height: 15px;  border: normal; -webkit-appearance: checkbox; -moz-appearance: normal !important;border:normal;outline: normal; }
.checkBox label{ cursor: pointer; }
.tbl_grades{width:100%;margin: 10px 0 10px;*border-top:2px solid #e1a877;border-bottom: 2px solid #ddd;} 
.tbl_grades thead th, .tbl_grades tbody th, .tbl_grades tbody td{padding:12px 10px;font-size:15px;color:#333;}
.tbl_grades thead th{padding:12px 10px;background-color: #43686b;border-right:1px solid #5d8285;border-bottom:10px solid #fff;color:#fff;font-weight: 500;}
.tbl_grades thead th.bd_none, .tbl_grades thead th:last-child{border-right:none;}
.tbl_grades tbody th, .tbl_grades tbody td{padding:10px 10px;*border-right:1px dashed #ccc;border-bottom:1px solid #ddd;border-bottom:5px solid #fff;}
.tbl_grades tbody th{background-color:#e2eff0;border-right:2px solid #fff; }
.tbl_grades tbody td{background-color:#ecf5f5;text-align:left;}
.tbl_grades tbody td:last-child{border-right:none;}
.tbl_grades tbody td.taC{text-align:center;}
.tbl_grades tbody td input[type='text'] {width:80%;padding:2px 5px;border:1px solid #fff;margin-right:5px;font-size:15px;height:24px;}
.tbl_grades tbody td span{display:inline-block;margin:0 20px 0 10px;}
.tbl_grades tbody td input[type='radio'] { position:relative; left:0em; top:0em; display:inline-block; width:15px; height:15px; opacity:1;}
.tbl_grades tbody td input[type='radio'] + label {-webkit-appearance: normal; -moz-appearance: normal; -ms-appearance: normal; appearance: normal;display:inline-block; background:none; color: #333; padding-left: 0px; margin: 0 0px; line-height: 1em; cursor: pointer; font-size:15px; }
.tbl_grades tbody td select{width:84%;padding:2px 5px;border:1px solid #fff;margin-right:5px;font-size:15px;-webkit-appearance: normal; -moz-appearance: normal; -ms-appearance: normal; appearance: normal;outline:none;background:#fff url('../images/select_arr_2.png') no-repeat 95% center;height:30px;}

.alignL{text-align: left}
.alignC{text-align: center}
.alignR{text-align: right}

.btnBox{margin:30px auto 0;padding:10px;}
.bottomBtn a{display:inline-block;padding:12px 25px;color:#fff;font-size:16px;text-align:center;}
.bt_close{background-color:#666;}
.bt_close:hover{background-color:#555;}
.bt_ok{background-color:#01aeb2;}
.bt_ok:hover{background-color:#00757f;}
/* // 수능영역별 성적입력 레이어팝업 */
/* 20181029 추가 */
/* Æ˾÷ ÅÇ ¸Þ´º */
ul.tabs {margin: 0; padding: 0; float: left; list-style: none;  height: 50px;  border-bottom: 1px solid #00757f; width: 100%; padding-top: 30px;}
ul.tabs li {float: left; text-align:center; cursor: pointer; width:200px; height: 49px; line-height: 49px; border: 1px solid #828282; border-bottom-color:#00757f; background: #fff; overflow: hidden; position: relative; color: #828282;}
ul.tabs li.active {background: #00757f; border: 1px solid #00757f; border-bottom: 1px solid #00757f; color:#fff; margin-left:-1px;}

/* Æ˾÷ ÄÁµ§Ã÷ */
.tab_container {clear: both; float: left; width: 100%; background: #fff; padding: 0 0 50px;}
.tab_content {display: none;}
.tab_content h4 {color:#333; font-size:20px; font-weight:500; margin-top:30px;}
.tab_container .tab_content ul {width:100%;}
.tab_content .table_wrap {margin-top:20px; padding: 0;}
.tab_content .tbl_type02 th {padding:15px 0;}
.tab_content .tbl_type02 td {padding:15px 20px; line-height:24px;}
.tab_content .tbl_type02 td .range {position: absolute; margin-top:-15px;}

/* Â÷Æ® */
.chart_wrap {width:100%; margin-top:30px; border:1px solid #ddd;}
.chart_wrap li {display:inline-block; width:33%; border-right:1px solid #ddd; padding:30px; min-width: 310px; margin: 0 auto; box-sizing:border-box;}
.chart_wrap li:last-child {border:none;}
.highcharts-title {font-family:'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif; color:#333; font-size:18px; font-weight:400;}
.highcharts-button {display:none;}
.highcharts-credits {display:none;}
.highcharts-axis-title {display:none;}
.chart_wrap table {font-size:0;}
.highcharts-legend-item tspan {font-family:'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif;}
.highcharts-color-0 rect  {fill: rgb(0,117,127);  stroke: rgb(0,117,127);}
.highcharts-color-1 rect  {fill: rgb(244,179,75);  stroke: rgb(244,179,75);}

/* Çаúµ¿¿µ»ó */
.youtubeWrap {position: relative;width: 100%;padding-bottom: 56.25%;}
.youtubeWrap iframe {position: absolute;width: 100%;height: 100%;}

/* Çаú¼Ò°³ */
.btn_view {display:inline-block; float:right; color:#00a6dd;margin-top: -20px;  padding-right:20px; background:url(../images/btn_arr.gif) no-repeat 100% 50%;}

/* Çаú¾È³» */
.major_info {width:100%;}
.major_info dl {border-bottom:1px solid #e4e4e4; margin-top:20px; padding:30px; box-sizing:border-box;}
.major_info dl dt {display:inline-block; width:15%; text-align:center; padding-top:70px; color:#00757f; font-weight:400; vertical-align:top;}
.major_info dl dt.majorInfo {background:url(../images/ico_majorInfo.png) no-repeat 50% 0;}
.major_info dl dt.education {background:url(../images/ico_education.png) no-repeat 50% 0;}
.major_info dl dt.field {background:url(../images/ico_field.png) no-repeat 50% 0;}
.major_info dl dt.certificat {background:url(../images/ico_certificat.png) no-repeat 50% 0;}
.major_info dl dt.jinlo {background:url(../images/ico_jinlo.png) no-repeat 50% 0;}
.major_info dl dt.program {background:url(../images/ico_program.png) no-repeat 50% 0;}
.major_info dl dt.subject {background:url(../images/ico_subject.png) no-repeat 50% 0;}
.major_info dl dt.job {background:url(../images/ico_job.png) no-repeat 50% 0;}

.major_info dl dd {display:inline-block; width:80%; text-align:left; line-height:24px; margin-left:30px; color:#777; font-size:15px;}
.major_info dl dd.educ span:before {display:inline-block; content:""; width:10px; height:24px; margin-left:-30px; background:url(../images/ico_dot.png) no-repeat 50% 90%;}
.major_info dl dd.educ span {display:block; padding-left:30px;}
.major_info dl dd.fiel span:before {display:inline-block; content:""; width:10px; height:24px; margin-left:-15px; background:url(../images/ico_dot.png) no-repeat 50% 90%;}
.major_info dl dd.fiel span {display:block; padding-left:10px;}
.major_info dl dd.fiel span strong {display:block;color:#444; font-weight:500; margin-top: -25px;}
.major_info dl dd.cert span:before {display:inline-block; content:""; width:10px; height:24px; margin-left:-30px;background:url(../images/ico_dot.png) no-repeat 50% 90%;}
.major_info dl dd.cert span {display:inline-block; padding-left:30px; margin-right:30px; }


/*Çаú¾È³»*/
.history_bg2{padding-top: 140px;}
.history_bg2 ul{background: url(../images/history_bg2.png) no-repeat 0 0; background-size: cover; /*margin: 0 10px;*/}
.history_bg2 ul li{font-size: 33px; color: #00757f; font-weight: bold; padding: 80px 0 68px 30px;}

.my_selection {position:relative; width:100%; padding:30px 0 0; box-sizing:border-box;}
.my_selection dl {position: relative; border-bottom: 1px #00757f solid; font-size: 0; background: #e8e8e8;}
.my_selection dl:after{content: ""; clear: both; display: block; zoom: 1;}
.my_selection dl dt {display: inline-block; width:15%; color:#333; font-weight:500; font-size: 19px; vertical-align: top;}
.my_selection dl dt span{display: inline-block;    width: 40%; padding: 15px 0 23px 7px;}
/*.my_selection dl:nth-child(2) dt span{padding-bottom: 52px;}*/
.my_selection dl dd  {display: inline-block; width: 85%; padding: 14px 0; color: #666; background: #fff;}
.my_selection dl dd input[type=radio] + label {color:#666 !important; font-size:16px; background-size:20px 20px; color:#333; padding:0px 28px 0 27px; margin-left:15px; line-height: 29px; cursor: pointer;}
.my_selection dl:nth-child(4) dd{padding: 21px 0 23px;}
.my_selection dl dd em{margin-left: 15px;color: #666; font-size: 16px;}
.btn_set {position: absolute; top: 12px; right: 0; text-align:right;}
.btn_set button {display:inline-block; background:#01aeb2; color:#fff; padding:7px 30px; text-align:center; outkine:none; border:none; margin:0 3px;}

/*Çаú¾È³»-Å×À̺í*/
.table_wrap {margin-top:50px;}
.table_wrap.p_table {display:block;}
.table_wrap.m_table {display:none;}
.table_wrap p {color:#333;}
.tbl_type02 {width:100%; margin-top:20px; border-top:1px solid #ccc;}
.tbl_type02 th {background:#e8e8e8; color:#333; font-weight:400; text-align:center; border:1px solid #ddd; border-bottom: none; padding:20px 0; line-height:22px;}
/*.tbl_type02 th:first-child{border-left:none;}
.tbl_type02 th:last-child{border-right:none;}*/
.tbl_type02 th.rating span {float:left; width:2.5%; text-indent: -5px;margin-left:7.7%;}
.tbl_type02 tbody tr:hover{cursor:pointer;background:#f9f9f9;}
.tbl_type02 td {text-align:center; border:1px solid #ddd; padding:20px 0; line-height: 22px;}
/*.tbl_type02 td:first-child{border-left:none;}
.tbl_type02 td:last-child{border-right:none;}*/
/*.tbl_type02 td .range:before {display:inline-block; content:""; width:20px; height:30px; background:url(../images/ico_pointer.png) no-repeat 0 0; margin-left:-100%;}
.tbl_type02 td .range {display:inline-block; height: 30px; background:rgba(1,174,178,1);}*/

/* S: 개발자 수정 */
.tbl_type02 td .range {display:inline-block; height: 30px; background:rgba(1,174,178,1);}
.tbl_type02 td .mypoint {background:url(../images/ico_pointer.png) no-repeat 0 0;width:20px; height:30px; z-index: 9; margin-left: -10px;}
/* E: 개발자 수정 */

.tbl_type02 td .detail_view {display:block; width:100%; height:34px; background:url(../images/detail_view.png) no-repeat 50% 50%;}
.tbl_type02 td .detail_view:hover {background:url(../images/detail_view_on.png) no-repeat 50% 50%;}
.tbl_type02 td .grades {display:block; width:100%; height:35px; background-position:50% 50%; background-repeat:no-repeat;}
.tbl_type02 td .stability {background-image:url(../images/ico_stability.png);}
.tbl_type02 td .possibility {background-image:url(../images/ico_possibility.png)}
.tbl_type02 td .anxiety {background-image:url(../images/ico_anxiety.png)}
.dataTables_length {display:none;}
.dataTables_wrapper .dataTables_info {display:none;}
.dataTables_wrapper .dataTables_filter {display:none;}
.dataTables_wrapper .dataTables_paginate {display:none;}
.grades_area {float:right; margin-top:-20px;}
.grades_area li {float:left; padding-left:35px; margin-left:20px; background-size:25px 25px; background-repeat:no-repeat; background-position:0 0; line-height:25px;}
.grades_area li.stability {background-image:url(../images/ico_stability.png)}
.grades_area li.possibility {background-image:url(../images/ico_possibility.png)}
.grades_area li.anxiety {background-image:url(../images/ico_anxiety.png)}


/*¿À½Ã´Â±æ*/
.history_map{padding-top: 140px;}
.history_map ul{background: url(../images/history_bg.png) no-repeat 0 0; background-size: cover; /*margin: 0 10px;*/}
.history_map ul li{font-size: 33px; color: #fff; font-weight: bold; padding: 80px 0 68px 30px;}

.map_con{margin-top: 90px; vertical-align: top; font-size: 0;}
.map_con .map_g{width: 70%; display: inline-block;}
.map_con .map_g_in{margin-right: 7%;}
.map_con .map_g_in iframe{width: 100%;}

.map_con .add{width: 30%; display: inline-block; vertical-align: top;}
.map_con .add_in{margin-left: 7%;}
.map_con .add strong{font-size: 33px; color: #00757f; margin-bottom: 20px;}
.map_con .add dl{margin-top: 40px;}
.map_con .add dl dt{font-size: 27px; margin-top: 16px;}
.map_con .add dl dd{font-size: 22px; margin-top: 10px; line-height: 30px; color: #666;}

.map_con .btn a{display: inline-block; color: #fff; font-size: 16px; text-align: center; background: #01aeb2 url(../images/ico_more.png) no-repeat 85% 50%; padding:8px 40px 8px 20px; margin:35px 5px 0; box-sizing: border-box;}

.transpo{margin-top: 35px; font-size: 0;}
.transpo ul{widows: 100%; border-top: 1px solid #ddd;}
.transpo ul:last-child{ border-bottom: 1px solid #ddd;}
.transpo ul li{width: 50%; display: inline-block; margin: 40px 0 20px; min-height: 72px; vertical-align: top;}
.transpo ul li .in{margin: 0 3% 0 100px;}
.transpo ul li.bus{background: url(../images/ico_bus.png) no-repeat 0 0;}
.transpo ul li.subway{background: url(../images/ico_subway.png) no-repeat 0 0;}
.transpo ul li .in strong{color: #00757f; font-size: 21px;}
.transpo ul li .in p{font-size: 19px; color: #666; margin-top: 13px; line-height: 23px;}
.transpo ul li .in p em{color: #333;}
.transpo ul li .in .btn a{display: inline-block; color: #fff; font-size: 16px; text-align: center; background: #01aeb2; padding:8px 15px; margin: 3px; box-sizing: border-box;}
.transpo ul li .in span{background: #0056e5; font-size: 19px; font-family: "tahoma"; color: #fff; border-radius: 3px; margin: 0 3px; padding: 0 7px;}
.transpo ul li .in span:first-child{margin-left: 20px;}