@charset "utf-8";


#subVisual { width:100%;position:relative; }
#subVisual .v1 { width:100%;height:140px;background:url('/base/img/images/common/sub_v01.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v2 { width:100%;height:140px;background:url('/base/img/images/common/sub_v02.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v3 { width:100%;height:140px;background:url('/base/img/images/common/sub_v03.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v4 { width:100%;height:140px;background:url('/base/img/images/common/sub_v04.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v5 { width:100%;height:140px;background:url('/base/img/images/common/sub_v05.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v6 { width:100%;height:140px;background:url('/base/img/images/common/sub_v06.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v7 { width:100%;height:140px;background:url('/base/img/images/common/sub_v07.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v8 { width:100%;height:140px;background:url('/base/img/images/common/sub_v08.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v9 { width:100%;height:140px;background:url('/base/img/images/common/sub_v09.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .v10 { width:100%;height:140px;background:url('/base/img/images/common/sub_v10.jpg') center;background-size:195%;text-indent:-9999px}
#subVisual .vmypage { width:100%;height:140px;background:url('/base/img/images/common/sub_v08.jpg') center;background-size:172%;_text-indent:-9999px}
#subVisual .subTit{width:100%;padding:10px 0;text-align:center;font-size:1rem;color:#fff;text-transform:uppercase;line-height:1.2;position:absolute;background:rgba(0,0,0,5); opacity:0.8;_background:url('/base/img/images/common/top_bg_black.png');}
#subVisual .txt {display:none}

