@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'NanumSquare','Malgun Gothic', dotum, sans-serif;background:#ffffff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;font-family:'NanumSquare','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumSquare','Malgun Gothic', dotum, sans-serif;font-size:1em}
input.frm_input{font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumSquare','Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1150px}

#hd_pop,
#hd_wrapper,
#gnb .gnb_wrap,
#ft_wr{width:1150px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border-bottom:1px solid rgba(255,255,255,0.3);width:100%;position:fixed;z-index:99999;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-moz-transition:all 0.2s;
}
#hd.headerfixed{background:rgba(0,0,0,0.3);z-index:99999;
	transition:all 0.2s;
	-webkit-transition:all 0.2s; /* Safari */
	-o-transition:all 0.2s;
	-moz-transition:all 0.2s;
}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:80px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper.scroll{width:1150px;}

#logo {float:left;margin-right:40px;margin-top: 5px;}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {background:rgba(0,0,0,0.5);border-radius:10px;display:inline-block;float:right;margin-top:10px}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;margin-bottom:-1px;font-size:0.92em}
#tnb li:first-child:after{display:none;}
#tnb li:after{display:inline-block;clear:both;content:"｜";color:#fff}
#tnb a {display:inline-block;padding:0 10px;color:#e2e2e2;line-height:35px;font-size:13px;letter-spacing:-1px}
#tnb .youtube a {padding:0 8px 0px 2px}
#tnb a:focus, #tnb a:hover {color:#ee3820;}
#tnb .tnb_admin a{color:#e2e2e2;}
#tnb .tnb_admin a:hover{color:#ee3820;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}
#tnb i{display:none}

/* 메인메뉴 */
#nav{}
#nav ul{margin-top:20px}
#nav ul li{display:inline-block;margin:0px 10px;}
#nav ul li a{color:#fff;font-size:17px;letter-spacing:-1px}
#nav ul li a:hover{color:#ee3820;font-weight:600}
/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container {z-index:4;position:relative;min-height:500px;height:auto !important;margin:0;height:500px;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:40px;margin:0px auto 45px;font-weight:normal;text-align:center}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#434343;padding-bottom:30px;margin:0 auto;text-align:center}

#ft-sns{position:relative}
#ft .ft-sns-wrap{position:absolute;bottom:20px;left:-50px;z-index:89;display:none}
#ft .ft-sns-wrap ul{width:130px;height:210px;}
#ft .ft-sns-wrap ul li{display:block;margin:0}

#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link{padding:20px 0;border-bottom:1px solid #606060;height:60px;margin-bottom:20px}
#ft_link a{display:inline-block;line-height:1.083em;font-weight:normal;float:left;color:#ffffff;font-size:15px;margin-right:18px;}

#ft_catch{margin:0px 0 10px;width:122px;display:inline-block;margin-right:0px;float:left}
#ft_catch a {display:block}
#ft_copy{width:930px;display:inline-block;text-align:left;color:#fff;opacity:0.5;font-size:15px;font-weight:normal;}
#ft_copy span{color:#fff;font-size:15px;line-height:24px;font-weight:normal;}
#ft_tel{right:0;top:75px;position:absolute;text-align:right;color:#fff;opacity:0.6}
#ft_tel span{display:block;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff;}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {border:0;background:#ee3820;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#ee3820}
a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#fff;border:2px solid #ee3820;padding:0 10px;color:#606060;text-decoration:none;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#ee3820;color:#fff}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000 !important;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}
.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:100px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

:hover{transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-mz-transition:all 0.3s;}

