@charset "utf-8";
html { -webkit-text-size-adjust:none;}
input, select, textarea, body { font-size:13px; letter-spacing:-1px; font-family:'돋움', Dotum, '굴림', Gulim, Apple Gothic, sans-serif; overflow-x:hidden; color:#535353; -webkit-text-size-adjust:none}
img { max-width:100%}
a { text-decoration:none; -webkit-text-size-adjust:none;}
a:link, a:visited { color:#555}
a:hover { color:#555}
a:active { color:#555}
input[type="text"],input[type="password"], textarea { -webkit-border-radius:0; -webkit-appearance:none}
input[type="submit"], input[type="rest"], input[type="button"] { -webkit-appearance:none; border-radius:0}
input[type="checkbox"] { border-radius:0; vertical-align:middle;}
mark{ background-color:transparent; font-style:normal;}
.tts { position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}
.clearfix { clear: both}
.clearfix:after { content:""; display:block; clear:both}
.dnone { display:none}
.en { font-family:verdana}

.hidden{ margin:0; padding:0; font:0/0 a;}
.fleft { float:left;}
.fright { float:right;}

.no-data{ display:block; padding:15px 5px; color:#000000; font-size:16px; font-weight: 700; text-align: center; }
/* skip navigation */
#skip_nav a { position:absolute; top:-500px}
#skip_nav a:focus, #skip_nav a:active { top:1px; z-index:99999; display:block; width:100%; height:40px; line-height:40px; font-weight:600; color:#fff; text-align:center; background-color:#015293}

/* align */
.align_l { text-align:left !important;}
.align_c { text-align:center !important;}
.align_r { text-align:right !important;}
.vertical_t{ vertical-align:top;}
.vertical_m{ vertical-align:middle;}


/* width*/
.full { width:100% !important;}
.half { width:50% !important;}
.short { width:30% !important;}

/* highlight */
.g_point_a { color:#f26522 !important;}
.g_point_b { color:#5796ff !important;}
.g_point_c { color:#535353 !important;}
.g_point_d { color:#070a0b !important;}

/* form */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"]{ box-sizing:border-box; -webkit-appearance:none; height:42px; color:#202020; font-weight:bold; line-height:42px; vertical-align:middle; padding:0 10px; border:solid #d2d2d2; border-width:1px; border-radius:0;}
input[disabled="disabled"] { color:#a9a9a9; opacity:1 !important; background-color:#f2f2f2 !important;}
input[type="checkbox"], input[type="radio"] { display:none;}
input[type="checkbox"]+ label, input[type="radio"] + label { display:inline-block; cursor:pointer; position:relative; padding-left:25px;}
input[type="radio"] + label { padding-left:20px !important;}
input[type="checkbox"]+ label:before { content:""; display: inline-block; width:16px; height:16px; position:absolute; left:0; top:-2px; background-color:#fff; border-radius:0; border:1px solid #dcdcdc;}
input[type="checkbox"]:checked + label:before { content: "\2713";  /* 체크모양 */  font-size:18px; color: #fff; font-weight:bold; text-align: center; line-height:18px; border:1px solid #f26522; background:#f26522;}
input[disabled="disabled"]:checked + label:before { background:#eee !important; color:#f7a691 !important; border-color:#dcdcdc !important;}
input[disabled="disabled"] + label:before { background:#eee !important; color:#f7a691 !important; border-color:#dcdcdc !important;}
input[type="radio"]+ label:before { content:""; display: inline-block; width:14px; height:14px; position:absolute; left:0; top:0; background-color:#fff; border-radius:20px; border:1px solid #dcdcdc;}
input[type="radio"]:checked + label:before { /*content: "●";*/font-size:12px; box-sizing: border-box; color:#f26522; font-weight: bold; background:#fff; text-align:center; line-height:13px; border:4px solid #f26522;}
input[type="checkbox"]:checked+ label, input[type="radio"]:checked+ label { font-weight:bold; color:#202020;}
select { border:1px solid #dcdcdc;  padding:5px 34px 5px 10px; height:40px; box-sizing:border-box; border-radius:0; color:#535353; background:url('//img.eduwill.net/Img2/mobile2/brand_new/common/ico_select.png') no-repeat right center #fff; background-size:22px; -webkit-appearance:none}
select:focus { font-weight:bold; color:#202020;}
select[disabled="disabled"] { opacity:0.5;}
textarea { width:100%; box-sizing:border-box; -webkit-appearance:none; padding:10px; min-height:200px; color:#202020; font-weight:bold; border:solid #b0b0b0; border-width:1px; resize:none;}
::-webkit-input-placeholder { color:#535353 !important; font-weight:normal !important;}
::-moz-placeholder { color:#535353 !important; font-weight:normal !important;}
:-ms-input-placeholder { color:#535353 !important; font-weight:normal !important;}
:-moz-placeholder { color:#535353 !important; font-weight:normal !important;}
::-placeholder { color:#535353 !important; font-weight:normal !important;}
input::-placeholder { color:#535353 !important; font-weight:normal !important;}
textarea::-placeholder { color:#535353 !important; font-weight:normal !important;}
.form_input { position:relative;}
.box-selectstar{ position:relative; border:1px solid #d2d2d2;}
.box-selectstar .selectstar{ border-top:1px solid #d2d2d2;}
.box-selectstar .selectstar:first-child{ border-top:none;}
.box-selectstar .selectstar button[type='button']{ position:relative; width:100%; padding:15px 10px; border:none; border-radius:0; background-color:#ffffff; box-shadow:0; vertical-align:top;}
.box-selectstar .selectstar button[type='button']:after{ content:''; display:block; clear:both;}
.box-selectstar .selectstar .title{ float:left;}
.box-selectstar .selectstar .starscore{ float:right; padding-top:3px;}
.box-selectstar .box-title button[type='button']{ padding-right:40px; }
.box-selectstar .box-title button[type='button']:before{ content:''; position:absolute; right:0; top:0; width:30px; height:100%;  background-image:url('/images/common/bu_arrow02.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:12px auto;}
.box-selectstar .box-expand{ position:absolute; left:-1px; top:-1px; display:none; width:100%; margin-bottom:50px; border:1px solid #d2d2d2; z-index:1}
.box-selectstar.js-expand .box-expand{ display:block;}



/* tab */
[class^='g_tab_'] { overflow:hidden;}
[class^='g_tab_'] li { float:left;}
.g_tab_a li { height:40px; box-sizing:border-box; background:#fff;}
.g_tab_a li.on { border:1px solid #f26522;}
.g_tab_a li a { display:block; width:100%; height:100%; line-height:40px; text-align:center; color:#aaa; font-size:13px;}
.g_tab_a li.on a { color:#f26522; font-weight:bold;}
.g_tab_b li { height:40px; box-sizing:border-box; background:#fff;}
.g_tab_b li a { display:block; width:100%; height:100%; text-align:center;}
.g_tab_b li a span { padding:0 5px; box-sizing:border-box; display:inline-block; height:100%; line-height:40px; color:#535353; font-size:15px;}
.g_tab_b li.on a span { color:#f26522; font-weight:bold; border-bottom:2px solid #f26522;}
.g_tab_c { border-bottom:1px solid #202020;}
.g_tab_c li { height:40px; box-sizing:border-box;}
.g_tab_c li a { display:block; width:100%; height:100%; line-height:40px; text-align:center; color:#535353; background:#e8e8e8;}
.g_tab_c li.on a { color:#f26522; font-weight:bold; background:#202020;}
/* 탭-2개일 경우 */
ul.half_type, ul.third_type { overflow:hidden;}
ul.half_type li { float:left !important; width:50% !important;}
/* 탭-3개일 경우 */
ul.third_type li { float:left; width:33.3% !important;}
ul.third_type li:first-child { width:33.4% !important;}
.tab-slider{ position:relative; padding:0 40px; width:100%; height:37px; box-sizing:border-box; overflow:hidden; background:#fff;}
.tab-slider .bx-wrapper .bx-viewport { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; height:37px !important; background:none;}
.tab-slider .bx-wrapper { margin:0 auto !important; }
.tab-slider .bx-wrapper li { position:relative; box-sizing:border-box; height:37px; text-align:center;}
.tab-slider .bx-wrapper li a span { padding:0 5px; box-sizing:border-box; display:inline-block; height:100%; line-height:37px; color:#535353; font-size:13px;}
.tab-slider .bx-wrapper li a.on span { color:#f26522; font-weight:bold; border-bottom:2px solid #f26522;}
.tab-slider .bx-pager { display:none;}
.tab-slider .bx-wrapper .bx-prev { left:-40px; background: url('/images/common/btn_m_left02.png') no-repeat 0 0; background-size:40px;}
.tab-slider .bx-wrapper .bx-next { right:-40px; background: url('/images/common/btn_m_right02.png') 0 0 no-repeat; background-size:40px;}
.tab-slider .bx-wrapper .bx-prev:hover	{ background-position:0 0;}
.tab-slider .bx-wrapper .bx-next:hover	{ background-position:0 0;}
.tab-slider .bx-wrapper .bx-controls-direction a { position: absolute; top:0; outline:0; width:40px; height:37px; margin-top: 0; text-indent:-9999px; z-index:10; }
/* tab-cell */
.nav-cell{ display:table; table-layout:fixed; box-sizing:border-box; width:100%; background-color:#ffffff;}
.nav-cell .navitem-cell{ display:table-cell; box-sizing:border-box; height:45px; border-left:1px solid #f8f8f8; color:#aaaaaa; font-size:12px; text-align:center; vertical-align:middle;}
.nav-cell .navitem-cell:first-child{ border-left:none;}
.nav-cell .navitem-cell.active{ border:1px solid #f26522; color:#f26522; font-weight:700;}
.nav-cell .navitem-cell.active + .navitem-cell{ border-left:none;}


/* button */
.btn_group { overflow:hidden;}
[class^='g_btn_'], [class^='g_btn_'] input, input[class^='g_btn_'] { border:0; display:inline-block; box-sizing:border-box; vertical-align:middle;}
.btn_group.half_type > a:first-child { float:left; width:50%;}
.btn_group.half_type > a:last-child { float:right; width:50%;}

a.g_btn_g { height:35px; line-height:35px; font-size:16px; text-align:center; color:#fff; font-weight:bold; background:#f26522;}
a.g_btn_a { height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; font-weight:bold; background:#f26522;}
a.g_btn_b { height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; font-weight:bold; background:#535353;}
a.g_btn_c { padding:0 8px; height:22px; line-height:21px; box-sizing:border-box; text-align:center; background:#fff; border:1px solid #d2d2d2; border-radius:2px;}
a.g_btn_c span { padding-right:10px; font-size:12px; color:#121212; background:url('//img.eduwill.net/Img2/mobile2/brand_renew/simple/btn_arrow03.png') right center no-repeat; background-size:4px;}
a.g_btn_d { padding:15px 0; font-size:16px; text-align:center; color:#fff; font-weight:bold; background:#a9a9a9;}
a.g_btn_e { padding:4px 10px 3px; box-sizing:border-box; font-size:13px; text-align:center; color:#535353; font-weight:bold; border:1px solid #535353; background:#fff;}
a.g_btn_f { color:#f26522;}
a.g_btn_f span { padding-right:3px; text-decoration:underline;}
a.g_btn_f.arrow:after {content:'\003e';}

.privacy-select { background: #e4e9f7; color: #1549cb; padding: 0px 25px; height: 30px;}

.btn-ghost{ display:inline-block; padding:5px 3px; border:1px solid #000000; color:#000000;}
.btn-ghost.type-darkgray{ border-color:#535353; color:#535353;}
.btn-ghost.type-orange{ border-color:#f26522; color:#f26522;}
.btn-border{ min-height:40px; background-color:#ffffff; border:1px solid #ffffff; color:#aaaaaa; font-size:12px; text-align:center;}
a.btn-border{ color:#aaaaaa; }
.btn-border.orange{}
.btn-border.orange.active{font-weight:700;border-color:#f26522; color:#f26522;}
.btn-border.gray.active{border-color:#535353; color:#535353; font-weight:700;}
.btn-more{ box-sizing:border-box; width:100%; height:35px; border:1px solid #d2d2d2; background-color:#ffffff; color:#535353; font-size:12px;}
.btn-more:after{ content:''; display:inline-block; width:10px; height:6px; margin-left:10px; background-image:url('/images/common/btn_more.png'); background-position:0 0; background-repeat:no-repeat; background-size:10px 6px; vertical-align:middle;}

/* starscore */
.starscore{ display:inline-block; width:73px; height:12px; font:0/0 a;}
.starscore .item-star{ display:inline-block; width:13px; height:12px; margin-left:2px; background-image:url('/images/common/ico_starscore.png'); background-position:0 -15px; background-repeat:no-repeat; background-size:13px auto;}
.starscore .item-star:first-child{ margin-left:0;}
.starscore[data-score="0"] .item-star{ background-position:0 0;}
.starscore[data-score="1"] .item-star:first-child ~ .item-star{  background-position:0 0; }
.starscore[data-score="2"] .item-star:nth-child(2) ~ .item-star{ background-position:0 0; }
.starscore[data-score="3"] .item-star:nth-child(3) ~ .item-star{ background-position:0 0; }
.starscore[data-score="4"] .item-star:nth-child(4) ~ .item-star{ background-position:0 0; }
.starscore[data-score="5"] .item-star:nth-child(5) ~ .item-star{ background-position:0 0; }


/* list */
.g_list_a > li { padding-left:10px; margin-top:4px; box-sizing:border-box; color:#535353; font-size:13px; background:url('/images/common/bu_dot01.png') left 6px no-repeat; background-size:2px}
.g_list_a > li:first-child { margin-top:0;}
.g_list_b > li { overflow:hidden;}
.g_list_b > li span { display:block; float:left;}
.g_list_b > li span.ico_a { padding-left:14px; box-sizing:border-box; width:15%; font-weight:bold; color:#535353; background:url('/images/common/ico_pencil.png') 0 center no-repeat; background-size:11px;}
.g_list_b > li span.ico_b { padding-left:14px; box-sizing:border-box; width:15%; font-weight:bold; color:#535353; background:url('/images/common/ico_note.png') 0 center no-repeat; background-size:11px;}
.g_list_b > li span.text { padding-left:14px; box-sizing:border-box; width:85%; line-height:1.3;}

.list-justify{ padding:5px 0 }
.list-justify > .item-justify{ display:table; width:100%; color:#202020;}
.item-justify > strong{ color:#f26522; font-weight:400;}
.title-justify{ padding:5px 5px 5px 15px; display:table-cell; color:#535353; }
.content-justify{ padding:5px 15px 5px 5px; display:table-cell; text-align:right; }
.item-justify.type-sale > .content-justify:before{ content:''; display:inline-block; width:12px; height:12px; margin-right:10px; background-image:url('/images/common/ico_sale.png'); background-position:0 0; background-repeat:no-repeat; background-size:12px 12px; vertical-align:-2px; }
.wrap-togglelist{ padding:0 15px; border:1px solid #d2d2d2; background-color:#ffffff}
.wrap-togglelist .article-toggle{ }
.article-toggle{ padding:15px 0; border-top:1px solid #d2d2d2; }
.article-toggle:first-child{ border-top:none;}
.article-toggle .btn-toggle{ position:absolute; right:0; top:0; width:15px; height:15px; border:none; background-color:transparent; background-image:url('/images/common/btn_toggle.png'); background-position:0 0; background-repeat:no-repeat; background-size:15px auto; font:0/0 a; z-index:1}
.article-toggle .box-toggleheader{ position:relative; }
.article-toggle .box-togglecontent{ display:none; padding:15px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#f2f2f2; color:#535353; }
.article-toggle .header-toggle{ }
.article-toggle .footer-toggle{}
.article-toggle .body-toggle{}
.article-toggle.js-toggle .btn-toggle{ background-position:0 -25px;}
.article-toggle.js-toggle .box-togglecontent{ display:block;}


/* desc */
.g_desc_a > li { overflow:hidden; line-height:1.4;}
.g_desc_a > li > strong { float:left; box-sizing:border-box; width:23%; text-align:left;}
.g_desc_a > li > p { float:left; width:77%;}

/* title */
.g_title_a { font-size:15px; color:#202020; font-weight:normal;}
h1.title,h2.title,h3.title,h4.title,h5.title,h6.title{ padding:0; color:#202020; font-size:15px; font-weight:400; text-align:left;}
h1.title > strong,h2.title > strong,h3.title > strong,h4.title > strong,h5.title > strong,h6.title > strong{ font-weight:700;}
.state-classopen{ display:inline-block; min-width:40px; height:15px; border-radius:1px; background-color:#000000; color:#ffffff; font-size:9px; text-align:center; line-height:15px; letter-spacing:-1px;}
.state-classopen.type-ing{ background-color:#62c1cc;}
.state-classopen.type-impending{ background-color:#ec6666;}
.state-classopen.type-end{ background-color:#c4c4c4;}



/* ico */
.ico-state{ display:inline-block; width:16px; height:15px; background-image:url('/images/common/ico_state.png'); background-repeat:no-repeat; background-size:16px auto; vertical-align:-2px; font:0/0 a;}
.ico-state.type-pc{ background-position:0px 0px;}
.ico-state.type-mobile{ background-position:0px -15px;}
.ico-state.type-shoppingbag{ background-position:0px -30px;}
.ico-state.type-payready{ background-position:0px -45px;}
.ico-state.type-studyready{ background-position:0px -60px;}
.ico-state.type-studying{ background-position:0px -75px;}
.ico-state.type-studyend{ background-position:0px -90px;}

.btn-delete{ width:25px; height:25px; border:none; background-color:transparent; background-image:url('/images/common/ico_trash.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:11px 14px; font:0/0 a;}


/* text */
.g_txt_a { padding-left:20px; color:#f26522; font-size:12px;  background:url('/images/common/ico_noti.png') 0 0 no-repeat; background-size:15px;}
.g_txt_b { padding-left:15px; color:#535353; line-height:1.4; background:url('/images/common/ico_speak.png') 0 4px no-repeat; background-size:11px;}
.g_txt_c { padding-top:4px; padding-left:22px; color:#535353; line-height:1.5; background:url('/images/common/bu_mark01.png') 0 0 no-repeat; background-size:16px;}
.g_txt_d { padding-top:0; padding-left:17px; color:#535353; font-size:11px; line-height:1.5; background:url('/images/common/ico_lock.png') 0 0 no-repeat; background-size:11px;}
.price{}
.price > mark{ font:0/0 a;}
.price.type-base{ color:#c4c4c4; font-size:12px; text-decoration:line-through;}
.price.type-sale{ color:#f26522; font-size:14px;}
.price.type-sale .percent{ font-size:12px; font-weight:400; }


/* box */
.g_box_a { padding:13px; box-sizing:border-box; background:#fff; border:1px solid #d2d2d2; border-top:1px solid #262628;}
.g_box_b { box-sizing:border-box; border:1px solid #d2d2d2; background:#fff;}
.g_box_b dl dt { padding:9px 14px; text-align:left; font-size:13px; color:#535353; line-height:1.5; background:#e8e8e8;}
.g_box_b dl dd {}
.g_box_c { padding:14px 8px; background:#e8e8e8;}

.box-contents{ padding:15px; border:1px solid #d2d2d2; background-color:#ffffff; color:#535353;}

/* table */
.g_table_a {}
.g_table_a th { padding:10px 3px; text-align:center; font-size:12px; color:#202020; background:#e8e8e8; border-left:1px solid #fff;}
.g_table_a td { padding:8px 5px; text-align:left; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.g_table_a td:first-child { border-left:0 none;}
.table-noframe{ border-top:1px solid #000000; overflow:hidden; }
.table-noframe table{ width:calc(100% + 2px); margin:0 -1px;}
.table-noframe th,
.table-noframe td{ border:1px solid #dcdcdc; color:#333333; font-size:12px; font-weight:400; text-align:center; }
.table-noframe th{ padding:12px 10px; background-color:#f6f6f6;}
.table-noframe td{ padding:10px 10px; background-color:#ffffff; color:#535353;}
.table-noframe .table-description{ padding-top:5px; font-size:11px;}
.table-noframe .table-description strong{ color:#f26522; font-weight:400;}

/* bbs */
.paging { position:relative; margin:20px 0 0 0; overflow:hidden; height:24px; text-align:center;}
.paging a { display:inline-block; padding:0 12px; font-size:13px;}
.paging .num strong { padding:0 12px; font-weight:bold; font-size:14px; color:#f26522; text-decoration:underline;}
.paging a.btn_prev, .paging a.btn_next { position:absolute; top:0; padding:0; width:22px; height:22px; border:1px solid #d2d2d2}
.paging a.btn_prev { left:0;}
.paging a.btn_next { right:0;}
.paging a > img { width:22px;}

.paging + .btn_group { margin-top:20px;}
.bbs_list_a > ul > li { height:45px; line-height:45px; border-bottom:1px solid #e8e8e8; background:url('/images/common/bu_arrow01.png') right center no-repeat; background-size:6px;}
.bbs_list_a > ul > li > a { display:block; width:96%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#535353;}

.bbs_list_b { padding:13px 15px 0;}

.bbs_title { position:relative; margin-bottom:6px; height:24px; font-size:14px; color:#262628; font-weight:bold;}
.bbs_title p { padding-top:6px;}
.bbs_title a { position:absolute; right:0; top:0;}

.bbs_event { border-top:1px solid #262628;}
.bbs_event ul li { position:relative; width:100%; text-align:center;}

.bbs_view { padding:13px 15px 0;}
.bbs_view .bbs_post { padding:20px 15px 10px; box-sizing:border-box; border:1px solid #d2d2d2; border-top:1px solid #262628; background:#fff;}
.bbs_view .bbs_post .post_top { position:relative; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #e8e8e8;}
.bbs_view .bbs_post .post_top .user_name { margin-bottom:8px; font-weight:bold; color:#f26522;}
.bbs_view .bbs_post .post_top .user_name .subject { font-weight:normal; color:#535353;}
.bbs_view .bbs_post .post_top .post_title { font-size:15px; font-weight:bold; color:#535353; line-height:1.3;}
.bbs_view .bbs_post .post_top .control_btn { overflow:hidden; position:absolute; top:-3px; right:0;}
.bbs_view .bbs_post .post_top .control_btn li { float:left; padding-left:8px; margin-left:8px; background:url('/images/common/bu_bar01.png') left center no-repeat; background-size:1px;}
.bbs_view .bbs_post .post_top .control_btn li:first-child { padding-left:0; margin-left:0; background:none;}
.bbs_view .bbs_post .post_top .control_btn li img { width:11px;}
.bbs_view .bbs_post .post_cont { padding-bottom:25px; line-height:1.3;}
.bbs_view .page_control ul li { overflow:hidden; height:45px; border-top:1px solid #e8e8e8;}
.bbs_view .page_control ul li.disable_st span { color:#ccc;}
.bbs_view .page_control ul li.disable_st span a { color:#ccc !important; cursor:default;}
.bbs_view .page_control ul li span { display:inline-block; float:left; height:45px; line-height:45px; box-sizing:border-box;}
.bbs_view .page_control ul li span.pg_prev { padding-left:15px; width:20%; font-weight:bold; background:url('/images/common/bu_arrow04.png') left center no-repeat; background-size:11px;}
.bbs_view .page_control ul li span.pg_next { padding-left:15px; width:20%; font-weight:bold; background:url('/images/common/bu_arrow05.png') left center no-repeat; background-size:11px;}
.bbs_view .page_control ul li span.pg_title { padding-left:5px; width:80%;}
.bbs_view .page_control ul li span.pg_title a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#535353;}

.bbs_write { padding:20px 15px 0;}
.bbs_write .form_input input { padding-left:10px !important;}
.bbs_write textarea { font-weight:bold; border-color:#d2d2d2;}
.bbs_write .btn_group { margin-top:20px;}

/* stepCounter */
.list-stepcounter{ padding:5px 15px; background-color:#ffffff; border:1px solid #d2d2d2;
counter-reset:stepCounter;}
.list-stepcounter > .item-stepcounter{ padding:15px 0; border-top:1px solid #d2d2d2;  color:#535353; font-size:11px; line-height:1.4;}
.list-stepcounter > .item-stepcounter:first-child{ border-top:none;}
.list-stepcounter > .item-stepcounter .title{ color:#202020; font-weight:400;}
.list-stepcounter > .item-stepcounter .title:before{counter-increment:stepCounter; content:'STEP 'counter(stepCounter,decimal-leading-zero); display:inline-block; padding-right:5px; color:#f26522; font-weight:700;}
.list-stepcounter > .item-stepcounter .title span{ font-weight:700;}
.list-stepcounter > .item-stepcounter .description{ padding:15px 0; }
.list-stepcounter > .item-stepcounter .mark{ color:#f26522;}

/* gridtab */
.grid-tab{ background-color:#ffffff;}
.grid-tab:after{ content:''; display:block; clear:both;}
.grid-tab .item-grid-tab{ float:left; position:relative; box-sizing:border-box; width:25%; height:44px; border-left:1px solid #f8f8f8; }/*  */
.grid-tab .item-grid-tab:nth-child(4) ~ .item-grid-tab{ border-top:1px solid #f8f8f8; }
.grid-tab .item-grid-tab:nth-child(3n+1){ border-left:none;}
.grid-tab .item-grid-tab a{ box-sizing:border-box; display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-align-content: stretch;align-content: stretch;-webkit-box-align: center;-webkit-align-items: center;align-items: center; width:100%; height:100%; padding:0 5px; color:#aaaaaa; font-size:12px; text-align:center; vertical-align:middle;  }

.grid-tab .item-grid-tab.more-depth{ }
.grid-tab .item-grid-tab.more-depth:after{ content:''; position:absolute; bottom:-4px; left:50%; display:none; margin-left:-3px; border-top:4px solid #f26522; border-left:3px solid transparent; border-right:3px solid transparent;}
.grid-tab .item-grid-tab.js-active{ border:1px solid #f26522 !important;}
.grid-tab .item-grid-tab.js-active a{ color:#f26522; font-weight:700;}
.grid-tab .item-grid-tab.more-depth.js-active:after{  display:block; }

.grid-tab.depth{ background-color:#e8e8e8; box-shadow:inset 0 2px 4px 0px rgba(208,208,208,1) }
.grid-tab.depth .item-grid-tab{ width:33.3%; height:34px; border:none !important;}

.box-report{ padding:13px 20px; background-color:#e8e8e8;  background-image:url('/images/common/ico_speak.png'); background-position:8px 15px; background-repeat:no-repeat; background-size:11px auto; }
.box-report > .title-report{ display:inline-block; padding:0 0 5px 0; color:#202020; font-size:12px; font-weight:700; text-align:left; }
.box-report > .title-report span{ position:static; padding:0; color:#f26522; font-size:inherit; vertical-align: baseline;}

/* layer */
.window-layer{ position:fixed; left:0; top:0; display:none; width:100%; width:100vw; height:100%; height:100vh; background-color:#f2f2f2; z-index:10003;-webkit-overflow-scrolling:touch }
.window-layer .js-btnCloseLayer{ position:absolute; right:0; top:0; display:block; width:50px; height:50px; background-image:url('/images/common/btn_pop_close.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:50px 50px; font:0/0 a; }
.window-layer .article-windowlayer{ }
.window-layer .header-windowlayer{ height:50px; padding-right:50px; background-color:#ffdd00; text-align:center; color:#262626; font-size:16px; font-weight:700; line-height:50px; }
.window-layer .header-windowlayer > h1,.window-layer .header-windowlayer > h2,.window-layer .header-windowlayer > h3,.window-layer .header-windowlayer > h4,.window-layer .header-windowlayer > h5,.window-layer .header-windowlayer > h6{ margin:0; padding:0; },
.window-layer .body-windowlayer{ box-sizing:border-box; height:calc(100vh - 50px); padding:15px; overflow-y:auto; }
.window-layer.js-openLayer{ display:block; }
.wrap-layer{ position:fixed; left:0; top:0; display:none; box-sizing:border-box; width:100%; width:100vw; height:100%; height:100vh; padding:15px; background-color:rgba(0,0,0,0.8); z-index:10; }
.wrap-layer .btn-closelayer{ position:absolute; right:0; top:0; display:block; width:35px; height:35px; background-image:url('/images/common/btn_close02.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:35px 35px; font:0/0 a;}
.wrap-layer .article-layer{ position:relative; top:50%; width:100%; max-height:100%; background-color:#ffffff; overflow-y:auto; -webkit-transform:translateY(-50%);transform:translateY(-50%)}
.wrap-layer .header-layer{ min-height:35px; padding:0 35px 0 15px; border-bottom:1px solid #d2d2d2; color:#202020; font-size:12px; font-weight:bold; line-height:35px;}
.wrap-layer .body-layer{ padding:15px}
.wrap-layer .footer-layer{ margin:0 15px; padding:10px 0; border-top:1px solid #d2d2d2; text-align:center;}
.wrap-layer .footer-layer a{ min-width:55px; padding:0 5px;}
.wrap-layer.js-openLayer{ display:block;}
.fixed-srolling{ position:fixed; left:0; bottom:50px; width:100%; width:100vw; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:-webkit-transform 0.2s linear 0s; transition:transform 0.2s linear 0s;}
.js-scrollup .fixed-srolling{ -webkit-transform:translateY(0%); transform:translateY(0%); }

/* table toggle */
.table-toggle {position:relative;}
.table-toggle .btn-toggle {position:absolute;right:15px;top:10px;padding:2px 15px 0 0;border:0;background-color:transparent;background-image:url('/images/common/btn_toggle.png');background-position:100% 1px;background-repeat:no-repeat;background-size:15px auto;color:#8b8b8b;font-family:'돋움', Dotum, '굴림', Gulim, Apple Gothic, sans-serif;font-size:11px;letter-spacing:-0.05em;}
.table-toggle.js-toggle .btn-toggle {background-position:100% -24px;}
.table-toggle tr {display:none;}
.table-toggle.js-toggle tr {display:table-row;}
.table-toggle tr:first-child {display:table-row;}


.term_btn { margin-top:5px;}
.term_btn a { color:#999; font-size:11px;}
.term_btn span { padding:0 5px; color:#999;}