.content_section {padding:5% 4% 10% 4%;line-height:1.4rem;font-size:13px;letter-spacing:-0.04rem;}
.content_section .sub_title {font-size:1.5rem;font-weight:bold;margin:0; text-align:center;padding-top:0px;color:#3f3f3f; padding-bottom:15px;}
.content_section .sub_title .sub_tit_icon{margin-bottom:13px;}
.content_section .sub_title .sub_tit_cont{width:70%; margin:0 auto;text-align:center; font-size:0.8rem; color:#aaa; font-weight:normal;line-height:1.2rem; padding-top:5px;}
.content_section .mtitle {font-size:1.5rem;font-weight:bold;margin:0 0 30px 0}
.contbody{border-top:1px solid #ccc; width:97%; margin:0 auto; padding-top:20px;}


/* 서브 좌측메뉴 */
.sub_leftmenu {display:none}

/* 서브 컨텐츠 공통 */
.con_txt {letter-spacing:-0.05rem;line-height:1.4rem}
.con_txt .bfont {font-size:1.2rem}
.con_txt h2 {font-size:1.2rem;margin:0 0 20px 0;text-align:center;}
.con_txt h2 .t3 {color:#50266e;font-size:1.9rem}
.con_txt h2 .tS {color:#ef951a;font-size:1.9rem}
.con_txt p {color:#505050}
.con_txt p strong {color:#191919}


.cont_txt{font-size:0.9rem;width:100%; margin:0 auto;text-align:center}
.cont_txt p{font-size:0.9rem;text-align:left;}
.cont_txt ul{font-size:0.9rem;text-align:left;}
.con_txt .txt_par{margin:0 0 30px 0}
.cont_txt .title01{font-size:1.2rem;margin:10px 0 5px 0; font-weight:700; color:#2d9baa;clear:both;padding-top:0;}
.cont_txt .title02{font-size:1rem;margin:15px 0 0 0; font-weight:700; color:#f67f15;clear:both;}
.cont_txt .title03{font-size:1.2rem;margin:15px 0 5px 0; font-weight:600; color:#5a5a5a; border-bottom:3px solid #b8d4d8; clear:both;padding-top:19px;padding-bottom:2px;}
.cont_txt .cimg {margin:8px 0 8px 0}
.photo01{width:100%;}
.photo01 li {width:29%;float:left; margin-right:1%; border:1px solid #ccc; padding:3px;}
p.emphasis01{color:#2d9baa;font-weight:700;font-size:1.3rem;margin-bottom:8px;}
p.emphasis02{color:#ff9021;font-weight:600;font-size:1rem;}
p.emphasis03{color:#ccc;font-weight:600;font-size:1rem;}
.bullet01 li{font-size:0.9rem;color:#505050;text-align:left; background:url('/base/img/images/common/dot.png') 2px top no-repeat ; padding:0 0 0 13px; top:20px;}
.info_img{margin:0 auto; border:1px solid #bbb; padding:6px; width:90%;}
.about_sub3_table{width:100%}
.about_sub3_table th{border-top:2px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#eee;padding:5px;}
.about_sub3_table td{border:1px solid #ccc; padding:5px;font-weight:600;}
.about_sub4_table{width:100%}
.about_sub4_table th{width:30%;border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#eee;padding:5px;vertical-align:middle;}
.about_sub4_table td{width:70%;border:1px solid #ccc; padding:5px;font-weight:normal;word-break:break-all}
.sub4_addr{margin-top:20px;}
.cpm_sub1 {width:100%;}
.cpm_sub1_table{width:100%}
.cpm_sub1_table th{border-top:2px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#eee;padding:5px;}
.cpm_sub1_table td{border:1px solid #ccc; padding:5px;font-weight:600;}

.body_part {width:100%;border:1px solid #d0d0d0;border-left:0;border-top:0;display:table}
.body_part ul {width:100%;display:table;}
.body_part li {width:50%;text-align:center;margin-left:-1px;font-size:0.8rem;display:table-cell;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;margin:0 0 10px 0}
.body_part li p.tit {background:#d9e5f4;text-align:center;margin:0 0 8px 0;padding:5px 0;color:#000}
.body_part li p.con {margin:0 0 10px 0;text-align:center;}

.step_in {margin:18px 0}
.step_in ul {width:100%;display:table;}
.step_in li {width:20%;color:#155e68;text-align:center;background:url('/base/img/images/common/step_01.png') top center no-repeat;padding:18px 0 0 0;display:table-cell}

.step_out {margin:20px 0}
.step_out ul {width:100%;display:table;}
.step_out li {width:25%;color:#8b5928;text-align:center;background:url('/base/img/images/common/step_02.png') top center no-repeat;padding:18px 0 0 0;display:table-cell}

.sub_leftmenu {display:none}

.content_section .sub_position {display:none}

.pass_h2 {width:100%;padding:0;margin:0;font-size:1rem;font-weight:bold;text-align:center;margin:0 0 10px 0;padding:0.8rem 0;border-top:2px solid #ccc;border-bottom:1px solid #e1e1e1;background:#f5f5f5 }
.pass_h3 {padding:0 0 0 1.5%;margin:0;font-size:0.9rem }
.pass_h3 img {width:110px;display:block;}
.pass_list {margin:0 0 25px 0}
.pass_list ul {width:100%;margin:0 0 6% 0;float:left}
.pass_list li {width:46%;display:inline;float:left;margin:2% 2%;position:relative }
.pass_list li img {width:100%}
.pass_list li p {width:100%;font-size:0.78rem;letter-spacing:-0.08rem;line-height:18px;position:absolute;bottom:0;background:rgba(0,0,0,5);opacity:0.7;padding:10px 0;color:#fff;text-align:center;}

.school_list {border-top:2px solid #ccc;padding:3% 0}
.school_list li {width:46%;margin:0 2% 2% 2%;float:left }
.school_list p {text-align:center;margin:2px 0 0 0;}
.school_list img {width:100%;border:1px solid #ccc}

.curr_head h2 {font-size:1.3rem;margin:0 0 0.5rem 0}
.curr_head {margin:0 0 1.5rem 0;padding:1.5rem 1.3rem;border-bottom:1px solid #e3ddd8;border-top:2px solid #e6d3c2;background:#f9f6f3}
.curr_head p{text-align:center;line-height:1.2rem;font-size:0.9rem;color:#6e6c6b }
.curr_list {margin:0 0 1.8rem 0}
.curr_list li {margin:0 0 0.45rem 0; padding:0 0 0 10px;list-style:square;list-style-position:inside}
.curr_list strong {font-size:0.9rem;display:block}

.table_type {width:100%; text-align:center;  border-top:2px solid #2a54a9;border-bottom:1px solid #c6c6c6;border-right:1px solid #e6e6e6; }
.table_type thead {background:#edf2fb;  }
.table_type th{padding:7px 0;color:#3d3d3d; font-size:0.8rem;color:#000;vertical-align:middle;font-weight:normal; background:#edf2fb; border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.table_type td{background:none; line-height:1.3rem;color:#3d3d3d; font-size:0.8rem; vertical-align:middle;padding:6px 0;  border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.table_type td.padd{padding-left:10px; text-align:left; }
.table_type .th_line { border-bottom:1px solid #666666; }
.table_type td.alignL { text-align:left;padding-left:15px;padding-right:10px; }
.table_type .bline {border-bottom:1px solid #a4a4a4; }
.table_type .step {background:#f9f6f3;font-weight:bold }


.write_form {margin:0; padding:0;border-bottom:1px solid #ccc }
.write_form li { padding:10px;border-top:1px solid #ccc }
.write_form dl {margin:0; padding:0 }
.write_form dt {font-size:14px;padding:0 0 10px 0; font-weight:normal; }
.write_form dd {font-size:14px; font-weight:normal; }
.write_form input  {height:2rem;padding: 0 3px;border-radius:6px}
.write_form select {height:2rem;border-radius:6px}
.write_form textarea { width:96%;border-radius:6px}
.write_form input[name="email_account"] {width:20% }
.write_form input[name="email_domain"] {width:20% }

/* scroll box */
.scrollWrap {padding:15px 25px;background:#fafafa;border:1px solid #d8d8d8;overflow-y:auto;overflow-x:hidden;}
.scrollWrap.joinAgree {height:130px;}
.scrollWrap .scroCont {width:100%;font-size:13px;line-height:1.7em;color:#5f5f5f}
.scrollWrap .scroCont ol { margin: 5px 0 9px 0}
.scrollWrap .scroCont dt { margin: 0 0 0 15px;font-weight:normal;font-size:13px;color:#5f5f5f}
.joinAgree_chk {font-size:12px;margin:10px 0 20px 0;color:#777 }

.address_list  {width:100%;}
.address_list li {width:100%;padding:3px 0 3px 15px;font-size:1.8em}
.address_list dt { font-size:0.9rem;margin:0 0 0 0;color:#000;font-weight:bold}
.address_list dd { font-size:0.8rem; }
.address_list ul { width:100%;margin:0 auto; }
.address_list .map {padding:0 0 15px 0 }

.img_pc {display:none}

.tab{margin:0; }
.tab ul{display:table;width:100%;background:#ececec ;box-shadow: 0 3px 4px #bec1c1; border-radius:3px 3px;}
.tab li{display:table-cell;text-align:center;width:25%;letter-spacing:-1px;background:#fff;border-top:1px solid #b4bcbe;border-right:1px solid #a2aaab;border-bottom:2px solid #2d9baa;font-size:13px;font-weight:bold}
.tab li:first-child{border-radius:3px 0 0 3px;}
.tab li:last-child {border-radius:0 3px 3px 0;}
.tab li a{display:block;padding:6px 0;color:#444;}
.tab li.on {background:#2d9baa;}
.tab li.on a{color:#fff;}
.tab.tab2 li{width:50%;}
.tab.tab3 li{width:33.333%;}
.tab.tab4 li{width:25%;}


.page_ing {text-align:center;margin-top:4rem;min-height:8rem}



/* 태블릿용 CSS  */
@media all and (min-width:768px){

	#subVisual .v1, #subVisual .v2, #subVisual .v3, #subVisual .v4, #subVisual .v5, #subVisual .v6, #subVisual .v7,  #subVisual .v8, #subVisual .v9, #subVisual .vmypage { height:220px;background-size:100%}
	.content_section {padding:5% 4% 10% 4%;line-height:1.4rem;font-size:13px;letter-spacing:-0.04rem;}
	.content_section .sub_boxcont{width:100%;min-height:auto; float:left; padding-bottom:40px;}

	.txt_dual .dleft{width:50%;float:left}
	.txt_dual .dright{width:50%;float:left}

	.body_part ul {width:50%;display:table;float:left}
	.body_part li {width:25%;height:184px}

}



/* PC용 CSS  */
@media all and (min-width:960px){

	#subVisual .v1, #subVisual .v2, #subVisual .v3, #subVisual .v4, #subVisual .v5, #subVisual .v6, #subVisual .v7,  #subVisual .v8, #subVisual .v9, #subVisual .vmypage {width:100%; height:228px;background-size:1920px 550px}
	#subVisual .subTit {display:none}
	#subVisual .txt {width:398px;margin:0 auto;display:block}
	#subVisual .txt img {display:block;padding-top:75px}

	.content_section {min-width:960px;max-width:1000px; margin:0 auto;padding:0;}
	/* 서브 좌측메뉴 */
	.content_section .sub_leftmenu{width:180px;position:relative;display:inline-block;float:left;border-bottom:0;}
	.content_section .sub_position{font-size:11px;font-weight:normal;color:#fff;display:inline;float:left; background:#2d9baa;border:1px solid #248491;width:100%;padding:8px 0 8px; 0;}
	.content_section .sub_position .aw {width:10px;height:10px;background:url('/base/img/images/common/arrow_s.gif') 3px center no-repeat;margin:10px 5px 0 5px;display:inline-block;vertical-align:top}
	.content_section .sub_boxcont{width:100%; border:1px solid #ccc;min-height:auto; float:left; padding-bottom:40px;min-height:600px;}

	.sub_lm_bn {margin-top:7px}
	.sub_lm_bn img {margin:0 0 7px 0}
	.sub_leftmenu .down_menu{ width:100%;font-size:0.9rem; margin:0 auto;}
	.sub_leftmenu .down_menu li { border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
	.sub_leftmenu .down_menu li a { padding:0.5rem 1rem;display:block;color:#454754}
	.sub_leftmenu .down_menu li a:hover {background:#f4f4f4;color:#ff7800}
	.sub_leftmenu .down_menu .now { text-align:center;font-weight:bold;letter-spacing:-0.09rem;background:#3a79c7;font-size:1.3rem;padding:2.5rem 0 1.8rem 0;color:#fff;}
	.sub_leftmenu .down_menu .now a {display:block;}
	.sub_leftmenu .down_menu .selected {color:#fff;background:#2a54a9}
	.sub_leftmenu .down_menu .selected a {color:#fff}
	.sub_leftmenu .down_menu .selected a:hover {background:#2a54a9}
	.sub_leftmenu .down_menu .list {width:100%; display:table; }

	.tab{display:none}

	/* 서브 컨텐츠 */
	.content_section .sub_con{margin:0px 0px 0px 202px;padding:0;}
	.content_section .con_txt { padding:0px;height:auto;}

	.con_txt .txt1_1 dt img {width:90px}


	.con_txt .txt2 .top_pd {margin-top:0px}
	.con_txt .txt2 .top_pd2 {margin-top:0px}

	.img_pc {display:block}
	.img_mb {display:none}
	.page_ing {text-align:center;margin-top:9rem;}

	.content_section .sub_title {font-size:1.5rem;font-weight:bold;margin:0; text-align:center;padding-top:20px;color:#3f3f3f; padding-bottom:15px;}
	.cont_txt{font-size:0.9rem;width:90%; margin:0 auto;text-align:center}
	.about_sub4_table{width:100%}
	.about_sub4_table th{width:30%;border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#eee;padding:5px;vertical-align:middle;}
	.about_sub4_table td{width:70%;border:1px solid #ccc; padding:5px;font-weight:600;word-break:break-all}
	.content_section .sub_title .sub_tit_cont{width:79%;text-align:center; font-size:0.8rem; color:#aaa; font-weight:normal;line-height:1.2rem; padding-top:5px;}
	.info_img{margin:0 auto; border:1px solid #bbb; padding:6px; width:50%;}

}