/* 메인배너영역 */
#sliderFrame{clear:both;position:relative;margin:0 auto;text-align:center;width:100%;min-width:1150px;height:100%;overflow:hidden;min-height:978px; z-index:0;}
#slider{position:absolute; width:2500px; min-width:1150px;left:50%; margin-left:-1250px;overflow:hidden;height:978px;}
#slider .slider-img{border:none; display:none; position:absolute; }
#slider a.imgLink{border:0; display:none; height:100%; left:0px; margin:0; padding:0; position:absolute; top:0px; width:100%; z-index:0; }
div.navBulletsWrapper{cursor:pointer; left:50%; padding:0; position:absolute; top:600px;width:100px;margin-left:-50px; z-index:5; font-size:0;text-align:center}
div.navBulletsWrapper div{position:relative; background:#none;border:2px solid #fff;opacity:0.9; cursor:pointer; width:12px; height:12px; border-radius:50%; margin:7px; overflow:hidden; vertical-align:middle;display:inline-block}
div.navBulletsWrapper div.active{background:#ee3820;opacity:1;border:2px solid #ee3820;}
#slider{moz-transform:translate3d(0,0,0); ms-transform:translate3d(0,0,0); o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slider_txt {position:absolute;width:720px;top:270px;left:50%;margin-left:-360px;z-index:999;}
.slider_txt h2{letter-spacing:-2px;color:#fff;line-height:58px;margin-bottom:30px}
.slider_txt h4{color:#fff;line-height:28px;margin-bottom:30px}
.slider_txt button{background:#ee3820;border:1px solid #ee3820;color:#fff;padding:10px 60px}


.mc-caption {position:absolute;width:900px;top:270px;left:46.5%;margin-left:-360px;z-index:999;}
.mc-caption h2{letter-spacing:-2px;color:#fff;line-height:58px;margin-bottom:30px}
.mc-caption h4{color:#fff;line-height:28px;margin-bottom:30px}
.mc-caption button{color:#fff;padding:10px 60px}
.mc-caption .bn_style1{background:#ee3820; border:1px solid #ee3820;}
.mc-caption .bn_style2{background:#801fb2; border:1px solid #801fb2;}

/*크루몰 바로가기*/ 
.go-shop{position:fixed;background:#801fb2;width:103px;height:256px;border-radius:48px;text-align:center;padding:30px 5px;z-index:999;top:250px;right:20px}
.go-shop h4{color:#ffde01;margin-top:5px}
.go-shop p{color:#ffffff;line-height:16px;margin-top:10px;padding-bottom:15px;border-bottom:1px solid #fff;}
.go-shop button{border:0;background:none;margin-top:20px}

@media only all and (max-width:1400px) {
.go-shop{position:fixed;background:#801fb2;width:103px;height:200px;border-radius:48px;text-align:center;padding:30px 5px;z-index:999;top:150px;right:0%}
.go-shop p{border:0}
.go-shop button{display:none}
}

/*기본*/
.wid100{width:100%;}
.wid100 .wrap{width:1150px; margin:0px auto; padding:100px 0px}
.color1{color:#ee3820}
.wrap h5{text-align:center}

.wid100 .wrap h1{font-size:53px;color:#222222;margin-bottom:10px;font-weight:600;}
.wid100 .wrap h3{font-size:34px;color:#606060;margin-bottom:10px;}
.wid100 .wrap h2{font-size:50px;color:#222222;margin-bottom:20px;font-weight:500;}
.wid100 .wrap h6{color:#606060;;font-weight:normal;line-height:24px}
.wid100 .wrap .bar1{width:2px;background:#222222;height:60px;margin:0 auto 15px}
.wid100 .wrap .step{display:inline-block;background:#2d2c31;padding:10px 20px;color:#fff;border-radius:30px;margin-bottom:10px}
.wid100 .wrap .text-box1{text-align:center;}

/*main 큐레이션프로그램*/
.ma-citp{transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-mz-transition:all 0.3s;height:750px;padding-top: 50px;}
.ma-citp .wrap{padding:0px 0px 100px;}
.ma-citp .wrap h5{color:#454545;text-align:center;line-height:30px}
.ma-citp .wrap ul{margin-top:70px;height:260px;}
.ma-citp .wrap ul li{position:relative;width:16.66666%;display:block;float:left;text-align:center;}
.ma-citp.add .wrap ul li{animation-name: opac;animation-duration:1.5s;animation-iteration-count:1; opacity:1;}
.ma-citp .wrap ul li span{font-size:24px;color:#303030;display:block;margin-top:30px;font-weight:600}
.ma-citp .wrap ul li sup{display:block}
.ma-citp .wrap ul li p{font-size:16px;color:#606060;margin-top:15px;line-height:24px;letter-spacing:-0.5px}
.ma-citp .wrap ul li .price{position:absolute;top:-28px;right:48px;}
@keyframes opac {
  0%  {
	opacity:0;
	margin-top:-30px;
  }
  50% {

  }
  100% {
	margin-top:0px
	opacity:1;
	}
}

/*main news*/
.ma-news{background:#ffd63d;height:770px}
.ma-news .cont-wrap{width:100%}
.ma-news .cont-wrap .cont{width:555px;display:inline-block;background:#fff;padding:40px 45px;min-height:367px}

/*main 공백*/
.ma-3{background:#2d2c31;min-height:700px}

/*main 후기*/
.ma-review{height:1000px;}
.review-wrap{background:url('../img/main/rev0.jpg') no-repeat 3px 0px;}
.review-wrap .rev{padding:95px 80px 60px;height:530px;}
.review-wrap .rev h3{height: 98px;font-size:36px;margin-bottom:45px;color:#222222}
.review-wrap .rev h4{font-size:22px;margin-bottom:22px;color:#222222}
.review-wrap .rev p{font-size:18px;line-height:30px;margin-bottom:20px;color:#222222}
.review-wrap .rev span{display:block;font-size:17px;margin-bottom:25px;color:#222222}
.review-wrap .rev a{display:inline-block;font-size:16px;padding:15px 52px;border:2px solid #222;color:#222222;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-mz-transition:all 0.3s;}
.review-wrap .re2 a:hover{background:#222;color:#fff}
.over-no{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-wrap .re1 h3{color:#fff}
.review-wrap .re1 h4{color:#fff}
.review-wrap .re1 p{color:#fff}
.review-wrap .re1 span{color:#fff}
.review-wrap .re1 a{border:2px solid #fff;color:#fff}
.review-wrap .re1 a:hover{background:#fff;color:#222222}
.review-wrap .re1{background:rgba(0,0,0,0.8);color:#fff}
.ma-review .center{text-align:center;margin-top:65px;}

/*main citp분석으로 통한 승무원 합격 6단계*/
.ma-7program{height:720px;background:#f9f9f9}
.ma-7program .wrap{padding-top:130px;position:relative}
.ma-7program .wrap h1{font-size:60px;margin-bottom:30px;}
.ma-7program .wrap h5{color:#606060}
.ma-7program .about{position:absolute;top:35px;right:25px;background:url('../img/main/about.png') no-repeat;width:223px;height:196px;padding:20px 10px;text-align:Center}
.ma-7program .about p.ft17{margin-top:15px;line-height:21px}
#test-program{height:700px;position:relative;margin-top:35px;}
#test-program>div{width:285px;height:308px;border:1px solid #fff;position:absolute;background-blend-mode:multiply;}
#test-program .s-1{background:url('../img/main/step1_1.jpg') center center no-repeat;top:175px}
#test-program .s-2{background:url('../img/main/step1_2.jpg') center center no-repeat rgba(0,0,0,0.3);top:0px;left:287px;}
#test-program .s-3{background:url('../img/main/step1_3.jpg') center center no-repeat rgba(0,0,0,0.3);top:309px;left:287px;}
#test-program .s-4{background:url('../img/main/step1_4.jpg') center center no-repeat rgba(0,0,0,0.3);top:79px;left:574px;}
#test-program .s-comu{background:url('../img/main/step1_7.jpg') center center no-repeat rgba(0,0,0,0.3);top:389px;left:574px;}
#test-program .s-5{background:url('../img/main/step1_5.jpg') center center no-repeat rgba(0,0,0,0.3);top:0;right:5px}
#test-program .s-6{background:url('../img/main/step1_6.jpg') center center no-repeat rgba(0,0,0,0.3);top:309px;right:5px}
#test-program span{color:#fff;font-size:22px;border-radius:22px;background:#2d2c31;padding:5px 8px;margin-top:205px;margin-bottom:5px;margin-left:25px;display:inline-block}
#test-program>div:hover{border:5px solid #ee3820;color:#ee3820;background-color:rgba(0,0,0,0);cursor:pointer}
#test-program .s-1{animation-name: border;animation-duration:5s;animation-iteration-count:infinite;}
#test-program a{display:inline-block;width:100%;height:100%}
@keyframes border {
  0%  {
	border:5px solid #ee3820;
  }
  35% {
	border:5px solid #801fb2;
  }
  70% {
	border:5px solid #fffc05;
	}
  100% {
	border:5px solid #ee3820;
	}
}
#test-program .s-1 span{color:#fffc05;font-size:24px;}
#test-program p{color:#fff;font-size:24px;margin-left:25px;}
#test-program .s-comu p{color:#fff;font-size:24px;margin-top:215px;}
#test-program .price2{position:absolute;margin-left:205px;}
#test-program .next2{position:absolute;margin-left:205px;margin-top:-50px}

/*main step1*/
.ma-step1 {height:1175px;background:url('../img/main/m-visual1.jpg')center center no-repeat fixed;padding-top:330px}
.ma-step1 .wrap h2{color:#ffffff}
.ma-step1 .wrap h6{color:#ffffff}
.ma-step1 .cont-wrap{width:980px;margin:45px auto 65px;}
.ma-step1 .cont-wrap>div{width:456px;display:inline-block;text-align:center;height:288px;border:5px solid #ffffff;padding:60px 0px 0px}
.ma-step1 .cont-wrap div h3{font-weight:600;color:#ffffff;margin-bottom:40px}
.ma-step1 .cont-wrap div p{color:#ffffff;line-height:24px;}
.ma-step1 .ft_right{float:right}

/*main step2*/
.ma-step2{height:885px}
.ma-step2 .cont-wrap{width:100%;margin:30px auto 0px;height:360px}
.ma-step2 .cont-wrap>div{width:354px;height:224px;display:inline-block;text-align:center;float:left;margin-right:44px;}
.ma-step2 .cont-wrap>div:last-child{margin-right:0}
.ma-step2 .mb_box{position:relative;}
.ma-step2 .cont-wrap div img{margin-bottom:20px}
.ma-step2 .cont-wrap div.txt{position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);width:354px;height:224px;z-index:1}
.ma-step2 .cont-wrap div.txt img{display:block;margin:50px auto 15px}
.ma-step2 .cont-wrap div h3{font-weight:600;color:#fff;font-weight:normal}
.ma-step2 .cont-wrap div:hover .txt{background:rgba(0,0,0,0.2);}
.ma-step2 .cont-wrap div p{color:#606060;line-height:24px;}
.scr-btn{display:block;width:37px;height:51px;margin:0 auto}

a.main {background:#ee3820;border:2px solid #ee3820;margin:0 auto 20px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;color:#fff;padding:10px 55px;display:block;width:323px}
a.main:hover{background:none;box-shadow:322px 0px 0px rgba(238,56,32,0.8) inset,-322px 0px 0px rgba(238,56,32,0.8) inset;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
a.scroll {background:none;border:0px;width:37px;height:51px;margin:0 auto;display:block}
a.scroll:hover{animation-name:move;animation-duration:0.7s;animation-iteration-count:infinite;}

button.main {
	background:#ee3820;border:2px solid #ee3820;
	/*display:block;*/
	margin:0 auto 20px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;color:#fff;padding:10px 60px}
button.main a{color:#fff;padding:10px 60px;display:block}
button.main:hover{background:none;box-shadow:322px 0px 0px rgba(238,56,32,0.8) inset,-322px 0px 0px rgba(238,56,32,0.8) inset;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}

button.main2 {
	background:#3C3C3C;border:2px solid #3C3C3C;
	/*display:block;*/
	margin:0 auto 20px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;color:#fff;padding:10px 60px}
button.main2 a{color:#fff;padding:10px 60px;display:block}
button.main2:hover{background:none;box-shadow:322px 0px 0px rgba(60,60,60,1) inset,-322px 0px 0px rgba(60,60,60,1) inset;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}



.s-step4 .s-wrap button.main:hover{box-shadow:400px 0px 0px rgba(238,56,32,0.8) inset,-400px 0px 0px rgba(238,56,32,0.8) inset;}
a.scr-btn {background:none;border:0px;width:37px;height:51px;margin:0 auto;display:block}
a.scr-btn:hover{animation-name:move;animation-duration:0.7s;animation-iteration-count:infinite;}
@keyframes move {
  0%  {
    margin-top:0;
  }
  50% {
    margin-top:-10px;
  }
}
/*main step3*/
.ma-step3{height:875px;background:url('../img/main/m-visual2.jpg') center center no-repeat;}
.ma-step3 .wrap h2{color:#ffffff}
.ma-step3 .wrap h6{color:#ffffff}
.ma-step3 .cont-wrap{width:980px;margin:45px auto 65px;}
.ma-step3 .cont-wrap>div{width:456px;display:inline-block;text-align:center;height:288px;border:5px solid #ffffff;padding:60px 0px 0px}
.ma-step3 .cont-wrap div h3{font-weight:600;color:#ffffff;margin-bottom:40px}
.ma-step3 .cont-wrap div p{color:#ffffff;line-height:24px;}
.ma-step3 .ft_right{float:right}

/*main step4*/
.ma-step4{height:990px}
.ma-step4 .wrap{width:100%;min-width:1150px;}
.ma-step4 .cont-wrap{width:100%;min-width:1150px;height:357px;margin:40px auto 60px;}
.ma-step4 .cont-wrap section{width:25%;display:inline-block;float:left;text-align:center;height:357px;position:relative}
.ma-step4 .cont-wrap section .block{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.ma-step4 .cont-wrap section:hover .block{background:rgba(0,0,0,0.1);}
.ma-step4 .cont-wrap section img{position:absolute;z-index:2;top:120px;left:50%;margin-left:-47px;}
.ma-step4 .cont-wrap section:hover img{}
.ma-step4 .cont-wrap section h3{position:absolute;z-index:3;color:#fff;font-size:24px;top:240px;left:50%;margin-left:-43px;}
.ma-step4 .cont-wrap section.lesson3 h3{margin-left:-70px}
.ma-step4 .cont-wrap section.lesson1 {background:url('../img/main/step4_5.jpg') no-repeat center center;}
.ma-step4 .cont-wrap section.lesson2 {background:url('../img/main/step4_6.jpg') no-repeat center center;}
.ma-step4 .cont-wrap section.lesson3 {background:url('../img/main/step4_7.jpg') no-repeat center center;}
.ma-step4 .cont-wrap section.lesson4 {background:url('../img/main/step4_8.jpg') no-repeat center center;}

/*main step5*/
.ma-step5{height:880px;background:url('../img/main/m-visual3.jpg')center center no-repeat;}
.ma-step5 .wrap h2{color:#ffffff}
.ma-step5 .wrap h6{color:#ffffff}
.ma-step5 .cont-wrap{width:980px;margin:40px auto 60px;}
.ma-step5 .cont-wrap>div{width:456px;display:inline-block;text-align:center;height:288px;border:5px solid #ffffff;padding:60px 0px 0px}
.ma-step5 .cont-wrap div h3{font-weight:600;color:#ffffff;margin-bottom:40px}
.ma-step5 .cont-wrap div p{color:#ffffff;line-height:24px;}
.ma-step5 .ft_right{float:right}

/*main step6*/
.ma-step6{height:600px; background:url(/theme/basic/img/sub/livequiz_bg.jpg);background-repeat : no-repeat;background-position: center;}
.ma-step6 .cont-wrap{width:1150px;margin:50px auto 0px;}
.ma-step6 .cont-wrap>div{position:relative;width:381px;margin:1px;height:239px;display:inline-block;float:left;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}
.ma-step6 .cont-wrap>div h4{font-size:24px;color:#ffffff;padding-top:100px;position:relative;z-index:9}
.ma-step6 .cont-wrap>div.cont1{background:url('../img/main/step6_1.jpg') no-repeat center center;background-size:100%;}
.ma-step6 .cont-wrap>div.cont2{background:#801fb2}
.ma-step6 .cont-wrap>div.cont4{background:rgba(150,34,135,1)}
.ma-step6 .cont-wrap>div.cont3{background:url('../img/main/step6_2.jpg') no-repeat center center;background-size:100%;}
.ma-step6 .cont-wrap>div.cont5{background:url('../img/main/step6_3.jpg') no-repeat center center;background-size:100%;}
.ma-step6 .cont-wrap>div.cont6{background:url('../img/main/step6_4.jpg') no-repeat center center;background-size:100%;}
.ma-step6 .cont-wrap>div:after{width:100%;height:100%;background:rgba(0,0,0,0.25);display:inline-block;position:absolute;top:0;left:0;content:'';z-index:0}
.ma-step6 .cont-wrap>div a{display:block;position:relative;z-index:9}
.ma-step6 .cont-wrap>div:hover{cursor:pointer;}
.ma-step6 .cont-wrap div:hover {background-size:110%;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}
.ma-step6 .cont-wrap>div:hover:after{background:rgba(0,0,0,0);transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}

/**/
.ma-interview{height:770px;background:#f5f5f5}
.ma-interview section{width:100%;height:385px;}
.ma-interview section>div{width:50%;display:inline-block;height:385px}
.ma-interview section .text-box1{padding-top:70px;width:570px;float:left}
.ma-interview .sec1 .text-box1{padding-left:70px;}
.ma-interview .sec2 .text-box1{float:right}
.ma-interview section .text-box1 h3{color:#606060;font-weight:600;margin-bottom:20px;}
.ma-interview section .text-box1 h3:after{background:#ee3820;display:block;content:'';width:58px;height:8px;margin-top:10px}
.ma-interview section .text-box1 h6{color:#606060;line-height:24px;font-weight:normal;margin-bottom:40px}
.ma-interview section .text-box1 p{color:#222222;line-height:24px;padding-left:40px;}
.ma-interview section .text-box1 b{font-size:90px;color:#cdcdcd;display:block;line-height:1px;}
.ma-interview .sec1 .text-box1 b:last-child{padding-left:410px;padding-top:10px}
.ma-interview section .text-box1 b:last-child{padding-left:320px;padding-top:10px}
.ma-interview .sec1 div.cont1{background:url('../img/main/m-visual4.jpg') no-repeat center center;float:left}
.ma-interview .sec2 .cont2{background:url('../img/main/m-visual5.jpg') no-repeat center center;float:right}

/*main-service 고객센터*/
.ma-service{background:#2d2c31;min-width:1150px}
.ma-service .wrap{padding:65px 0px}
.ma-service .text-box{width:280px;display:inline-block}
.ma-service .wrap h3{color:#ffffff;margin-bottom:25px;text-align:left}
.ma-service .wrap h2{margin-bottom:20px}
.ma-service .wrap h2.color1{color:#ee3820}
.ma-service .wrap p{color:#ffffff;line-height:24px}
.ma-service ul.list{width:800px;float:right;display:inline-block;margin:15px 0px}
.ma-service ul.list li{display:inline-block;width:25%;text-align:center;float:left}
.ma-service ul.list li a{display:block}
.ma-service ul.list li img{border:2px solid #ddd;border-radius:50%;padding:19px;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.ma-service ul.list li img:hover{transform:rotateY(-180deg);transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.ma-service ul.list span{color:#fff;font-size:16px;display:block;margin-top:20px}

/*sub banner*/
#sub-ban {clear:both;width:100%;min-width:1150px;height:100%;overflow:hidden;text-transform:uppercase;position:relative;}
#sub-ban .sban1 {background:url('../img/sub/s_banner01.jpg') no-repeat center center ;height:240px;}
#sub-ban .sban2 {background: ;height:0px;}
#sub-ban .sban3 {background:url('../img/sub/s_banner03.jpg') no-repeat center center ;height:375px;}
#sub-ban .sban4 {background:url('../img/sub/s_banner04.jpg') no-repeat ; background-size:100% 100%;height:634px;}

#sub-ban .sban4 .air_btn {width:500px;margin:50px auto; margin-left:19%;}
#sub-ban .sban4 .air_btn a {padding:20px 15px;}

#sub-ban .sban5 {background:url('../img/sub/s_banner05.jpg') no-repeat center center ;height:375px;}
#sub-ban .sban6 {background:url('../img/sub/map_intro2.jpg') no-repeat center center ;height:978px;}
#sub-ban .sban6 .code1 {position: absolute; top:210px; left:570px; width:200px;height:70px; cursor:pointer;}
#sub-ban .sban6 .code2 {position: absolute; top:210px; left:800px; width:230px;height:70px; cursor:pointer;}
#sub-ban .sban6 .code3 {position: absolute; top:310px; left:1120px;width:240px;height:70px; cursor:pointer;}

#sub-ban .sban6 .code4 {position: absolute; top:630px; left:650px;width:180px;height:70px; cursor:pointer;}
#sub-ban .sban6 .code5 {position: absolute; top:630px; left:860px; width:180px;height:70px; cursor:pointer;}
#sub-ban .sban6 .code6 {position: absolute; top:700px; left:980px; width:180px;height:90px; cursor:pointer;}
#sub-ban .sban6 .code7 {position: absolute; top:650px; left:1200px; width:180px;height:70px; cursor:pointer;}

#sub-ban .quiz {background: ;height:0px;}

#sub-ban h2{text-align:center;color:#fff;padding-top:190px}

/* 네비게이션 */
.nav-container{background:#f9f9f9;margin-bottom:45px;height:64px;width:100%;min-width:1150px;}
#navi{width:1150px;padding:0;height:64px;position:absolute;left:50%;margin-left:-575px;margin-top:0px;}
#navi ul{margin:0 auto;height:64px;padding:0;}
#navi ul.one_nav{width:160px}
#navi ul.two_nav{width:300px}
#navi ul.three_nav{width:580px}
#navi ul.six_nav{width:960px}
#navi ul.seven_nav{width:1120px}
#navi ul.eight_nav{width:1150px}
#navi ul.eight_nav li.txt01{width:140px}
#navi a.home {color:#fff;display:block;font-size:18px;float:left;text-align:left;width:158px;line-height:64px;}
#navi ul li.txt01{color:#808080;display:block;font-size:20px;float:left;text-align:center;width:16%;line-height:64px;cursor:pointer;}
#navi ul li.txt01:last-child{}
#navi ul li.txt02{color:#fff;background:#606060;font-size:20px;float:left;text-align:center;width:158px;line-height:64px;cursor:pointer;}
#navi ul li.txt01_7{width:170px}
#navi ul li:hover{display:block;cursor:pointer;border-bottom:2px solid #222222;}
#navi ul li.txt01:hover a{color:#222;text-decoration:none;}
#navi ul li.txt02 a{color:#fff;}
#navi ul li.txt02:hover{border-bottom:2px solid #fff;}
#navi ul li.txt02:hover a{color:#fff;}
#navi ul li a{display:block;}

#navi .mypage {float:left;color:#fff;background:#606060;font-size:20px;float:left;text-align:center;width:158px;line-height:64px;cursor:pointer;}
#navi .mypage ul{position:absolute;display:none;z-index:999;left:0;top:64px}
#navi .mypage li{text-align:center;}

#navi .one_nav li.txt01{width:100%}
#navi .two_nav li.txt01{width:50%}
#navi .three_nav li.txt01{width:30%}

#navi .my-list sup{display:block}
#navi .my-list li.txt01 {line-height:24px;padding:7px 0}
#navi .my-list li.txt01.active:before {display:none}
#navi .my-list li.txt02 {line-height:64px;padding:0}
#navi .my-list li.txt03 {line-height:62px;padding:0}

#navi ul li.active:before{width:8px;height:8px;border-radius:50%;background:#222;position:absolute;display:block;content:'';left:50%;margin-left:-4px;bottom:5px}
#navi ul li.active{display:block;cursor:pointer;border-bottom:2px solid #222222;position:relative}
#navi ul li.active a{color:#222222;font-weight:600}

#navi ul li.active2:before{width:8px;height:8px;border-radius:50%;background:#ff0000;position:absolute;display:block;content:'';left:50%;margin-left:-4px;bottom:5px}
#navi ul li.active2{display:block;cursor:pointer;border-bottom:2px solid #ff0000;position:relative}
#navi ul li.active2 a{color:#222222;font-weight:600}

/*background-color*/
.bg_white{background:#ffffff}
.bg_white2{background:#f7f7f7}
.bg_yellow{background:#ffd63d}
.bg_gray{background:#f7f7f7}

.s-wrap{width:1150px;margin:0 auto}
.step-wrap{border-radius:20px;background:#2d2c31;padding:5px 12px;display:inline-block;color:#fff}

/*sub 큐레이션 프로그램*/
.s-program-wrap{text-align:center;width:100%;min-width:1100px;padding-top:70px;}
.s-program-wrap h1{color:#222222}
.bar2{width:50px;height:1px;background:#ee3820;margin:10px auto;display:block}
.s-program-wrap h5{color:#606060;line-height:30px}
.s-program-wrap ul{width:100%;min-width:1100px;height:190px;margin-top:38px}
.s-program-wrap ul li{width:calc(100% / 6.0001);float:left;display:inline-block;height:190px;position:relative;}
.s-program-wrap ul li.cont1{background:url('../img/sub/program7-1.jpg') no-repeat center center;}
.s-program-wrap ul li.cont1 span{color:#fffc05;font-weight:600}
.s-program-wrap ul li.cont2{background:url('../img/sub/program7-2.jpg') no-repeat center center;}
.s-program-wrap ul li.cont3{background:url('../img/sub/program7-3.jpg') no-repeat center center;}
.s-program-wrap ul li.cont4{background:url('../img/sub/program7-4.jpg') no-repeat center center;}
.s-program-wrap ul li.cont5{background:url('../img/sub/program7-5.jpg') no-repeat center center;}
.s-program-wrap ul li.cont6{background:url('../img/sub/program7-6.jpg') no-repeat center center;}
.s-program-wrap ul li.active{border:5px solid #ee3820;}
.s-program-wrap ul li:hover{border:5px solid #ee3820;}
.s-program-wrap ul li a{color:#fff;display:inline-block;width:100%;height:100%}
.s-program-wrap ul li.active a{width:100%;height:100%;background:rgba(0,0,0,0.5);display:block;content'';}
.s-program-wrap ul li .price{position:absolute;top:32px;left:50%;margin-left:10px}
.s-program-wrap li span{display:inline-block;font-size:22px;border-radius:20px;background:#2d2c31;padding:5px 12px;margin-top:76px;margin-bottom:10px}
.s-program-wrap li p{font-size:24px;}

.stop-container .s-wrap{padding:90px 0px;display:block;}
.s-step1 .cont1{text-align:center;}
.s-step1 .cont1 h3{color:#222222;color:#Fff}
.s-step1 .cont1 h1{color:#222222;font-weight:600}
.s-step1 .cont1 h6{color:#606060;line-height:26px;font-weight:normal}
.s-step1 .cont1 .sec-wrap{width:1050px;margin:40px auto 60px;height:288px;}
.s-step1 .cont1 .sec-wrap section{display:inline-block;width:456px;height:288px;padding:70px;margin:0 34px;float:left}
.s-step1 .cont1 .sec-wrap section h3{display:block;margin-bottom:25px;color:#222222}
.s-step1 .cont1 .sec-wrap section p{line-height:26px;color:#606060}
.s-wrap button.main{padding:15px 65px}
.s-wrap button.main:hover{background:none;box-shadow:340px 0px 0px rgba(238,56,32,0.8) inset,-340px 0px 0px rgba(238,56,32,0.8) inset;}
.s-wrap button.main2{padding:15px 65px}
.s-wrap button.main2:hover{background:none;box-shadow:340px 0px 0px rgba(60,60,60,1) inset,-340px 0px 0px rgba(60,60,60,1) inset;}

.s-step1 .cont2 .s-wrap{padding:80px 0px;}
.s-step1 .cont2 .s-wrap > .img{position:absolute;margin-left:80px;text-align:left;}
.s-step1 .cont2 .s-wrap .p{padding-left:140px;text-align:left;display:inline-block;color:#606060;line-height:26px}
.s-step1 .cont2 .p:before{display:inline-block;content:'-';margin-left:-8px;padding-right:3px}
.s-step1 .cont2 .regular2{}
.s-step1 .cont2 .regular2 h4{text-align:center;font-size:28px;color:#222222;margin-bottom:30px}
.s-step1 .cont2 .s-wrap > .step1-1{padding:50px 0px 0px;height:450px;margin-bottom:0px}
.s-step1 .cont2 .step1-1 .slick-dots{bottom:10px}
.s-step1 .cont2 .s-wrap > .step1-1 .se-wrap{margin:70px auto 0;}
.s-step1 .cont2 .slick-dots li button:before{width:16px;height:16px;background:#ee3820;content:'';border-radius:50%;}
.s-step1 .cont2 .slick-next, .step1-1 .slick-prev{display:none !important}
.s-step1 .cont2 .slick-dots li.slick-active button:before {color:#ee3820}

.s-step1 .cont3{}
.s-step1 .cont3{text-align:center}
.s-step1 .cont3 h3{color:#222222;font-weight:600}
.s-step1 .cont3 h6{color:#606060;font-weight:normal;margin-bottom:50px}
.s-step1 .cont3 .bg_white{width:1150px;margin:0 auto;padding:30px 0;}

.bg-bl .ft_30{font-size:2.5em !important}
.bg-bl .ft28{font-size:2.3em !important}
.bg-bl .ft18{font-size:1.3em !important}
.bg-bl .mb_20 {margin-bottom: 2% !important;}
.bg-bl .ft20 {font-size:1.5em !important}
.one-2 .reterence{    font-size: 1.2em !important;word-break: keep-all; letter-spacing: -0.5px;    font-weight: 400;color: #606060;}
/*1-모달*/
.bg-bl{position:fixed;background:rgba(0,0,0,0.8);top:0;left:0;width:100%;height:100%;z-index:99;display:none;}
.bg-bl .wrapper{width:80%;min-width:1024px;position:relative;left:50%;margin-left:-40%;top:0}
.bg-bl .wrapper .close-modal{border:0;background:url('../img/main/done.png') no-repeat;background-size:100%;width:35px;height:35px;position:absolute;right:0;top:0%}
.bg-bl .wrapper .close-modal span{width:90%;height:8%;background:#fff;display:inline-block;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);left:0;bottom:0}
.bg-bl .wrapper .close-modal span:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
.bg-bl .wrapper .close-modal span{display:none}

.pay_wrap .pay_container .close-modal{border:0;background:none;width:60px;height:60px;position:absolute;right:0;top:0px}
.pay_wrap .pay_container .close-modal span{width:90%;height:8%;background:#000;display:inline-block;position:absolute;transform:rotate(45deg);;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);left:6px;top:28px}
.pay_wrap .pay_container .close-modal span:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.bg-bl .wrapper .title{color:#fff;text-align:center;margin:5% 0 2% ;display:block;}
.bg-bl .btn-p{display:block;padding:1% 0;width:100%;margin:1% 0 0}
.bg-bl .btn-p2{padding:1% 0;width:49%;margin:1% 0 0;float:right;}
.bg-bl .btn-p3{padding:1% 0;width:49%;margin:1% 0 0;float:left;}



.bg-bl button.main2 {background:#ee3820;border:2px solid #ee3820;color:#fff;display:block;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.bg-bl button.main2:hover{background:none;box-shadow:0px 0px 15px #ee3820 inset;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;}
.bg-bl a.main2 {background:#ee3820;text-align:center;border:2px solid #ee3820;color:#fff;display:block;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.bg-bl a.main2:hover{background:none;box-shadow:0px 0px 15px #ee3820 inset;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;}

.bg-bl a.main3 {background:#339900;text-align:center;border:2px solid #339900;color:#fff;display:block;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.bg-bl a.main3:hover{background:none;box-shadow:0px 0px 15px #339900 inset;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;}

.bg-bl .point{color:#ee3820}
.bg-bl .point2{color:#962271}
.one-1{} /*1 - 7단계체크*/
.one-2{position:fixed;left:50%;margin-left:-35%;top:0;margin-top:3%;width:70%;min-width:888px;z-index:9999;border:0;display:none}  /*2 - 결제1*/
.one-2 .close-modal{border:0;background:url('../img/main/done1.png') no-repeat;background-size:100%;width:35px;height:35px;position:absolute;right:0;top:0%}
.one-2 .close-modal span{width:90%;height:8%;background:#000;display:inline-block;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);left:0;bottom:0;margin-bottom:30%}
.one-2 .close-modal span:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.one-2 .close-modal span{display:none}


.one-3{position:fixed;left:50%;margin-left:-35%;top:0;margin-top:3%;width:70%;min-width:888px;z-index:9999;border:0;display:none}    /*3 - 결제2 */
.one-3 .close-modal{border:0;background:url('../img/main/done1.png') no-repeat;background-size:100%;width:35px;height:35px;position:absolute;right:0;top:0%}
.one-3 .close-modal span{width:90%;height:8%;background:#000;display:inline-block;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);left:0;bottom:0;margin-bottom:30%}
.one-3 .close-modal span:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.one-3 .close-modal span{display:none}


.one-4{display:none}  /*4 - 그래프 및 분석결과*/
.bg-bl .btn-p .img{margin-right:10px;display:inline-block}
.step1-1{padding:5% 0px;}
.step1-1 h4{ text-align:center;color:#222222;font-size:2.2em;color:#333333;font-weight:600}
.step1-1 .slick-list{z-index:9999}
.step1-1 .slick-dots{bottom:70px}
.step1-1 .slick-dots li button:before{width:16px;height:16px;background:#ee3820;content:'';border-radius:50%;}
.step1-1 .slick-next, .step1-1 .slick-prev{display:none !important}
.step1-1 .slick-dots li.slick-active button:before {color:#ee3820}
.step1-1 .cont{display:none}
.step1-1 .cont1{display:block}
#button_7{width:210px;height:16px;margin:0 auto;position:relative;top:-30px}
#button_7 li{width:16px;height:16px;border-radius:50%;background:#ee3820;opacity:0.25;float:left;margin:0 7px;cursor:pointer}
#button_7 li.active{background:#ee3820;opacity:1;}
#button_7 li a{font-size:0;display:inline-block;width:100%;height:100%;position:absolute;top:0}
.step1-1 .cont .se-wrap{width:30%;margin:5% auto ;height:100%}
.step1-1 .cont1 .se-wrap .img{display:inline-block;text-align:center;border:2px solid #fff;width:48%}
.step1-1 .cont1 .se-wrap .img img{margin:2px;width:90%}
.step1-1 .cont1 .se-wrap .img.active{border:2px solid #ee3820;}
.step1-1 .cont1 .se-wrap .img:hover{border:2px solid #ee3820;cursor:pointer;}
.step1-1 .cont1 .se-wrap .m-img{float:right}
.step1-1 .cont2 .se-wrap{margin:10% auto ;width:25%}
.step1-1 .cont3 .se-wrap{margin:10% auto;}
.step1-1 .cont4 .se-wrap{margin:3% auto 0;width:100%;padding: 0 5%}
.step1-1 .cont .qu{font-size:1.2em;color:#606060;display:inline-block;padding-left:2%;width:40%;height:35px;line-height:35px;letter-spacing:-1px}
.step1-1 .cont .answer{width:440px;display:inline-block;float:right}
.step1-1 .cont .answer div{font-size:1.2em;color:#606060;font-weight:600;text-align:center;width:110px;float:left;height:35px;line-height:35px;}
.step1-1 .cont .answer .box{border:1px solid #ee3820;height:30px;}
.step1-1 .cont .answer .box1{width:70px;border:1px solid #ee3820;margin-right:5px;height:30px;}
.step1-1 .cont .answer .box:hover, .step1-1 .cont4 .answer .box1:hover{cursor:pointer}
.step1-1 .cont .answer div.active{background:rgba(238,56,26,0.3)}
.step1-1 .cont5 .se-wrap{margin:5% auto ;width:100%;padding: 0 5%}
.step1-1 .cont6 .se-wrap{margin:5% auto ;width:100%;padding: 0 5%}
.step1-1 .cont7 .se-wrap{margin:5% auto ;width:100%;padding: 0 5%}
.step1-2 {width:100%;padding:5% 20% ;box-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.bg-bl .one-2 .close-modal{margin-top:30px;margin-right:40px;top:0}
.bg-bl .one-2 .close-modal span{background:#454545}
.step1-2 > h4.ft28{text-align:center;margin-bottom:2%;font-weight:600;font-size:2.3em !important}
.step1-2 > h5{text-align:center;font-weight:600}
.step1-2 ul{padding:3% 10% ;border-top:1px solid #454545;border-bottom:1px solid #454545;margin:5% 0}
.step1-2 ul li{color:#454545;line-height:1.6em;text-align:left;font-size:1.3em;font-weight:600}
.step1-2 p{text-align:center;line-height:1.6em; margin-bottom:3%;color:#222;font-weight:600;font-size:1.3em !important}
.step1-2 span{font-weight:600}
.step1-2 p b{text-decoration:line-through}
.step1-2 button{color:#fff;font-size:1.3em;text-align:center;width:49%;padding:2% 0}
.step1-2 button.btn-1{background:rgba(60,60,60,1);border:1px solid rgba(60,60,60,1)}
.step1-2 button.btn-2{background:rgba(238,56,32,1);border:1px solid rgba(238,56,32,1);}
.bg-bl .one-3 .close-modal{margin-top:30px;margin-right:40px;top:0}
.bg-bl .one-3 .close-modal span{background:#454545}
.step1-3 {width:100%;padding:5% 20% 8%;}
.step1-3 > h4.ft28{text-align:center;margin-bottom:2%;font-weight:600;}
.step1-3 > h5{text-align:center;font-weight:600}
.step1-3 div.box{border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:5% 0;margin:5% 0;height:300px}
.step1-3 p{text-align:center;margin-bottom:3%;color:#222;font-size:1.3em;font-weight:600}
.step1-3 div.box div{width:30%;border:1px solid #bfbfbf;padding:2% 0 ;text-align:center;display:inline-block;float:left;margin-right:3%;background:#fff}
.step1-3 div.box div img{margin-bottom:2%}
.step1-3 div.box div p{color:#454545}
.step1-3 div.box div:last-child{margin-right:0;}
.step1-3 div.box div:hover, .step1-3 div.box div.active{border:4px solid #ee3820;cursor:pointer}
.step1-4 {padding:5% 0;}
.step1-4 > h4.ft28{text-align:center;margin-bottom:2%;}
.step1-4 .text{padding:0px 2%; overflow-y:scroll;height:300px;width:50%;display:inline-block;margin-top:2%;float:right;margin-right:2%}
.step1-4 .text p{font-size:1.3em;color:#222;line-height:1.5em;margin-bottom:3%;word-break:keep-all}
.bg-bl .step1-4 .canvas-wrap{width:35% !important;margin-left:5% !important;margin-right:5% !important;background:#fff;display:inline-block;}

.dropdown {width:;text-align:center;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px;}
.dropdown dd { position:relative;}
.dropdown a, .dropdown a:visited { color:#3b3b3b; text-decoration:none; outline:none;font-size:16px;padding:10px 0px}
.dropdown dt {text-align:center;text-indent:10px;}
.dropdown dt strong {float:right;line-height:20px;color:#ee3820;margin-right:10px}
.dropdown dt a:hover {color:#3b3b3b; border-bottom:3px solid #ee3820;}
.dropdown dt a {background:#fff; display:block;border-bottom:2px solid #ee3820; width:100%;height:40px;font-weight:600}
.dropdown dt a span {cursor:pointer; display:inline-block;line-height:40px;}
.dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #bbb; color:#515151; display:none;left:0px; padding: 0; position:absolute; top:-1px; width:100%;list-style:none; text-align:center;font-size:15px;overflow:scroll;height:120px}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;padding-left:11px;transition:all 200ms ease-out;}
.dropdown dd ul li a:hover { background-color:#f7f7f7;}
.mr_0{margin-right:0 !important}

.dropdown2{margin-top:20px;display:inline-block;margin-right:20px}
.dropdown2 dt strong {color:#808080;height:20px}
.dropdown2 dt a:hover {color:#3b3b3b; border-bottom:0px; background:#eee}
.dropdown2 dt a {border-bottom:0px;border:1px solid #dddddd;font-weight:normal;text-align:left}

.s-step2{text-align:center}
.s-step2 .cont1 h3{color:#222222;color:#Fff}
.s-step2 .cont1 h1{color:#222222;font-weight:600}
.s-step2 .cont1 h6{color:#606060;line-height:26px;font-weight:normal}
.s-step2 .cont1 h2{font-weight:600}
.s-step2 .cont1 ul{width:970px;height:270px;margin:0 auto}
.s-step2 .cont1 ul li{display:inline-block;float:left;width:calc(100%/5);position:relative}
.s-step2 .cont1 ul .circle{border-radius:50%;border:2px solid #801fb2;background:#fff;text-align:center;color:#222;width:170px;height:170px;margin:0 auto;}
.s-step2 .cont1 ul li:nth-child(2n) .circle{background:#962271;color:#fff;border:2px solid #962271}
.s-step2 .cont1 ul .circle h4{font-size:30px;font-weight:600}
.s-step2 .cont1 li img{margin-top:25px}
.s-step2 .cont1 li p{font-size:18px;color:#222222;margin-top:10px;line-height:24px}
.s-step2 .cont1 ul li .next{position:absolute;top:50px;right:-5px}

.s-step2 .cont2 h3{font-weight:600}
.s-step2 .cont2 h4{font-size:30px;color:#606060;margin-bottom:15px;font-weight:600}
.s-step2 .cont2 p{font-size:18px;color:#606060;line-height:22px;}
.s-step2 .cont2 ul{width:100%;height:220px;padding:0 20px;margin:20px 0}
.s-step2 .cont2 ul li{display:inline-block;float:left;width:calc(100%/3);text-align:center;position:relative}
.s-step2 .cont2 li img{}
.s-step2 .cont2 ul li .next{position:absolute;top:80px;right:-5px}

.s-step2 .cont3 h3{font-weight:600}
.s-step2 .cont3 ul{width:970px;height:270px;margin:0 auto}
.s-step2 .cont3 ul li{display:inline-block;float:left;width:calc(100%/5);text-align:Center}
.s-step2 .cont3 ul .circle{border-radius:50%;border:2px solid #801fb2;background:#fff;text-align:center;color:#222;width:170px;height:170px;margin:0 auto}
.s-step2 .cont3 ul li:nth-child(2n) .circle{background:#962271;color:#fff;border:2px solid #962271}
.s-step2 .cont3 ul .circle h4{font-size:30px;font-weight:600}
.s-step2 .cont3 li p{font-size:18px;color:#222222;margin-top:10px}
.s-step2 .cont3 li img{margin-top:20px}

.s-step2 .cont4{}
.s-step2 .cont4 h6.ft18{color:#606060;font-weight:normal;margin-bottom:50px}
.s-step2 .cont4 .bg_white{padding:50px 0 60px}
.s-step2 ul.loadmap{width:1010px;margin: 20px auto 20px;height:450px;}
.s-step2 .loadmap li{position:relative;width:30%;margin-right:5%;floaT:left;display:inline-block;min-height:390px;z-index:1;padding:3% 2%;}
.s-step2 .loadmap li:last-child{margin-right:0}
.s-step2 .loadmap li img{display:none}
.s-step2 .loadmap li div{min-height:180px;position:absolute;top:210px;left:0;text-align:left;padding:5%;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
/* .s-step2 .loadmap li:hover div{height:220px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;} */
.s-step2 .loadmap li div p{color:#fff;font-size:1.2em;margin-bottom:3%;letter-spacing:-1px;line-height:1.5em}
.s-step2 .loadmap li.li1{background:url('../img/sub/p2-14.jpg') no-repeat center top;}
.s-step2 .loadmap li.li1 div{width:100%;background:#801fb2;  min-height:256px;}
.s-step2 .loadmap li.li2{background:url('../img/sub/p2-15.jpg') no-repeat center top;}
.s-step2 .loadmap li.li2 div{width:100%;background:#b2b01f;  min-height:256px;}
.s-step2 .loadmap li.li3{background:url('../img/sub/p2-16.jpg') no-repeat center top;}
.s-step2 .loadmap li.li3 div{width:100%;background:#b21f82; min-height:256px;}
.s-step2 .loadmap li:before{width:100%;height:210px;background:rgba(0,0,0,0.7);display:inline-block;content:'';position:absolute;top:0;left:0;z-index:-1}
.s-step2 .loadmap li h4{color:#fff;font-size:2.5em !important;margin:3% 0 10%}
.s-step2 .loadmap li h6{color:#fff;font-size:1.5em;font-weight:normal;line-height:24px}


/*2-모달*/
.two-only{}
.two-only > div{width:100%;height:;padding:5%}
.two-only div > h4{text-align:center;font-weight:600}
.s-step2 .two-only .loadmap{width:100%;margin:4% auto 20px;display:inline-block;}
.s-step2 .loadmap li:hover img{transform:scale(1.1)}

.s-step3{text-align:center}
.s-step3 .cont1{}
.s-step3 .cont1 h3{color:#222222;color:#Fff}
.s-step3 .cont1 h1{color:#222222;font-weight:600}
.s-step3 .cont1 h6{color:#606060;line-height:26px;font-weight:normal}
.s-step3 .cont1 .sec-wrap{width:1050px;margin:40px auto 60px;height:288px;}
.s-step3 .cont1 .sec-wrap section{display:inline-block;width:456px;height:288px;padding:70px;margin:0 34px;float:left}
.s-step3 .cont1 .sec-wrap section h3{display:block;margin-bottom:25px;color:#222222}
.s-step3 .cont1 .sec-wrap section p{line-height:26px;color:#606060}

.s-step3 .cont2 h3{font-weight:600}
.s-step3 .cont2 ul{width:890px;height:250px;margin:0 auto}
.s-step3 .cont2 ul li{display:inline-block;float:left;width:calc(100%/4);text-align:Center}
.s-step3 .cont2 ul .circle{border-radius:50%;border:2px solid #801fb2;background:#fff;text-align:center;color:#222;width:170px;height:170px;margin:0 auto}
.s-step3 .cont2 ul li:nth-child(2n) .circle{background:#962271;color:#fff;border:2px solid #962271}
.s-step3 .cont2 ul .circle h4{font-size:20px;font-weight:600}
.s-step3 .cont2 li p{font-size:18px;color:#222222;margin-top:10px}
.s-step3 .cont2 li img{margin-top:20px;margin-bottom:10px}

.s-step3 .cont3{}
.s-step3 .cont3 h3{font-weight:600}
.s-step3 .cont3 h6{color:#606060;line-height:26px;font-weight:normal}
.s-step3 .cont3 .bg_white{width:100%;height:632px;padding: 50px 50px 0px;margin-top:50px}
.calendar1{width:760px;border-right:1px solid #ddd;display:inline-block;float:left}
.calendar2{width:250px;display:inline-block}
.calendar2 h5{font-weight:600;text-align:center;color:#222222;margin-top:5px}
.calendar2 ul{width:230px;margin:20px auto 0;}
.calendar2 ul li{font-size:15px;color:#222222;padding:3px 0px;border:1px solid #dddddd;margin-bottom:10px;text-align:left}
.calendar2 ul li .icon{margin:0 10px}
.calendar2 ul li.active{border:1px solid #801fb2;cursor:pointer}

/*3-모달*/
.three-only{}
.three-only > div{width:100%;display:inline-block;padding:3%}
.three-only p .img{margin-right:10px;width:25px}
/*calendar*/
.community_1{height:500px}
.calendar {width:70%;padding-right:2%;border-right:1px solid #ddd;display:block;float:left;margin:0px ;font-size:14px;color:#666;}
.calendar .year {margin-top:1%;width:100%;padding-bottom:2%;border-bottom:1px solid #e9e9e9;text-align:center;}
.calendar .year span{border:1px solid #ddd;padding:6px 9px 5px;float:left;font-size:14px;color:#333}
.calendar .year #tourPrev{float:left;border-right:0;font-weight:600}
.calendar .year #tourNext{float:left;border-right:0;font-weight:600}
.calendar .year #today{}
.calendar .year span.month{float:right;color:#fff;background:#962271;border:1px solid #962271;}
.calendar .year span:hover{cursor:pointer}
#tourDate{font-size:1.6em;color:#454545}
.calendar_list table {border:1px solid #eee;border-top:0;border-right:0;border-bottom:0;width:100%}
.calendar_list table th {padding:1%;width:30px;border-bottom:1px solid #eee;border-right:1px solid #eee;background:#fbfbfb}
.calendar_list table td {width:70px;height:65px;border-bottom:1px solid #eee;border-right:1px solid #eee;cursor:pointer;text-align:left;vertical-align:top;padding:5px 3px}
.calendar_list table td.active {background:rgba(150,34,113,0.3)}
.calendar_list table td span {font-size:11px;}
.calendar_list table .today {background:#f2e3e8;}
.calendar_list table .sun {color:#ec2028}
.calendar_list table .mon {color:#666}
.calendar_list table .tue {color:#666}
.calendar_list table .wed {color:#666}
.calendar_list table .thu {color:#666}
.calendar_list table .fri {color:#666}
.calendar_list table .sat {color:#2e57ba}
.cbg1 {background:#ee3820}
.cbg2 {background:#fedf6c}
.cbg3 {background:#b2b01f}
.cbg4 {background:#801fb2}
.cbg5 {background:#b21f82}
.cbg6 {background:#3d8bf7}
.cbar {width:100%;height:15px;margin-bottom:2px;}

.calendar_info {width:28%;display:block;float:right;margin:0px 0 0 0px;}
.calendar_info h5{font-weight:600;text-align:center;color:#222222;margin-top:4%;margin-bottom:8%}
.calendar_info ul{width:90%}
.calendar_info ul li{font-size:1.2em;letter-spacing:-1px;color:#222222;padding:3px 0px;border:1px solid #dddddd;margin-bottom:2%;}
.calendar_info ul li .icon{margin:0 1%}
.calendar_info ul li:hover,.calendar_info ul li.active{border:1px solid #801fb2;cursor:pointer}
.calendar_info .calendar_list div{width:100%}
.calendar_info .calendar_list div input{width:45% !important;}
/*.calendar_info .date-num {width:440px;border-bottom:1px dashed #ddd;float:left;margin:40px 0 0 30px;float:left;padding-bottom:30px;}
.calendar_info .date {width:250px;font-size:15px;float:left;}
.calendar_info .plan_num {float:right;cursor:pointer;}
.calendar_info .plan_num ol li {border:1px solid #ddd;width:18px;height:18px;float:left;text-align:center;line-height:18px;font-size:11px;}
.calendar_info .plan_num ol li.click {border:1px solid #ec2028}
.calendar_info .img3 {float:left;margin-right:10px; }
.calendar_info .calendar_txt {border:1px solid #fafafa;background:#fafafa;width:358px;height:190px;padding:30px 40px;margin:30px;float:left;overflow-y:scroll;color:#555;line-height:1.5em;}
.calendar_info .calendar_txt span {font-size:13px;font-weight:bold;margin-bottom:10px;float:left;width:380px;color:#000;}*/
.go_control a {float:right;background:#ec2028;width:130px;height:35px;display:block;line-height:35px;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:20px 24px 30px 0;color:#fff;font-weight:bold;}


.s-step4{text-align:center}
.s-step4 .cont1 h3{color:#222222;color:#Fff}
.s-step4 .cont1 h1{color:#222222;font-weight:600}
.s-step4 .cont1 h6{color:#606060;line-height:26px;font-weight:normal}
.s-step4 .cont-wrap{width:1150px;margin:50px auto 50px;height:270px;}
.s-step4 .cont-wrap section{width:calc(100%/4);float:left;height:270px;padding:50px;position:relative;z-index:2}
.s-step4 .cont-wrap section img{margin-top:25px}
.s-step4 .cont-wrap section h3{color:#fff;font-size:24px;margin-top:20px}
.s-step4 .cont-wrap section .block{width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index:-1}
/* .s-step4 .cont-wrap section:hover .block{background:rgba(0,0,0,0.1);} */
.s-step4 .cont-wrap section.lesson1 {background:url('../img/sub/step4_1.jpg') no-repeat 30% ;background-size:cover}
.s-step4 .cont-wrap section.lesson2 {background:url('../img/sub/step4_2.jpg') no-repeat 40%;background-size:cover}
.s-step4 .cont-wrap section.lesson3 {background:url('../img/sub/step4_3.jpg') no-repeat 20%;background-size:cover}
.s-step4 .cont-wrap section.lesson4 {background:url('../img/sub/step4_4.jpg') no-repeat 60%;background-size:cover}

.s-step4 .cont2 {}
.s-step4 .cont2 h3.ft40{font-weight:600} 
.s-step4 .cont2 h4{color:#606060;margin-bottom:20px;font-weight:600} 
.s-step4 .cont2 p.ft18{color:#606060;margin-bottom:38px;line-height:24px} 
.s-step4 .cont2 .bar1{width:1150px;height:1px;background:#d3d3d3;margin-bottom:40px}
.s-step4 .cont2 b{color:#222}
.s-step4 .cont2 span.color{color:#962271;display:block;margin:10px 0 35px}
.s-step4 .cont2 ul{width:890px;height:250px;margin:0 auto}
.s-step4 .cont2 ul li{display:inline-block;float:left;width:calc(100%/4);text-align:Center}
.s-step4 .cont2 ul .circle{border-radius:50%;border:2px solid #801fb2;background:#fff;text-align:center;color:#222;width:170px;height:170px;margin:0 auto}
.s-step4 .cont2 ul li:nth-child(2n) .circle{background:#962271;color:#fff;border:2px solid #962271}
.s-step4 .cont2 ul .circle h4{font-size:30px;font-weight:600;;font-weight:600}
.s-step4 .cont2 ul li:nth-child(2n) .circle h4{color:#fff}
.s-step4 .cont2 li p{font-size:20px;color:#222222;margin-top:10px;font-weight:600}
.s-step4 .cont2 li img{margin-top:20px;margin-bottom:10px}
.speech{width:970px;height:155px;margin: 0 auto 40px}
.speech section{width:300px;height:155px;padding:30px 0;float:left;margin:0 10px}
.s-step4 .speech section b{color:#fff;font-size:24px}
.speech section p{color:#fff;margin-top:20px;font-size:18px}
.speech .cont1{background:rgba(128,31,178,1)}
.speech .cont2{background:rgba(178,176,31,1)}
.speech .cont3{background:rgba(178,31,130,1)}

/*4-모달*/
.four-only{}
.four-only > div{width:100%;padding:4% }
.four-only div >h4 {text-align:center;}
.four-only .cont1:before{display:inline-block;content:'';width:25px;height:33px;background:url('../img/sub/p-a2.png') no-repeat;background-size:100%;
display:inline-block;position:absolute;left:0;top:0}
.four-only .cont1 {padding-left:3%;padding-bottom:2%;margin-top:2%;border-bottom:1px solid #d3d3d3;position:relative}
.four-only .cont1 li{color:#222222;font-size:1.3em;line-height:1.5em;}
.four-only .cont2{margin-top:2%;border:1px solid #d3d3d3;padding:2%;height:120px !important;}
.four-only .cont2 p{font-size:1.3em;color:#222222;line-height:1.4em}
.four-only .cont2 > span{display:block;font-size:1.2em;color:#818181}
.four-only .cont3 {border:1px solid #d3d3d3;color:#222222;padding:1% 1% 0;width:85%;height:50px;margin-top:1%;display:inline-block}
.four-only .cont3 span{font-size:1.2em;color:#818181;}
.four-only .cont3-btn{background:rgba(150,34,113,1);color:#fff;text-align:center;height:30px;width:10%;border:2px solid #962271;margin-top:1%;font-size:1.0em;line-height:1.0em;    padding: 5px 10px;}
.four-only .cont3-btn:hover{background:rgba(150,34,113,0.9);}
/*.four-only .cont3-btn:hover:after{box-shadow:90px 0 0 #962271 inset;width:90px;height:75px;display:inline-block;content:'';position:absolute;top:0;left:0}*/

.point{color:#ee3820}
.point2{color:#962271}
.point3{color:#801fb2}
.s-step5{text-align:center}
.s-step5 .cont1 .s-wrap > h6{color:#606060;font-weight:normal;line-height:24px}
.s-step5 .cont1 .text {width:1000px;margin:40px auto 60px;height:288px;}
.s-step5 .cont1 .text div{background:#fff;width:294px;height:288px;display:inline-block;float:left;margin:0px 18px;}
.s-step5 .cont1 .text div h4{margin:70px 0px 40px}
.s-step5 .cont1 .text div p{font-size:18px;color:#606060;line-height:24px}
.s-step5 .cont2 p {color:#606060;line-height:24px}
.s-step5 .cont2 h2 .img{position:relative;top:-50px;margin-left:-20px}
.s-step5 .cont2 .spec {margin:40px 0px;border-bottom:1px solid #d3d3d3;padding:0 195px 40px;height:210px;}
.s-step5 .cont2 .spec div{float:left;padding-top:60px;margin:0px 15px}
.s-step5 .cont2 .spec .img{font-size:70px;padding-top:40px;font-weight:600}
.s-step5 .cont2 .spec .circle{width:170px;height:170px;border-radius:50%;border:2px solid #801fb2;background:#fff;color:#222222;font-size:18px;text-align:center;display:inline-block;font-weight:600;line-height:26px}
.s-step5 .cont2 .spec .circle2{background:#962271;border:2px solid #962271;font-size:24px;color:#fff;line-height:30px}
.s-step5 .cont2 .bg_cr{height:165px;display:inline-block;padding:30px 0px}
.s-step5 .cont2 .bg_cr strong{color:#fff;display:block}
.s-step5 .cont2 .bg_cr p{color:#fff}
.s-step5 .cont2 .bg_cr span{color:#fff;display:inline-block;font-size:17px;margin:0 5px;float:left}
.s-step5 .cont2 .bg_cr .sign{font-size:30px;font-weight:600;}
.s-step5 .cont2 .bg_color1{background:#801fb2;width:360px;}
.s-step5 .cont2 .bg_color2{background:#962271;width:680px;float:right;padding:30px 62px}

.s-step5 .ul{width:1150px;height:170px;margin:0px auto }
.s-step5 .ul li{display:inline-block;float:left;width:calc(100%/6.0001);text-align:Center}
.s-step5 .ul .circle{border-radius:50%;border:2px solid #801fb2;background:#fff;text-align:center;color:#222;width:170px;height:170px;margin:0 auto}
.s-step5 .ul li:nth-child(2n) .circle{background:#962271;color:#fff;border:2px solid #962271}
.s-step5 .ul .circle h4{font-size:18px;font-weight:600}
.s-step5 .ul li img{margin-top:20px;margin-bottom:5px}
.s-step5 .ul li p{font-size:16px;color:#222222;margin-top:10px;line-height:18px}
.s-step5 .cont4 .s-wrap{width:950px}
.s-step5 .cont4 .ul{width:650px;height:250px;margin:40px auto }
.s-step5 .cont4 .ul li{width:calc(100%/3.0001);}
.s-step5 .cont4 .makeup{}
.s-step5 .cont4 .bg{width:383px;height:239px;display:inline-block;text-align:center;position:relative}
.s-step5 .cont4 .makeup .bg1{background:url('../img/sub/p5-11.jpg') no-repeat;float:left}
.s-step5 .cont4 .hair{}
.s-step5 .cont4 .hair .bg2{background:url('../img/sub/p5-12.jpg') no-repeat;float:right}
.s-step5 .cont4 .block{position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.s-step5 .cont4 .bg:hover{background-color:rgba(0,0,0,0.1)}
.s-step5 .cont4 .bg strong{color:#fff;position:absolute;z-index:9;top:100px;font-size:30px;font-weight:600;left:50%;margin-left:-50px}
.s-step5 .cont4 .bg1 strong{margin-left:-70px}
/*.s-step5 .cont4 .bg:hover .block{background: rgba(0,0,0,0.5);}*/
.s-step5 .cont4 .bg_white{text-align:left;padding:35px 40px 0px 45px;width:567px;display:inline-block;height:239px;}
.s-step5 .cont4 .bg_white p{color:#454545;line-height:26px;letter-spacing:-0.05em;display:block;margin-top:15px;}
.s-step5 .cont4 .bg_white b{line-height:28px;letter-spacing:-0.02em;}

.s-step6{text-align:Center}
.s-step6 .cont1 h1{color:#222222;font-weight:600}
.s-step6 .cont1 .s-wrap > h6{color:#606060;font-weight:normal;line-height:24px}
.s-step6 .cont1 .text {width:1000px;margin:40px auto 60px;height:288px;}
.s-step6 .cont1 .text div{background:#fff;width:294px;height:288px;display:inline-block;float:left;margin:0px 18px;}
.s-step6 .cont1 .text div h4{margin:70px 0px 40px}
.s-step6 .cont1 .text div p{font-size:18px;color:#606060;line-height:24px}
.s-step6 .sec-wrap{width:1050px;margin:40px auto 60px;height:288px;}
.s-step6 .sec-wrap section{display:inline-block;width:456px;height:288px;padding:70px 50px;margin:0 34px;float:left}
.s-step6 .sec-wrap section h3{display:block;margin-bottom:25px;color:#222222;line-height:36px;font-weight:600}
.s-step6 .sec-wrap section p{line-height:26px;color:#606060}
.s-step6 .check-wrap{height:239px;}
.s-step6 .check-wrap > div{ width:calc(100%/3);float:left;height:239px;text-align:center;padding-top:78px;position:relative;}
.s-step6 .check-wrap > div p{font-size:18px;line-height:26px;color:#fff;position: relative;z-index: 2;}
.s-step6 .check-wrap .check1{background:url('../img/sub/p6-1.jpg') no-repeat;background-size:cover}
.s-step6 .check-wrap .check3{background:url('../img/sub/p6-2.jpg') no-repeat;background-size:cover}
.s-step6 .check-wrap .check2{background:rgba(128,31,178,1)}
.s-step6 .check-wrap .block{position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.s-step6 .check-wrap > div:hover{}
.s-step6 .check-wrap > .check2:hover{background:rgba(128,31,178,0.85)}

.s-step6 .cont3 h5{color:#606060;margin-bottom:30px;}
.s-step6 .cont3 .wrap{margin:0 0 30px;border-bottom:1px solid #d3d3d3;padding:0 0px 30px;height:185px;}
.s-step6 .cont3 .wrap div{float:left;padding-top:50px;margin:0px 1px}
.s-step6 .cont3 .wrap .img{font-size:60px;padding-top:40px;font-weight:600}
.s-step6 .cont3 .wrap .circle{width:154px;height:154px;border-radius:50%;border:2px solid #801fb2;background:#fff;color:#222222;font-size:18px;text-align:center;display:inline-block;font-weight:600;line-height:26px}
.s-step6 .cont3 .wrap .circle2{padding-top:30px;background:#962271;font-weight:normal;border:2px solid #962271;font-size:20px;color:#fff;line-height:22px}
.s-step6 .cont3 .wrap .pt{padding-top:60px}
.s-step6 .s-wrap .wrap2{width:1150px;height:165px;margin: 0 auto 40px}
.s-step6 .s-wrap .wrap2 div{width:356px;height:155px;padding:30px 20px;float:left;margin-right:26px;}
.s-step6 .s-wrap .wrap2 b{color:#fff;font-size:24px;border-bottom:1px solid #fff;padding-bottom:10px;display:block}
.s-step6 .wrap2 p{color:#fff;margin-top:20px;font-size:18px;font-weight:normal;letter-spacing:-0.5px}
.s-step6 .wrap2 .box1{background:rgba(128,31,178,1)}
.s-step6 .wrap2 .box2{background:rgba(150,34,133,1)}
.s-step6 .wrap2 .box3{background:rgba(178,176,31,1);margin-right:0}
.s-step6 .cont4 h6{color:#606060;font-weight:normal}

.s-step6 .bar{width:1150px;height:1px;background:#d3d3d3;margin:25px 0px}
.s-step6 .cont4 .wrap{width:970px;height:155px;margin: 25px auto 0px}
.s-step6 .cont4 .wrap div{width:290px;height:155px;padding:30px 0;float:left;margin:0 10px}
.s-step6 .cont4 .wrap div b{color:#fff;font-size:24px;font-weight:500}
.s-step6 .cont4 .wrap div p{color:#fff;margin-top:20px;font-size:18px}
.s-step6 .cont4 .wrap .box1{background:rgba(128,31,178,1)}
.s-step6 .cont4 .wrap .box2{background:rgba(178,176,31,1)}
.s-step6 .cont4 .wrap .box3{background:rgba(178,31,130,1)}
.s-step6 .cont5 p{font-size:18px;color:#606060;line-height:24px}
.s-step6 .cont6 p{font-size:18px;color:#606060;line-height:24px}
.s-step6 .circle-wrap{width:970px;height:154px;margin:30px auto 0}
.s-step6 .circle-wrap .circle{width:154px;height:154px;float:left;border-radius:50%;border:2px solid #801fb2;background:#fff;color:#222222;font-size:18px;text-align:center;display:inline-block;font-weight:600;line-height:26px;margin:0px 20px;padding-top:40px}
.new-q {width:457px;height:288px;border:3px solid #ddd;text-align:center;display:inline-block;margin:0px 50px 30px}
.new-q img{padding-top:50px;margin-bottom:20px}
.new-q p{font-size:16px;color:#606060;line-height:24px}
.s-step6 .cont7 b{display:block}
.s-step6 .cont7 .circle-wrap{width:800px;height:154px;margin:30px auto 0}
.s-step6 .cont7 .circle{letter-spacing:-1px;}
.s-step6 .cont8 p{font-size:18px;color:#606060;line-height:24px}
.s-step6 .cont8 .wrap{width:1050px;height:165px;margin:0 auto;text-align:center;margin-top:40px}
.s-step6 .cont8 .wrap b{color:#fff;font-size:26px;font-weight:500}
.s-step6 .cont8 .wrap p{color:#fff;margin-top:20px;font-size:18px}
.s-step6 .cont8 .wrap div{width:261px;height:165px;float:left;margin-right:2px;padding-top:40px;}
.s-step6 .cont8 .wrap div:last-child{margin-right:0px}
.s-step6 .cont8 .box1{background:#801fb2}
.s-step6 .cont8 .box2{background:#962271}

.four-only .text-box{margin-top:20px;width:100%;}
.four-only .text-box input{width:100%;padding:10px;border:1px solid #ddd;color:#3b3b3b;font-size:12px;height:250px;overflow:scroll;vertical-align:top}


/* 크루터 스토리*/
.story_wrap{text-align:center}
.story_wrap .bg{background:url('../img/sub/s_banner06.jpg') no-repeat center ;background-size:cover;height:980px;padding-top:190px}
.story_wrap h2{font-weight:400;color:#fff}
.story_wrap h3{font-weight:600;color:#fff}
.story_wrap h6{font-weight:normal;color:#fffff}

.story_wrap .wrap{width:1150px;padding:0px 78px;height:288px;margin:90px auto 0; }
.story_wrap .wrap div{text-align:center;width:294px;height:288px;float:left;display:inline-block;margin-right:44px;background:#fff;padding-top:70px;box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.story_wrap .wrap .cont3{margin-right:0}
.story_wrap .wrap strong{display:block;margin-bottom:35px;color:#801fb2;font-size:30px;}
.story_wrap .wrap .cont2 strong{color:#b2b01f}
.story_wrap .wrap .cont3 strong{color:#b21f82}
.story_wrap .wrap p{font-size:18px;color:#222222;line-height:24px;}

/*유학큐레이션*/
.studying_wrap {text-align:center}
.studying_wrap > section {padding:90px 0}
.studying_wrap .cont h2{font-weight:600;color:#222222}
.studying_wrap .cont h3{font-weight:600;color:#454545}
.studying_wrap .cont h6{font-weight:normal;color:#606060}

.studying_wrap .cont0{background:url('../img/sub/s_banner02.jpg') no-repeat center ;background-size:cover;height:917px;padding-top:190px}
.studying_wrap .cont0 {color:#fff}
.studying_wrap .cont0 h3{color:#fff;font-weight:500}
.studying_wrap .cont0 .text{width:980px;margin:0 auto;height:150px;margin-bottom:50px}
.studying_wrap .cont0 .text > div{width:294px;height:150px;padding:24px 20px;color:#222222;background:#fff;float:left;margin-right:48px;}
.studying_wrap .cont0 .text p{margin-top:15px;font-size:18px;line-height:24px;color:#222222}
.studying_wrap .cont0 .mr_0{margin-right:0 !important}

ul.list-style-1{width:960px;margin: 20px auto 0;height:376px}
.list-style-1 li{position:relative;width:300px;margin-right:25px;floaT:left;display:inline-block;height:376px;z-index:1;}
.list-style-1 li:last-child{margin-right:0}
.list-style-1 li img{}
.list-style-1 li div.text{height:167px;position:absolute;bottom:0;left:0;text-align:center;padding:20px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
/* .s-step2 .list-style-1 li:hover div{height:220px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;} */
.list-style-1 li div.text p{color:#fff;font-size:18px;margin-bottom:20px;letter-spacing:-1px;line-height:24px}
.list-style-1 li.li1 div.text{width:100%;background:#801fb2;}
.list-style-1 li.li2 div.text{width:100%;background:#b2b01f}
.list-style-1 li.li3 div.text{width:100%;background:#b21f82}
/*.list-style-1 li:before{width:300px;height:210px;background:rgba(0,0,0,0.7);display:inline-lock;content:'';position:absolute;top:0;left:0;z-index:-1}*/
.list-style-1 li b{font-weight:600;color:#fff;font-size:30px;margin-bottom:10px;display:inline-block}

.studying_wrap .cont3{background:url('../img/sub/studying_bg2.jpg') no-repeat;background-size:cover;height:782px}
.studying_wrap .cont3 h3.point{color:#ee3820}
.studying_wrap .cont4  {width:1150px; margin:0 auto}

.btn_normal{}
.btn_fixed {position:fixed;top:80px;left:0;width:100%;min-width:1100px;height:90px;background:rgba(0,0,0,0.3);z-index:99;padding-top:20px}
.btn_fixed a{text-align:center;}


/*해회 항공사 탐방*/
.airpline_title {font-size:38px;color:#fff;font-weight:700;text-align:center; padding:20px 0;}
.air1 {background:#0071ab;}
.air2 {background:#4c296e;}

.airline{width:1150px;margin:0 auto 50px;text-align:center;}
.airline h2{font-size:40px;color:#0071ab;margin:80px 0; font-weight:700;}
.airline h3{font-size:30px;color:#202020;margin-bottom:30px;font-weight:700;line-height:150%;}
.airline h3 strong{font-size:30px;color:#0071ab;margin-bottom:30px;font-weight:700;}
.airline h4{font-size:20px;color:#202020;margin:30px 0;font-weight:700;line-height:150%;}
.airline .tit {font-size:20px;color:#fff;margin-bottom:40px;font-weight:700;line-height:150%;background:#4c296e;border-radius: 48px;padding:5px 15px;}
.airline .notice {text-align:right; padding:20px 0;font-size:20px; font-weight:700; border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin-bottom:10px;}


.airline #tap1 p{font-size:16px;color:#606060;background:#f7f7f7;line-height:24px;text-align:left;padding:22px 0px 22px 50px;margin-bottom:10px }
.airline ul{}
.airline ul li{font-size:18px;color:#606060;line-height:24px;}
.airline .tap-list li {width:calc(100%/4);}
.airline .bar{border-top:1px solid #ddd;margin:40px 0px 45px}
.airline section{height:318px;margin-bottom:50px;}
.airline section img{float:right;}
.airline .text-box {width:50%;display:inline-block;padding:30px;text-align:left;height:318px}
.airline .text-box h4{font-size:26px;padding-top:30px}
.airline  #tap2 .text-box p{font-size:16px;color:#606060;line-height:24px;word-break:keep-all;margin-top:50px}
.airline  #tap2 .text-box span{text-align:left;font-size:14px;margin-top:20px;color:#080808;display:block}
.airline  #tap2 .text-box2 {text-align:center; width:100%;height: auto}
.airline .tap-contents #tap2 .text-box2 p{text-align:center;font-size:18px;margin-top:35px}
.airline  #tap2 span{text-align:left;font-size:14px;margin-top:20px;color:#080808;display:block}
.airline a.main{width:400px}
.airline a.main:hover{background:none;box-shadow:400px 0px 0px rgba(238,56,32,0.8) inset,-400px 0px 0px rgba(238,56,32,0.8) inset;}

.img_mov {background:url('../img/sub/air_bg1.jpg') no-repeat;background-size:cover;min-height:800px;overflow:hidden;padding:50px 0 100px 0;}
.img_mov ul {margin:20px auto;}
.img_mov li {float:left; padding:10px;width:50%;}
.img_mov li img {max-width:540px;}
/*tap list*/
.tap-list {width:100%;height:50px;margin-bottom:65px}
.tap-list li{width:20%;text-align:center;display:inline-block;float:left;}
.tap-list li a{display:block;background:#f7f7f7;color:#222222;border:1px solid #ddd;border-right:0;padding:15px 0px;font-size:16px}
.tap-list li:last-child a{border-right:1px solid #ddd}
.tap-list li.active a{background:#2d2c31;color:#fff;}

.tap-contents {width:100%}
.tap-contents > div{display:none;position:relative;left:0;top:0}
.tap-contents .notice {text-align:right !important;color:#ff0000;font-size:1.25em;}
.tap-contents > #tap1 {display:block;}
.tap-contents .half{ width:50%; padding:10px; display:inline-block}
.tap-contents > #tap2 p{font-size:13px;color:#606060;margin:10px 0px;text-align:left}
.tap-contents .wid48{width:480px;display:inline-block;padding-right:20px} 
.tap-contents .wid48 .thrum{width:25%;float:left;padding:3px;}
.tap-contents .wid67{width:670px;display:inline-block}
.tap-contents > #tap4 p {font-size:16px; color:#060606; text-align:left; line-height:24px;margin-bottom:20px}
.tap-contents > #tap5 {height:520px}
.tap-contents > #tap5 .img{width:calc(100%/3);padding:0px 10px;display:inline-block;float:left;height:230px;margin-bottom:20px}

table{border-collapse:collapse;}
.table-style1{width:100%; border-top:2px solid #292929; font-size:16px; text-align:center;line-height:24px}
.table-style1 th{background:#f7f7f7;border:1px solid #ddd;padding:10px 0;color:#333333}
.table-style1 td{background:#fff;border:1px solid #ddd;padding:10px 0;color:#606060}
.table-style1 .t-l0{border-left:0}
.table-style1 .t-r0{border-right:0}
.table-style1 tr td:first-child{font-weight:600;color:#333333}
.table-style1 .left{text-align:left; padding-left:20px;} /*해외항공사탐방 교육일정*/

.table-style2{width:100%; border-top:2px solid #292929; font-size:16px; text-align:center;line-height:24px;}
.table-style2 th{background:#3d3d3d;padding:10px 0;color:#fff}
.table-style2 td{padding:10px 0;color:#606060}
.table-style2 .t-l0{border-left:0}
.table-style2 .t-r0{border-right:0}
.table-style2 tr:nth-child(odd){background:#e1e1e1;}
.table-style2 tr td:first-child{font-weight:600;color:#333333}
.table-style2 .left{text-align:left; padding-left:20px;} /*해외항공사탐방 교육일정*/
.table-style2 tr td .bg {background:#e1e1e1;}



/*게시판 관련*/
.wid1150{width:1150px;margin:0 auto; padding:50px 0 70px}
.ft-right{float:right}

/*컨뮤니티*/
.comunity{width:1150px;margin:0 auto 100px;}
.comunity p{font-size:16px;color:#606060;background:#f7f7f7;line-height:24px;text-align:left;padding:22px 0px 22px 50px;margin-bottom:10px;margin-top:20px;text-align:center}
.comunity ul{}
.comunity ul li{font-size:18px;color:#606060;line-height:30px;}
.comunity .tap-list li {width:calc(100%/2);}
.comunity .bar{border-top:1px solid #ddd;margin:40px 0px 45px}
.comunity .tap-contents > #tap2 p{font-size:16px;text-align:center}

/*제휴제안 절차 안내*/
.guid h3{color:#222;font-size:18px;font-weight:400; text-align:center}

.guid .box-wrap{width:1050px;margin:0 auto;text-align:center;margin-top:40px;min-height:140px}
.guid .box-wrap b{color:#fff;font-size:26px;font-weight:500}
.guid .box-wrap p{color:#fff;font-size:18px;display:inline-block;margin-left:10px}
.guid .box-wrap div{width:261px;float:left;margin-right:2px;padding:40px;}
.guid .box-wrap div:last-child{margin-right:0px}
.guid .box-wrap .box1{background:#801fb2}
.guid .box-wrap .box2{background:#962271}

.guid .guid-list {display:block;width:1050px;margin:0 auto;}
.guid .guid-list h4{font-size:22px;font-weight:600;color:#222222}
.guid .guid-list ul{margin:10px auto 50px}
.guid .guid-list ul li{font-size:16px;color:#606060;line-height:26px;padding-left:10px}
.guid .guid-list ul li:before{width:5px;height:5px;background:#606060;border-radius:50%;display:inline-block;content:'';position:relative;left:-10px;margin-top:-2px}

 /*FAQ*/
#faq_wrap{}
#faq_wrap li h3{font-size:18px}
#faq_wrap .con_inner p{font-size:15px;line-height:22px}

/*하단 사업자등록증*/
#ft #business1{}
#ft #business1:hover{cursor:pointer}
#ft .b-modal{position:fixed;top:0;left:0;background:rgba(0,0,0,0.3);width:100%;height:100%;z-index:9999;display:none}
#ft .b-modal .content{position:relative;left:50%;margin-left:-15%;width:30%;top:10%}
#ft .b-modal .close-btn{position:absolute;width:5%;height:4.5%;right:0;background:#333;top:0%}
#ft .b-modal .close-btn img{width:100%;margin-top:1px;}
#ft .b-modal .close-btn:hover{cursor:pointer}
#ft .b-modal .close-btn span{position:absolute;top:45%;right:5%;width:90%;height:10%;background:#fff;display:inline-block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
#ft .b-modal .close-btn span:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
#ft .content > img{width:90%}

.pc_none{display:none}

/**/
.textarea-wrap{padding:0 !important;border:0 !important;}
.textarea-wrap textarea{padding:10px;font-size:15px;line-height:22px;width:100%;height:100%;}


.my-contents .my-c{width:1150px;margin:0 auto 100px;display:none}
.my-contents #my7{display:block}

.my-table{width:970px;margin:50px auto 0 ;border-collapse:collapse;border:2px solid #2d2c31;color:#222222;line-height:20px;}
.my-table td, .my-table th{padding:15px;border:1px solid #dddddd}
.my-table th{background:#ee3820;text-align:center;color:#fff;font-size:28px;padding:20px 0}
.my-table td{font-size:15px;color:#222222px;}
.my-table td p{margin-bottom:18px;word-break:keep-all;}
.my-table ul{height:90px;width:800px;margin:0 auto}
.my-table ul li{width:25%;display:inline-block;float:left;}
.my-table ul li.strong{font-size:18px;font-weight:600}
.my-table ul li.strong span{font-size:18px;}
.my-table ul span{display:inline-block;border:2px solid #801fb2;border-radius:50%;padding-top:32px;width:82px;height:82px;text-align:center;color:#222222;font-size:15px;font-weight:600;margin-right:10px;}
.my-table ul li:nth-child(2n) span{border:2px solid #962271;}
.my-table .center{text-align:center}
.my-table .bg1{background:#f9f9f9}
.my-table .bold{font-weight:600;}
.my-table .under{border-bottom:1px solid #333;}
.my-table .sign-wrap{position:relative;text-align:right;height:170px;padding-top:30px}
.my-table .sign-wrap span{margin:0 15px;}
.my-table .sign-wrap .sign{margin-left:110px}
.my-table .stamp{position:absolute;top:-25px;right:30px;}

.mypage .header{padding-top:100px;text-align:center;padding-bottom:15px;border-bottom:1px solid #d3d3d3}
.mypage .header h1{font-size:40px;color:#222222;letter-spacing:-1.5px;font-weight:600;margin-bottom:20px}
.mypage .header h1 > span{font-weight:600}
.mypage .header div > span{font-size:18px;color:#222222;letter-spacing:-1px;font-weight:normal;margin-left:20px}
.mypage .body {text-align:center;margin:25px 0px 100px}
.mypage .body h2{font-size:30px;color:#222222;letter-spacing:-1px;font-weight:600;margin-bottom:40px}
.mypage .final_result{background:url('../img/sub/final_result.png') no-repeat; width:1150px;height:300px;position:relative}
.mypage .final_result-wrap{width:100%;display:inline-block;}
.mypage .final_result .color1{margin-top: 128px;margin-left: 247px;}
.mypage .final_result .color2{margin-top: 128px;margin-left: 437px;}
.mypage .final_result .color3{ margin-top: 118px;margin-left: 637px;}
.mypage .final_result .color4{margin-top: 142px;margin-left: 847px;}
.mypage .final_result span{font-size:20px;line-height:24px;position:absolute;top:0;left:0;color:#fff}
.mypage .body .txt{font-size:18px;color:#606060;line-height:24px;letter-spacing:-0.5px;margin-top:45px}

.my-c .bg_white {padding-top:60px}
.my-c h4.ft28{font-size:40px !important;text-align:center;margin-bottom:25px;font-weight:600;border-bottom:1px solid #d3d3d3;padding-bottom:15px}
.my-c h4 span{font-weight:600}
.my-c .step1-4 .text{overflow:inherit;max-height: none;height: auto;padding:0;width:50%;display:inline-block;margin-top:0;margin-right:0}
.my-c .step1-4 .text p{font-size:15px;line-height:26px;margin-bottom:22px}
.my-c .step1-4 .canvas-wrap{width:48% !important;padding:50px 50px 100px;display:inline-block;float:left;background:#fafafa !important;margin-right:1.5% !important;min-height:850px}

.my-c ul.loadmap{width:1010px;margin: 20px auto 0;height:420px;}
.my-c .loadmap li{position:relative;width:320px;margin-right:20px;floaT:left;display:inline-block;height:420px;z-index:1;padding:30px 20px;}
.my-c .loadmap li:last-child{margin-right:0}
.my-c .loadmap li img{display:none}
.my-c .loadmap li div{height:210px;position:absolute;bottom:0;left:0;text-align:left;padding:25px 30px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
/* .my-c .loadmap li:hover div{height:220px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;} */
.my-c .loadmap li div p{color:#fff;font-size:18px;margin-bottom:20px;letter-spacing:-1px;line-height:24px}
.my-c .loadmap li.li1{background:url('../img/sub/p2-14.jpg') no-repeat center top;}
.my-c .loadmap li.li1 div{width:100%;background:#801fb2;}
.my-c .loadmap li.li2{background:url('../img/sub/p2-15.jpg') no-repeat center top;}
.my-c .loadmap li.li2 div{width:100%;background:#b2b01f}
.my-c .loadmap li.li3{background:url('../img/sub/p2-16.jpg') no-repeat center top;}
.my-c .loadmap li.li3 div{width:100%;background:#b21f82}
.my-c .loadmap li:before{width:320px;height:210px;background:rgba(0,0,0,0.7);display:inline-block;content:'';position:absolute;top:0;left:0;z-index:-1}
.my-c .loadmap li h4{color:#fff;font-size:30px;margin:30px 0 20px}
.my-c .loadmap li h6{color:#fff;font-size:18px;font-weight:normal;line-height:24px}

.my-c .calendar{float:none;display:inline-block;width:750px}
.my-c .calendar_info { width: 250px;height: 510px; display: inline-block;margin: 0px 100px 0px 0px;}
.my-c .main2 {  background: #ee3820;border: 2px solid #ee3820; display: block;color: #fff;padding: 10px 15px;font-size:16px !important;width:225px;
		transition: all 0.5s;
-webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
   -moz-transition: all 0.5s;}
.my-c .main2 img {margin-right:10px}
.my-c p.ft18 img.img{margin:15px}

.my-c p.p{ color: #222;font-size: 18px;font-weight: normal; line-height: 24px;margin-top:30px}

.my-c .place{ color: #222;font-size: 18px;font-weight: normal; line-height: 24px; }
.my-c .place span{font-weight: 600; color:#801fb2}
.my-c .date{ color: #222;font-size: 18px;font-weight: normal; line-height: 24px;margin-bottom:5px}
.my-c .date span{font-weight: 600; color:#801fb2}

.yet {text-align:center;padding:100px 0 100px;}
.yet p{font-size:20px;line-height:30px;margin:30px auto 100px;}
.yet a{font-size:22px; background: #ee3820; border: 1px solid #ee3820;color: #fff; padding: 21px 60px;}
.yet .final-icon{font-size:60px;color:#fff;font-weight:600;background:#f58220;border:2px solid #f58220;border-radius:50%;width:86px;height:86px;margin:0 auto;padding-top:10px}

/* 6단계 완료시 팝업창*/
#finish{width:600px;height:440px;background:url('../img/sub/finish.jpg') no-repeat center center;margin:0 auto;text-align:center;position:fixed;top:15%;left:50%;margin-left:-300px}
#finish span{font-size:60px; font-weight:600; color:#fff;display:none}
#finish p{display:inline-block; color:#fff; font-size:36px;margin-top:300px;line-height:50px}
#finish .f-close{width:40px;height:40px;position:absolute;right:10px;top:10px}
#finish .f-close:hover{cursor:pointer}

.licence_box {position:absolute;text-indent:-9999em;line-height:0;overflow:hidden;z-index:-9999}

.bg-bl .my-table { width: 800px; margin-top:10px }
.bg-bl .my-table { width: 800px; }
.bg-bl .step1-4{ height:650px;overflow-y:scroll}
.bg-bl .height-on{ height:500px;overflow-y:scroll}

@media only all and (max-width:1300px) {
	.bg-bl .step1-4{ height:470px;overflow-y:scroll}
}


/* 셀렉트박스 */
.selectBox {margin-right: 10px; font-size: 12px; position: relative; cursor: pointer; width:33%;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;color:#606060;}
.selectBox .heading {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
padding:5px 0;
font-family:'Malgun Gothic', dotum, sans-serif;font-size:1.1em;
}
.selectBox .heading:after {content: ""; display: block; width: 8px; height: 7px; margin-top: -3px; 
background: url('/img/select_arrow1.png') no-repeat center center; position: absolute; right: 13px; top: 50%; z-index: 1;
}
.selectBox ul {display: none; margin-top: -1px; border: 1px solid #d1d1d1; background: #fff; position: absolute; left: 0; top: 100%; right: 0; z-index: 2;}
.selectBox ul li {margin:0px;padding: 8px 4px; line-height: 1; color: #767676; background: #fff; position: relative;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1.1em;}
.selectBox ul li:hover {color: #444; background: #f7f7f7;cursor:pointer;}
.selectBox ul li input[type=radio] {opacity: 0.5; position: absolute; left: -9999px;}
.selectBox ul li label {display: block;}


/* select */
select.css-selecter.white{
  min-width: 140px;
  border: 1px solid #d9d9d9;
  height: 32px;
  font-size: 13px;
  color: #373737;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 5px 2px 5px;
  outline: none;
  background: #fff url('/img/sel-white.png') right center repeat-y;
  border-radius: 7px;
  }
select.css-selecter.white{height:34px;}

select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}

/* 항공사 홈페이지 링크 */
.air-company {clear:both;width:1150px;height:250px;margin:50px auto;}
.air-company li {float:left; padding:10px 0px 10px 30px;width:25%;font-size:1.3em;}
.air-company .text-box1 h2 {text-align:center;font-size:38px;color:#222222;margin-bottom:20px;font-weight:600;}

.cenbor {text-align:center;font-weight:700;}
.money {text-align:right;padding-right:5px;font-weight:700;}


/* 메인비주얼 텍스트 STYLE */
.crewtor1 {font-size:48px !important;}
.crewtor2 {font-size:20px !important;}

/* 유학큐레이션 상담일정 예약 */
.str_form .frm_input {height:35px !important;}
.str_form li {float:left;padding:10px 10px 0 0;min-width:140px;}

.txt_left {text-align:left;padding-left:10px  !important;}
.txt_right {text-align:right;padding-right:10px  !important;}
.txt_center {text-align:center;}

/* 404 */
.div404 {width:100%;height:100%;}
.div404 .inner {margin:200px auto;width:800px; text-align:center;}
.div404 .inner h1 {font-family: 'Tahoma';
    font-size: 40px;
    line-height: 120px;
}
.div404 .inner .txtDesc {font-size:18px;}
.div404 .inner .mButton {margin-top:50px;text-align:center;}
.div404 .inner .mButton .btn {background:#666;color:#fff; padding:10px 20px; font-size:20px;}

.reviewBottom{max-width:1000px;margin:76px auto 80px;}
.reviewBottom .txtWrap{text-align:center;margin:50px 0 73px;}
.reviewBottom .txtWrap h1{font-weight:bold;color:#fff;letter-spacing:-7px;font-size:65px;}
.reviewBottom .txtWrap p{color:#fff;font-size:20px;margin:29px 0 0;line-height:1.6;letter-spacing:-1px;}
.reviewBottom ul{position:relative;width:auto;height:654px;}
.reviewBottom ul li{position:absolute;top:0;left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.reviewBottom ul li img{width:100%;max-height:320px;}

.reviewBottom ul .fbCon{width:30.8%;height:80px;background:#fff;padding:20px;background:url('/img/tttt.png') no-repeat center;;background-size:cover;}
.reviewBottom ul .fbCon .likeP{float:left;height:40px;background:url("/img/fb_icon.png") no-repeat;padding-left:49px;line-height:40px;font-size:17px;color:#666;}
.reviewBottom ul .fbCon .likeP span{font-weight:bold;font-size:20px;color:#801FB2;}
.reviewBottom ul .fbCon .likeBtn{float:right;margin-top:10px;}
.reviewBottom ul .fbCon .likeBtn .pluginButton{padding:10px;}

.reviewBottom ul .fbTxt{text-align:left;line-height: 1.8;color: #000;font-size: 17px;margin-top: 13px;height: 150px;overflow-y: hidden;}

.reviewBottom ul .fbLoc01{top:0;width:65.4%;height:80px;background:#fff;padding:20px;border-radius:15px;cursor:pointer;}
.reviewBottom ul .fbLoc02{top:118px;height:536px;background:#fff;;padding:20px;border-radius:15px;cursor:pointer;}
/*.reviewBottom ul .fbLoc03{top:118px;left:25.4%;height:536px;background:#fff;padding:20px;cursor:pointer;}*/
.reviewBottom ul .fbLoc04{top:118px;left:34.6%;height:536px;background:#fff;padding:20px;border-radius:15px;cursor:pointer;}
.reviewBottom ul .fbLoc05{top:260px;left:69.2%;height:308px;border-radius:15px;cursor:pointer;}
.reviewBottom ul .fbLoc06{top:0px;left:69.2%;height:308px;cursor:pointer;}
.reviewBottom ul .fbLoc06 img {margin-top:0px;max-width:100px;}
.reviewBottom ul .fbLoc05, .reviewBottom ul .fbLoc06{padding:0;margin:0;}
.reviewBottom ul .fbLoc07{top:580px;left:69.2%;width:308px;height:70px;border-radius:15px;cursor:pointer;background:#fff;padding:10px;font-size:14px;line-height: 150%;}

.reviewBottom ul .fbLoc08{top:690px;width:65.4%;height:80px;background:#fff;padding:0px;border-radius:15px;cursor:pointer;}


.reviewBottom li .fbInfo{position: absolute;bottom:29px;width:88%;height:22px;padding-top:18px;border-top:1px solid #e5e5e5;}
.reviewBottom li .fbInfo .fbDate{line-height:26px;height:22px;color:#3c8af7;font-size:17px;background:url("/img/fb_icon.png") 0 -74px no-repeat;padding-left:19px;float:left;width:50%;}
.reviewBottom li .fbInfo .fbLike{line-height:26px;height:22px;color:#7d7d81;font-size:17px;background:url("/img/fb_icon.png") 0 -119px no-repeat;padding-left:25px;float:right;margin-left:14px;}
.reviewBottom li .fbInfo .fbShare{line-height:26px;height:22px;color:#7d7d81;font-size:17px;background:url("/img/fb_icon.png") 0 -97px no-repeat;padding-left:25px;float:right;}
.reviewBottom ul .fbCon .istDate{height:30px;line-height:33px;color:#fff;background:url("/img/fb_icon.png") 0 -42px no-repeat;position:absolute;top:25px;left:19px;padding-left:40px;width:70%;font-weight: 700;
    font-size: 14px;}
.reviewBottom ul .fbCon .istDate.mov{color:#000;background:url("/img/fb_icon.png") 0 -142px no-repeat;}

/* 이전 다음버튼 */
.step-btn {margin:20px auto;width:500px;}
.step-btn button{color:#fff;font-size:1.3em;text-align:center;width:49%;padding:2% 0}
.step-btn button.btn-1{background:rgba(60,60,60,1);border:1px solid rgba(60,60,60,1)}
.step-btn button.btn-2{background:rgba(238,56,32,1);border:1px solid rgba(238,56,32,1);float:right}

.onepoint {max-width:150px;margin:10px;}

.starRev {margin:10px 0 20px 0;}
.starR{
  background: url('/img/ico_review.png') no-repeat right 0;
  background-size: auto 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
}
.starR.on{background-position:0 0;}
.btn-point {padding:10px;margin-left:20px;position: absolute;}

/* 자가분석 결과 */
.analysis {position: relative;margin:0px auto;width:935px;height:2384px; background:url("/img/analysis_bg.jpg") no-repeat;}
.analysis .name {font-size: 18px;font-weight: 600;position: absolute;top: 180px;left: 150px;}
.analysis .age {font-size: 18px;font-weight: 600;position: absolute;top: 180px;left: 350px;}
.analysis .sex {font-size: 18px;font-weight: 600;position: absolute;top: 180px;left: 550px;}
.analysis .date {font-size: 18px;font-weight: 600;position: absolute;top: 180px;left: 750px;}

.analysis .txt{position: absolute; top: 320px;right: 30px;font-size: 15px;}
.analysis .graph{
	position: absolute;
    top: 350px;
    left: 200px;
    width: 680px;
    height: 600px;
}

.analysis .con1 {font-size: 16px; color:#222222; position: absolute;top: 1080px;left: 10px; padding:10px;}
.analysis .con1 p{margin-bottom: 18px; word-break: keep-all;line-height:150%;font-size:15px;}

.analysis .con2 {font-size: 16px; color:#222222; position: absolute;top: 1700px;left: 10px; padding:10px;}
.analysis .con2 p{margin-bottom: 18px; word-break: keep-all;line-height:150%;font-size:15px;}

.analysis .comment {position: absolute;top: 2050px;left: 10px; font-size: 18px; line-height:150%;}
.analysis .comment i {color:#e14048;font-size:4px;}
.analysis .notice {position: absolute;top: 2310px;left: 0px; font-size: 18px; color:#3e3e3e;line-height:130%; padding:55px 30px;}
.analysis .under,.analysis .point {color:#e4484d;}

.analysis .year {font-size: 18px;font-weight: 600;position: absolute;top: 2206px;left: 600px;}
.analysis .month {font-size: 18px;font-weight: 600;position: absolute;top: 2206px;left: 676px;}
.analysis .day {font-size: 18px;font-weight: 600;position: absolute;top: 2206px;left: 723px;}
.analysis .none {
	position: absolute;
    top: 1030px;
    left: 750px;
    width: 150px;
    height: 31px;
    background:#fff;
}
#myChart{
 height: 100%;
 width: 100%;
}

.zc-ref {
  display: none;
}


.div_left {float:left;width:48%}
.div_right {float:left;width:48%}

.my-btn {clear:both;padding-top:50px;text-align:center}
.my-btn .btn1 {background: #ee3820;border: 2px solid #ee3820; color: #fff;padding: 10px 15px;font-size:16px !important;width:225px !important;}
.my-btn .btn2 {background: #3C3C3C;border: 2px solid #3C3C3C; color: #fff;padding: 10px 15px;font-size:16px !important;width:225px !important;}
.my-btn .btn3 {background: #fff;border: 1px solid #3C3C3C; color: #3C3C3C;padding: 10px 15px;font-size:16px !important;width:225px !important; margin-bottom:10px;}

.my-btn .main {  background: #ee3820;border: 2px solid #ee3820; color: #fff;padding: 10px 15px;font-size:16px !important;width:225px;
		transition: all 0.5s;
-webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
   -moz-transition: all 0.5s;}
.my-btn .main:hover{background:none;box-shadow:322px 0px 0px rgba(238,56,32,0.8) inset,-322px 0px 0px rgba(238,56,32,0.8) inset;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}

.my-btn .main2 {  background: #3C3C3C;border: 2px solid #3C3C3C; color: #fff;padding: 10px 15px;font-size:16px !important;width:225px;
		transition: all 0.5s;
-webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
   -moz-transition: all 0.5s;}
.my-btn .main2:hover{background:none;box-shadow:322px 0px 0px rgba(60,60,60,1) inset,-322px 0px 0px rgba(60,60,60,1) inset;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}

#save_program li {padding:10px;font-size:1.0em;}
#save_program li i {margin-left:5px;color:#666; float:right;}

/* 로드맵용 */
.loadmap_box {text-align:center}
.loadmap_box h5{margin-bottom:20px;}
.loadmap-div {position: relative;margin:0px auto;width:1010px; height:393px;}
.loadmap-div .content1{position: absolute;top:180px;left: 0px; color:#000;font-weight:normal; width:302px;height:210px; text-align:left;padding:10px;font-size:12px;line-height:150%;z-index:110;}
.loadmap-div .content2{position: absolute;top:180px;left: 354px; color:#000;font-weight:normal; width:302px;height:210px; text-align:left;padding:10px;font-size:12px;line-height:150%;z-index:110;}
.loadmap-div .content3{position: absolute;top:180px;left: 708px; color:#000;font-weight:normal; width:302px;height:210px; text-align:left;padding:10px;font-size:12px;line-height:150%;z-index:110;}


#myChart-license-text {display:none;}

/* SNS 최신글 */

.sns-view {clear:both;margin:0px auto;overflow:auto;padding:20px 0;background:#111;}
.sns-view .wrap{width:1150px; margin:0px auto; padding:100px 0px}
.sns-view .wrap h1{font-size:53px;color:#fff;margin-bottom:10px;font-weight:600;}
.sns-view .wrap h3{font-size:34px;color:#fff;margin-bottom:10px;}
.sns-view .wrap h2{font-size:14px;color:#fff;margin-bottom:20px;font-weight:500;line-height:150%;padding:20px 0;}
.sns-view .wrap .text-box1{text-align:center;}

.sns-view h4 {text-align:center;padding:20px 0;color:#fff;}
/*
.sns-view ul li {float:left;width:278px;height:305px;margin-right:8px;background:#FFF;border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd}
.sns-view ul li.sns_fb {border-top:5px solid #3a5897; background:#FFF url(/img/ico_m_sns_facebook.png) no-repeat 93% 10px }
.sns-view ul li.sns_blog {border-top:5px solid #42d31a; background:#FFF url(/img/ico_m_sns_blog.png) no-repeat 93% 10px }
.sns-view ul li.sns_yt {border-top:5px solid #fe3432; background:#FFF url(/img/ico_m_sns_youtube.png) no-repeat 93% 10px }
.sns-view ul li.sns_in {border-top:5px solid #e23aa4; background:#FFF url(/img/ico_m_sns_in.png) no-repeat 93% 10px }
*/
.sns-view ul li dl {padding:18px 16px 0 16px}
.sns-view ul li dl dt{font-size:14px; color:#5c5c5c;height:40px;font-weight:700;}
.sns-view ul li dl dt a {padding:5px 180px 5px 0;}

.sns-view ul li dl dd .dd_img{width:244px; height:152px; overflow:hidden}
.sns-view ul li dl dd .dd_img img {width:244px; min-height:152px}
.sns-view ul li dl dd .dd_txt {font-size:14px; color:#707070; line-height:1.4em; letter-spacing:-0.05em; margin-top:18px}


.studyroom {clear:both;width:1150px;margin:0px auto;overflow:auto;padding:20px 0;}
.studyroom h4 {text-align:center;padding:20px 0}
.studyroom #bx-pager img{max-width:185px;margin:0px}
.studyroom #bx-pager a{margin:0px;padding:0px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 1.85em;
  padding: 10px;
  text-align:center;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/img/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/img/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

.choice {border-radius:15px;color:#fff;background:#ff0000;padding:5px 10px;}


/* 1:1 상담예약 */
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:url(/img/box_gh.png);z-index:10000;}

#modalLayer{display:none; }
#modalLayer .modalContent{width:800px; height:550px; padding:40px 10px 10px 10px; border:1px solid #ccc; position:fixed; left:50%; top:45%; z-index:11; background:#fff; }
#modalLayer .modalContent button{position:absolute; right:0; top:0; cursor:pointer;}
#modalLayer .gnb_close_btn{background:#424242;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;right:0}
#modalLayer h5 {padding:20px;font-size:20px;text-align:center;}
#modalLayer p {font-size:14px;text-align:center;color:#666}
#modalLayer .cont {width:100%; padding:10px}

#modalLayer .cont  .write_div {margin-bottom:10px;text-align: left;}
#modalLayer .cont  .write_div .btn_top {text-align:center; margin-top:30px;} 
#modalLayer .cont  .write_div .btn_top input {padding:10px 20px 10px 20px;}
#modalLayer .cont  .write_div strong {padding:10px 0 10px 0px;}
#modalLayer .cont  .write_div div {margin-top:10px;}
#modalLayer .cont  .write_div #agree21 {vertical-align: middle;margin-top:3px;}

.table-style3{width:100%; border-top:2px solid #292929; font-size:14px; text-align:center;line-height:24px}
.table-style3 th{background:#f7f7f7;border:1px solid #ddd;padding:10px 0;color:#333333}
.table-style3 td{background:#fff;border:1px solid #ddd;padding:10px 0;color:#606060}
.table-style3 .t-l0{border-left:0}
.table-style3 .t-r0{border-right:0}
.table-style3 tr td:first-child{font-weight:600;color:#333333}
.table-style3 .left{text-align:left; padding-left:20px;} /*해외항공사탐방 교육일정*/


.table-style4{width:100%; border-top:2px solid #292929; font-size:14px; text-align:center;line-height:24px}
.table-style4 th{background:#f7f7f7;border:1px solid #ddd;padding:10px 0;color:#333333}
.table-style4 td{background:#fff;border:1px solid #ddd;padding:10px 0;color:#606060}
.table-style4 .t-l0{border-left:0}
.table-style4 .t-r0{border-right:0}
.table-style4 .left{text-align:left; padding-left:20px;} /*승무원학원 수강료*/

.map_intro {margin:20px auto; width:1150px;}
.map_div {clear:both;overflow:auto;padding:30px 0}
.map_left li{width:50%;float:left;}
.map_left li .map_img{ width:180px;}
.map_left li p {text-align:center;padding:10px;}

.map_left .map_img {float:left;}
.map_left .map_list {float:left;width:300px;}
.map_left .map_list p {text-align:left; padding:5px 10px; font-size:13px;}


.map-sch-box {text-align:center;margin-bottom:20px;}
.map-sch-box .btn_search {
	display:inline-block;height:45px;line-height:30px;border:0;;border-radius:5px;padding:7px 10px;
	font-weight:bold;font-size:1.09em;;vertical-align:middle;background:#ff4081;color:#fff;
	float:left;margin-left:10px;
}

.map-sch-box #hd_sch {width:500px; margin:0px auto;}
.map-sch-box #sch_str {padding-left:10px;height:45px;background:#fff;border:1px solid #000;width:300px;border-right:0;float:left;border-radius:5px 0 0 5px;font-size:1.25em}
.map-sch-box #sch_submit {height:45px;border:0;background:#fff;border:1px solid #000;border-left:0;color:#333;width:50px;float:left;cursor:pointer;border-radius:0  5px 5px 0;font-size:18px}

.board{width:1150px;margin:0 auto 10px;text-align:center;}
.board ul{}
.board ul li{font-size:18px;color:#606060;line-height:24px;}
.board .menu-list li {width:calc(100%/4);}

/*menu-list*/
.menu-list {width:100%;height:50px;margin-bottom:65px}
.menu-list li{width:20%;text-align:center;display:inline-block;float:left;}
.menu-list li a{display:block;background:#f7f7f7;color:#222222;border:1px solid #ddd;border-right:0;padding:15px 0px;font-size:16px}
.menu-list li:last-child a{border-right:1px solid #ddd}
.menu-list li.active a{background:#2d2c31;color:#fff;}

.air_info {}
.air_info ul {width:100%;overflow:hidden;}
.air_info li {width:50%;float:left;padding:50px 0 }

.air_info li .inner {width:480px; min-width:530px;}
.air_info li .inner img {width:100%;}

.air_info li .inner h1 {font-size: 30px;color: #202020;margin-bottom: 30px; font-weight: 700; line-height: 150%;}
.air_info li .inner h3 {font-size: 20px;color: #4c296e;margin-bottom: 10px; font-weight: 700; line-height: 150%;}
.air_info li .inner span {font-size: 18px;font-weight: 700; }
.air_info li .inner p{ font-size: 16px;    color: #606060;    line-height: 28px; }

/* 라이브퀴즈쇼 */
.live_tit {background:#04CCCC;text-align:center;color:#fff;font-size: 45px;font-weight:800;padding:50px 0}
.live_content {clear:both;width:1150px; margin:0px auto;padding:10px;}
.live_content h1 {text-align:center;font-weight:800;font-size:50px;margin:50px 0;}
live_content div{text-align:center}
.live_ul {padding-top:60px;}
.live_ul li {
	float:left;width:151px; 

}
.live_ul li .last {margin-right:0px;} 
.live_ul li .none {padding:50px; } 
.live_ul .live_box {position: relative; height:160px; padding:10px; background:#04CCCC;text-align:center;color:#fff;
	margin-right:10px; border-radius: 10px;border-bottom: medium dotted #fff;}
.live_ul strong {
	position: absolute;
    top: 55px;
    left: 50px;
	font-size: 50px
}

.live_ul li p{font-size:12pt;font-weight:800;}
.live_ul li .timer {position: absolute; left:35px;bottom:30px;}
.live_ul li span {border-radius: 5px; background:#fff;color:#666;padding:5px;font-size:15px;font-weight:700;letter-spacing: 2px;text-align:center;}


.live_ul .live_box2 {position: relative;  padding:10px; background:#04CCCC;text-align:center;color:#fff;
	margin-right:10px; border-radius: 10px; font-size:15px;
}
.live_ul .on {color:#FCFF00;font-weight:700;cursor:pointer;}

.skew4{
   -webkit-transform: skew(-8deg,8deg);
   -moz-transform: skew(-8deg,8deg);
   transform: skew(-8deg,8deg);
   border-top: medium dotted #fff;
   position: absolute; top:5px;
   }

  /* 라이브 퀴즈쇼 */
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'), url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } 
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500;src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'), url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } 
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;src: local('Gmarket Sans Light'), local('GmarketSans-Light'), url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }


 .quiz_content {position: relative;width:100%;height:762px;background:url(/theme/basic/img/sub/crewtor_livequiz_bg.jpg);background-repeat : no-repeat;background-position: center;}
 .quiz_content .inner {margin:0px auto;width:1000px;padding-top:496px;padding-left:56px; }
 .quiz_content .quiz_ul{}
 .quiz_content .quiz_ul li {
 position: relative;
 float:left;
 width:122px;
 margin-right:8px;
	
 }
 .quiz_content .quiz_ul li .box1 {
 position: relative;
 width:100%;height:120px; border-radius: 20px;
 background:#fff;
 text-align: center;
 color:#46a2f8;
 font-weight:800;
 font-size:45px;
 line-height:125px;
 font-family: 'Gmarket Sans';
 cursor:pointer;
 }

.quiz_content .quiz_ul li .box1 p {
	 position: absolute; top:15px;left:15px;
	 font-size:14px;
	 line-height:150%;
	 text-align:center;
}

.quiz_content .quiz_ul li .box1 .timer {
	 position: absolute; top:65px;left:18px;
	 font-size:30px;
	 line-height:150%;
	 text-align:center;
	 color:#ff0000;
}


.quiz_content .quiz_ul li .box1 a{
	position: absolute;
	top:35px;
	left:25px;
	font-size:18px;
	text-align:center;
	color:#ff0000;
	font-weight:700;
	line-height:150% !important;
}

  .quiz_content .quiz_ul li .box2 {
 width:122px;height:40px; border-radius: 10px;
 background:#3160b8;
 text-align:center;
 color:#fff;
 font-family: 'Gmarket Sans';
 font-size:12px;
 line-height:45px;
 cursor:pointer;
 }

 .quiz_content .quiz_ul li .on {color:#FCFF00;font-weight:700;cursor:pointer;}

   .skew{
   -webkit-transform: skew(-8deg,8deg);
   -moz-transform: skew(-8deg,8deg);
   transform: skew(-8deg,8deg);
   border-top: medium dotted #fff;
   position: absolute; top:125px;
   }


 .quiz_body {position: relative;width:100%;background:url(/theme/basic/img/sub/livequiz_bg.jpg);background-size: 100% 100%; overflow: hidden;padding-bottom:50px;}
 .quiz_body .inner {margin:0px auto;width:1000px;text-align:center;padding-top:100px; font-family: 'Gmarket Sans';}
 .quiz_body .inner img {margin: 0px auto;margin-bottom:50px;}
  .quiz_body .inner .question_box {
  	margin: 0px auto;
	width:80%;

  }

   .quiz_body .inner .question_box .que{
	padding:10px;
	font-size:15px;
	color:#fff;
	background:#3160b8;
	border-radius: 20px 20px 0px 0px;
   }
   .quiz_body .inner .question_box .ans{
		padding:30px 40px;
		text-align:left;
		font-size:15px;
		background:#fff;
		border-radius: 0px 0px 20px 20px;
   }

   .quiz_body .inner .question_box .ans img{
		max-width:100%;
   }

	.quiz_body .inner .question_box .ans p{
		font-size:18px;
		color:#ababab;
   }

   .quiz_body .inner .question_box .ans .this_point{
		padding:20px 0;
		font-size:20px;
		color:#3160b8;
		font-weight:700;
		font-family: 'Gmarket Sans';
		 border-bottom: medium dotted #3160b8;
   }

    .quiz_body .inner .question_box .ans .all_point{
		margin-top:20px;
		padding:20px 0;
		font-size:20px;
		color:#3160b8;
		font-weight:700;
		font-family: 'Gmarket Sans';
		border:1px solid #3160b8;
		border-radius: 20px;
   }


   .quiz_body .inner .question_box .ans .this_point span{
		font-style: italic;
		font-size:15px;
   }



 .quiz_body .inner .question_hint{
	margin: 0px auto;
	width:80%;
	padding:20px 0px;
	text-align:left;
	color:#3160b8;
}

.quiz_body .inner .question_hint span{
	background:#3160b8;
	border-radius: 5px;
	color:#fff;
	padding:5px;
	font-family: 'Gmarket Sans';
	}

	.question_btn {margin:30px auto;}

	.q_btn{
	background:#3160b8;
	border-radius: 5px;
	color:#fff;
	padding:10px 20px;
	font-family: 'Gmarket Sans';
	font-size:17px;
	border:0px;
	}

	.q_btn2{
	background:#fff;
	border-radius: 5px;
	color:#3160b8;
	padding:10px 20px;
	font-family: 'Gmarket Sans';
	font-size:17px;
	border:1px solid #3160b8;
	}

	.quiz_body .inner  .ranking_box {
		margin:10px auto;
		border-radius: 5px;
		background:#fff;
		overflow:hidden;
		padding:10px;
	}

	.quiz_body .inner  .ranking_box ul li { float:left; }
	.quiz_body .inner  .ranking_box ul li img {margin-bottom: 0px;}

	.quiz_body .inner .bg0 {background:#fff;}
	.quiz_body .inner .bg1 {background:#fff9e6;}

	.bg_white img {max-width:100%;}

	.quiz_end {color:#838383 !important;}


/* 모달창 */
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:url(/img/box_gh.png);z-index:10000;}

#modalLayer{display:none; }
#modalLayer .modalContent{width:300px; height:250px; padding:40px 10px 10px 10px; border:1px solid #ccc; position:fixed; left:50%; top:45%; z-index:11; background:#fff; }
#modalLayer .modalContent button{position:absolute; right:0; top:0; cursor:pointer;}
#modalLayer .gnb_close_btn{background:#424242;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;right:0}
#modalLayer h1 {padding:20px;font-size:20px;text-align:center;}
#modalLayer a {font-size:15px;text-align:center;color:#666}
#modalLayer .cont {width:100%; padding:10px}

#modalLayer .cont  .write_div {margin-bottom:10px;}
#modalLayer .cont  .write_div .btn_top {text-align:center; margin-top:30px;} 
#modalLayer .cont  .write_div .btn_top input {padding:10px 20px 10px 20px;}
#modalLayer .cont  .write_div strong {padding:10px 0 10px 0px;}
#modalLayer .cont  .write_div div {margin-top:10px;}
#modalLayer .cont  .write_div #agree21 {vertical-align: middle;margin-top:3px;}

.univ_div table {margin-left:auto; margin-right:auto;}