/* com2zoa design  KYJ 20210402 */

/* Layout */
#subpage .basics_font{font-size: 1.077em; font-weight: 400 /*±âÁØÆùÆ® 14px*/}
/*±ÛÀÌ ¸¹ÀºÆäÀÌÁöÀÇ °æ¿ì ¸ð¹ÙÀÏ¿¡¼­ ÇØ´ç ÆäÀÌÁö °íÀ¯Å¬·¡½º ÇÏÀ§¿¡ ±âÁØÆùÆ® 1.000em(13px)À¸·Î º¯°æ-¿¹)±ÔÁ¤±ÔÄ¢ ÆäÀÌÁö*/
#sub_left {display: none}
#subpage {min-height: 300px; line-height:150%; margin:0 10px 50px 20px; font-weight:300; font-family:NSK}
.clear_fix:after {content: ""; display: block; clear: both}
.qmu_popup{display: none}

/*Subtop */
#subtop {position:relative; padding-top:33px; margin-bottom:20px; border-bottom: 1px solid #dcdcdc}
#subtop h3{height:25px; width: auto; font-size:1.571em; text-align:left; font-weight:600; text-align: center}

/* Guide */
#sub_guide{z-index:500}
#sub_guide .btn_home {display: none}
#sub_guide .submn {display: none}
#sub_guide .guide_wrap {position: relative}

/* Tab01 */
.tabnavi01{margin:0 15px 10px 20px}
.tabnavi01 ul li{position: relative; float:left; margin:0 8px 5px 0; border-radius: 50px}
.tabnavi01 ul li a{overflow: hidden; display: block; height:auto; line-height:140%; padding: 9px 60px 10px 15px;background:url(../images/sub/btn_tab_off.png) no-repeat right center #ebeced; border-radius:50px;  font-weight:400; font-size: 14px; color:#2e2e2e; transition: all .3s}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover{background:url(../images/sub/btn_tab_on.png) no-repeat right center #ffa5c5; color:#fff}

/* Tab02 */
.tabnavi02{margin:0 15px 30px 20px}
.tabnavi02 ul {padding:0 30px 10px; border-radius: 5px; border: 1px solid #ddd; background: #fff}
.tabnavi02 ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li { float: left; width: 20%; height: 13px; padding: 10px 0; font-size:14px;  font-weight:300}
.tabnavi02 ul li a {display: block; height: 21px; line-height: 21px; padding-left: 25px; background: url(../images/sub/blt_othertab.gif) left 4px no-repeat ;font-size: 1.077em; color: #595959; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a {height: 21px; line-height: 21px; background: url(../images/sub/blt_othertab_a.gif) left 4px  no-repeat; color:#ff72a4; font-weight: 500}

/* boardTab */
.tabnavi02{margin:0 15px 30px 20px}
.boardTab ul {padding:0 30px 10px; border-radius: 5px; border: 1px solid #ddd; background: #fff}
.boardTab ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.boardTab ul li { float: left; width: 20%; height: 13px; padding: 10px 0; font-size:14px;  font-weight:300}
.boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left: 25px; background: url(../images/sub/blt_othertab.gif) left 4px no-repeat ;font-size: 1.077em; color: #595959; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.boardTab ul li.on a, .boardTab ul li:hover a {height: 21px; line-height: 21px; background: url(../images/sub/blt_othertab_a.gif) left 4px  no-repeat; color:#ff72a4; font-weight: 500}

/******************************¼­ºêÄÁÅÙÃ÷ ¿µ¿ª**************************************/
/* -------------------ÄÁÅÙÃ÷ °øÅë------------------- */
/****ÆäÀÌÁö ÁغñÁß****/
.sub_loding{min-height: 450px; background: url(../images/sub/page_loding.gif) no-repeat center center}
/****Blind****/
.blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0} 

/****TIT****/
h4.sub_tit4 {line-height:140%; padding:5px 0 5px 40px; margin: 5px 0; background:url(../images/sub/subtit4.gif) no-repeat left 1px; font-size: 1.214em; font-weight:500; font-family:CGC}
h5.sub_tit5 {line-height:140%; padding:0 0 0 30px; margin:10px 0 8px 10px; background:url(../images/sub/subtit5.gif) no-repeat left 2px; font-size: 1.143em; font-weight:500; font-family:CGC}

/****LI,P ÅؽºÆ®½ºÅ¸ÀÏ,ºí¸´****/
.sh_txtbox{padding:15px;  margin-bottom: 20px; border:1px solid #dbdbdb; border-radius: 10px}
.sh_txtbox>ul>li {padding:0 0 5px 18px; line-height: 150%; background:url(../images/sub/txt_blt01.gif) no-repeat left 6px}
.sh_txtbox.noneblt>ul>li{background: none;  line-height: 150%; padding-left: 0; margin-bottom: 8px}
.sh_txtbox>ul>li:last-child{padding-bottom: 0}
.sh_txtbox>ul>li .secon_lst{margin-top: 10px; padding:0 0 5px 18px; line-height: 160%; background:url(../images/sub/txt_blt01.gif) no-repeat left 6px}
.sh_txtbox>ul>li>ul{margin-top: 10px; border-radius: 10px; padding: 5px; background: #eeeeee}
.sh_txtbox>ul>li span.txt_bold{font-weight: 500}
.sh_txtbox>ol>li {padding:0 0 5px 18px; line-height: 150%; background:url(../images/sub/txt_blt01.gif) no-repeat left 6px}
.sh_txtbox>ol>li:last-child{padding-bottom: 0}
.sh_txtbox>ol>li .secon_lst{margin-top: 10px; padding:0 0 5px 18px; line-height: 160%; background:url(../images/sub/txt_blt01.gif) no-repeat left 6px}
p.single_txt {padding:15px; line-height: 160%; border:1px solid #dbdbdb; border-radius: 5px}
p.txt_info{padding: 15px 15px 15px 79px; line-height: 150%; border:1px solid #dbdbdb; border-radius: 10px}
div.single_txtinfo{padding:10px 15px; line-height: 150%; border:1px solid #dbdbdb; border-radius: 10px}
div.single_txtinfo .sh_txtbox{margin:15px 0 5px 0; border: none; background:#eeeeee}

/****Table****/
.sh_table {width:100%; margin-bottom:25px; border-collapse:collapse; table-layout:auto; background:#f1f1f1; border-radius: 10px 10px 0 0}
.sh_table table{width: 100%}
.sh_table .txtleft {text-align: left}
/*¸ð¹ÙÀÏ ¾Æ·¡¿¡¼­ Ç¥ ³»¿ëÀÌ ³Ê¹«¸¹À»¶§ »çÀÌÁî °íÁ¤ÈÄ ½ºÅ©·Ñ Çϱâ Å×ÀÌºí °¨½Î°í ÀÖ´Â divÇÑÅ× table_scroll Ŭ·¡½º ÁÖ¸éµÊ*/	
.sh_table.table_scroll{overflow-x: auto; position: relative}
.sh_table.table_scroll > table {min-width:710px}
/*table_scroll ÇÊ¿ä¾øÀ»¶§*/
.sh_table.tb_border{overflow: hidden}
/*Ç¥_»ö»ó:ȸ»ö(±âº»)*/
.sh_table thead th { line-height:150%; padding:8px;  border:1px solid #fff; border-top:1px solid #cacaca;  vertical-align:middle;text-align:center; font-weight:500; font-size: 1.077em; color:#fff}
.sh_table thead th:first-child {border-left:1px solid #cacaca}
.sh_table thead th:last-child {border-right:1px solid #cacaca}
.sh_table tbody th {line-height:150%; background:#f7f7f7; padding:8px; border:1px solid #cacaca;  text-align:center; font-weight:500; vertical-align:middle; color:#30302e}
.sh_table tbody td {line-height:150%; background:#fff; padding:8px; border:1px solid #cacaca;text-align:center; vertical-align:middle; color:#4d4d4d} 
/*Ç¥_»ö»ó:ÆĶû[±³Á÷¿ø / Çб³ °ü·Ã1]*/
.sh_table .table_st01 {background:#53a1e3}
.sh_table .table_st0102 {background:#5095c4}
/*Ç¥_»ö»ó:ÃÊ·Ï[Çб³ÇöȲ / Çб³ °ü·Ã2]*/
.sh_table .table_st02 {background:#79c764}
/*Ç¥_»ö»ó:³ë¶û[Çлý°ü·Ã]*/
.sh_table .table_st03 {background:#ffa247}
/*Ç¥_»ö»ó:ÇÎÅ©[Çкθð°ü·Ã]*/
.sh_table .table_st04 {background:#ff7caa}
/*Ç¥_»ö»ó:º¸¶ó[ÇàÁ¤½Ç°ü·Ã]*/
.sh_table .table_st05 {background:#b27aff}
/*Ç¥_»ö»ó:³²»ö[±âŸ01]*/
.sh_table .table_st06 {background:#536c7e}
/*Ç¥_»ö»ó:ȸ»ö[±âŸ02]*/
.sh_table .table_st07 {background:#a4a4a4}
/*Ç¥_»ö»ó:»ýÈ°±ÔÁ¤*/
.sh_table .table_rule02 {background:#559e44}
/* -------------------°øÅ뽺ŸÀϽÃÀÛ -------------------*/
/*col class ¼±¾ð¿µ¿ª*/
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt15{width: 15%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}
/****°øÅë Table****/
.comtable {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.comtable table{width: 100%; border-bottom:3px solid #aeaeae}
.comtable thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #aeaeae; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.comtable tbody th {line-height:150%;padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle; color:#30302e}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d} 
.comtable .txtleft {text-align: left; padding-left: 10px}
.comtable02 table{border-bottom:2px solid #aeaeae; border-top:2px solid #aeaeae}
.comtable02 tbody th {background: #aeaeae; color:#fff}
/*Table¾çÂÊ ¼± ¾ø´Â ŸÀÔ*/
.nonbdr .comtable thead th:last-child{border-right: none}
.nonbdr .comtable tbody td.bdr_none{border-left:none}
.nonbdr .comtable tbody th {border-left: none}
.nonbdr .comtable tbody td {border-right: none}
/****°øÅë Common****/
.common_wrap{font-family:NSK}
.common_wrap h4.com_h4{padding:5px 0 5px 35px; margin: 10px 0; background:url(../images/sub/com_h4.gif) left top no-repeat; font-size:1.286em}
.common_wrap h5.com_h5{padding:2px 0 2px 30px; margin: 10px 0; background:url(../images/sub/com_h5.gif) 6px 3px no-repeat; font-size:1.143em}
.common_wrap{font-weight: 400}
.common_wrap .comtop{margin-bottom: 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.common_wrap .comtop_tit{padding: 10px; border-radius: 5px 5px 0 0; font-weight: 500; text-align: center; color:#fff; font-size:1.071em}
.common_wrap .comtop ul{padding: 15px 10px 10px 95px}
.comtop ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.comtop ul li:last-child{margin-bottom: 0}
.combox .cmline{margin-bottom: 20px}
.cmline > .cmtit{ overflow: hidden; position:relative; border-radius:5px; margin-bottom:10px;  border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline > .cmtit h5{ line-height: 140%; padding: 10px; margin: 0 0 0 70px; background: #fff; font-weight: 500; font-size:1.071em}
.cmline > .cmtit p{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff; font-size:1.071em; font-weight: 400}
.cmline .cmtxt ol li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.cmline .cmtxt ol li:last-child{margin-bottom: 0}
.cmline .cmtxt ol li>ol, .cmline .cmtxt ol.bgline{padding: 10px; margin: 10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt ul li{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p.refertxt{padding:5px; background: #838383; border-radius: 5px; text-align: center; color:#fff}
.cmline .cmtxt > dl{margin-top: 10px; padding: 10px; border-radius:5px; margin-bottom:10px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt > dl dt{margin: 5px 0; font-weight: 500}
.cmline .cmtxt > dl dt.bgtit{display: inline-block; padding: 5px 10px; border-radius: 50px; background: #838383; font-weight: 400; color:#fff}
.cmline .cmtxt > dl dt:first-child{margin-top: 0}
.cmline .cmtxt > dl dd{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 120%; margin-bottom: 5px}
.cmline .cmtxt > dl dd:last-child{margin-bottom: 0}
.cmline .cmbtn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.cmline .col_bb{font-weight: 500}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}
/*À̷°ü¸®*/
.comhis_lst{border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*ÅؽºÆ® ½ºÅ¸ÀÏ*/
.common_wrap .comlst_txt{ margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.common_wrap .comlst_txt ul{padding: 10px}
.common_wrap .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.common_wrap .comlst_txt ul li:last-child{margin-bottom: 0}
.common_wrap p.comlst_tit{padding: 10px; background: #65758d; border-radius: 5px 5px 0 0; text-align: center; color:#fff; line-height: 140%}

/****°øÅë_°³ÀÎÁ¤º¸Ã³¸®¹æħ****/
.protect .comtop ul{min-height: 65px; background:url(../images/sub/protect_img.gif) 13px 10px no-repeat}
.protect .comtop_tit{background: #519bff}
.protect .cmline .cmtit{background:#519bff}
.protect .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.protect .priv_go a:hover{background:#519bff}
.protect .comhis_lst ul li a:hover{background:#519bff}

/****°øÅë_¿µ»óÁ¤º¸Ã³¸®¹æħ****/
.video .comtop ul{min-height: 65px; background:url(../images/sub/video_img.gif) 13px 10px no-repeat}
.video .comtop_tit{background: #1ebaa6}
.video .cmline .cmtit{background:#1ebaa6}
.video .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.video .priv_go a:hover{background:#1ebaa6}
.video .comhis_lst ul li a:hover{background:#1ebaa6}

/****°øÅë_ÀúÀ۱ǽŰí****/
.copyright .cmline .cmtit{background:#a46de1}
.copyright .comtop ul{background:url(../images/sub/copy_img.gif) 13px 10px no-repeat}
.copyright .comtop_tit{background: #a46de1}
.copyright .copy_txt{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > p.copy_tit{padding: 8px; background:#838383; border-radius: 5px 5px 0 0; text-align: center; line-height: 140%; color:#fff}
.copyright .copy_txt > ul, .copyright .copy_txt > ol{padding: 10px}
.copyright .copy_txt > ul li, .copyright .copy_bgtxt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.copyright .copy_txt > ul li:last-child, .copyright .copy_bgtxt ul li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.copyright .copy_txt > ol > li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li > ol{padding: 10px; margin:10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > ol > li > ol > li{margin-left:20px}
.copyright .copy_bgtxt{padding: 10px; margin:0 10px 10px; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright p.copy_info{padding: 10px; margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; text-align: center; line-height: 150%}
.copyright .comtable table{border-bottom-color:#a46de1}
.copyright .comtable thead th {background: #a46de1}
.copyright .copy_img > p.copyimg_txt{position:relative; width: 606px; height: 266px; margin: 20px auto}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/sub/copy_img01.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/copy_img02.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{display: block; position: absolute;top:88px; right:4px; width: 127px; height: 96px; padding: 15px 0 0;text-align: center; font-weight: 500; font-size: 18px; line-height: 130%; color:#fff}
.copyright .copy_btn a{display: block; padding: 10px; border-radius: 0 0 5px 5px; background: #486170; text-align: center; color:#fff}

/****°øÅë_ÇàÁ¤¼­ºñ½ºÇåÀå ¿µ¿ª****/
.charter .comtop{position: relative; padding:40px 15px 15px; margin: 40px 0 15px; line-height:140%; background:#65758d; border-radius:5px; color: #fff; text-align: center; font-size:1.071em}
.charter .comtop::before{content: ""; display: block; clear: both; position: absolute; top:-25px; left:50%; margin-left: -40px; width:71px; height:70px; background: url(../images/sub/charter_img.png) no-repeat left top}
.charter .comtop span {color:#daff5b; font-weight: 400}
.charter .combox{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.charter .combox ol{padding: 10px}
.charter .combox ol li{line-height: 150%; margin-left: 20px; text-indent: -17px}
.charter .combox .charter_bt{padding:10px; background: #d2d2d2; text-align: center}
.charter .comtable table{border-bottom-color:#65758d}
.charter .comtable thead th {background: #65758d}
.charter .comtable02 table{border-bottom-color:#65758d; border-top-color:#65758d}
.charter .comtable02 tbody th {background: #65758d}
.charter .charter_bt{padding: 10px; background: #d2d2d2; border-radius: 0 0 5px 5px; text-align: center; font-weight: 500}

/****°øÅë_Á¤º¸°ø°³Á¦µµ¾È³»****/
.openinfo .comtable table{border-bottom-color:#46a4f4}
.openinfo .comtable thead th {background: #46a4f4}
.openinfo .comtable a.gobtn{display: inline-block; padding: 5px 10px; border-radius: 3px; background: #d2d2d2; transition: all .3s}
.openinfo .comtable a.gobtn:hover{background: #46a4f4; color:#fff}

/****°øÅë_ºñ°ø°³´ë»óÁ¤º¸****/
.private p.comlst_tit{text-align: left}
.private ul > li >ul{padding: 10px; margin:10px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}

/****°³º°[±³¿Ü] üÇèÇнÀ****/
/*°øÅ뽺ŸÀÏ ¾È³»»çÇ× : ¾ÆÀÌÄÜ ºí¸´°ú borderÀÇ ¼±µÎ±ú ¹× »ö»ó, ÃÖ»ó´Ü ŸÀÌƲ À̹ÌÁö ÀÛ¾÷Àº ÀÛ¾÷ÇÏ´Â ÇØ´çÇб³¿¡¼­ »ç¿ë ÇÏ´Â »ö»ó¹× ¿¬°ü µðÀÚÀÎ À¸·Î º¯°æ*/
/*»ó´ÜÅؽºÆ® ÁöÁ¤¿µ¿ª[Çб³¿¡ µû¸¥ µðÀÚÀÎ ¹× ÄÚµùÀ¸·Î º¯°æ]*/
/**ŸÀÌƲ-¼ÛÇÐ**/
.c2z_apptrip .trip_top{position: relative; min-height: 95px; background:url(../images/sub/apptrip_bg.png) no-repeat top center; text-align: center}
.c2z_apptrip .trip_top span{position: relative; display: block; padding: 15px 0 0; z-index: 5}
/**°øÅ뽺ŸÀÏ ÁöÁ¤**/
.c2z_apptrip .trip_tit{padding:5px 0 5px 33px; background:url(../images/sub/subtit4_m.gif) no-repeat left 2px; font-size:1.071em; font-weight: 500; font-family:CGC}
.c2z_apptrip .trip_box{min-height: 55px; padding: 10px; margin-bottom: 10px; border-radius: 10px; border:1px solid #ddd; box-sizing: border-box}
.c2z_apptrip .trip_txt{margin: -23px 0 0 150px}
.c2z_apptrip .btn_down{margin-top: -28px}
.c2z_apptrip span.trip_point{display: block; padding: 5px 5px 5px 30px; margin-top: 5px; border-radius: 5px; background:url(../images/sub/trip_point.png) no-repeat 5px 6px #f1f1f1}
/*ÀýÂ÷*/
.c2z_apptrip .trip_step .step_lst{min-height: 101px; margin: 15px 10px 15px 20px; padding-left: 115px}
.c2z_apptrip .trip_step .step_lst > dt{display: inline-block; padding: 0 10px; margin: 15px 0 5px; border-radius: 20px; background:url(../images/sub/step_titblt.gif) no-repeat left center; color:#508019; font-weight: 500; font-family:CGC}
.c2z_apptrip .trip_step .steplst01{background:url(../images/sub/trip_step01.png) no-repeat left top}
.c2z_apptrip .trip_step .steplst02{background:url(../images/sub/trip_step02.png) no-repeat left top}
.c2z_apptrip .trip_step .steplst03{background:url(../images/sub/trip_step03.png) no-repeat left top}
.c2z_apptrip .trip_step .steplst04{background:url(../images/sub/trip_step04.png) no-repeat left top}
.c2z_apptrip .trip_step .steplst05{background:url(../images/sub/trip_step05.png) no-repeat left top}
/*Æ÷ÀÎÆ® ÅؽºÆ®*/
.c2z_apptrip span.step_point{display: inline-block; padding: 2px 10px; margin: 5px 0 0; border-radius: 3px; background: #eaeaea; color:#000; font-size: 0.929em}
.c2z_apptrip span.col_r{color:#fd674a; font-weight: 500}
.c2z_apptrip span.col_b{color:#459de0; font-weight: 500}
/*¹öÆ°[»ö»óº¯°æ]*/
.c2z_apptrip .btn_down a{display: inline-block; padding: 5px 35px 5px 10px; border-radius: 10px; background:url(../images/sub/trip_down.png) no-repeat right center #68aaf5; color:#fff; font-family:CGC; transition: all .3s}
.c2z_apptrip .btn_down a:hover{background-color: #ffb642}
.c2z_apptrip .trip_btn{margin:30px 50px 20px; text-align: center}
.c2z_apptrip .trip_btn > p{float: left; width: 50%}
.c2z_apptrip .trip_btn > p a{display:block; width: 90%; height: 56px; line-height: 56px; margin: 0 auto; padding: 0 15px; border-radius: 50px; background:url(../images/sub/trip_go.png) no-repeat right center;  text-align: left;  color:#fff; font-size:17px; font-weight: 500; font-family:CGC; transition: all .3s}
.c2z_apptrip .trip_btn > p a span{display: block; padding-left:40px}
.c2z_apptrip .trip_btn > p.btn01 a span{background:url(../images/sub/trip_ico01.png) no-repeat left center}
.c2z_apptrip .trip_btn > p.btn02 a span{background:url(../images/sub/trip_ico02.png) no-repeat left center}
.c2z_apptrip .trip_btn > p.btn01 a{background-color: #fd674a}
.c2z_apptrip .trip_btn > p.btn02 a{background-color: #459de0}
.c2z_apptrip .trip_btn > p.btn01 a:hover, .c2z_apptrip .trip_btn > p.btn02 a:hover{background-color:#ff9e2c}

/* -------------------°øÅ뽺ŸÀÏ ³¡ -------------------*/

/* -------------------ÄÁÅÙÃ÷ ½ºÅ¸ÀÏ ½ÃÀÛ -------------------*/

/*ÆùÆ®¿¡¼­ span»ç¿ë½Ã »öÁöÁ¤
(span¿¡ ´Üµ¶À¸·Î ½ºÅ¸ÀÏÀ» ÁÖ¸é ¸ðµç span ű׿¡ font-weight°¡ ÁöÁ¤µÇ¹Ç·Î bold´Â °¢°¢ ÁöÁ¤ÇÔ)_´õ µÎ²®°Ô ÇÒ ½Ã¿¡´Â °íÀ¯Å¬·¡½º ¾Æ·¡¿¡ ÁöÁ¤  */
span.col_r{font-weight: 500; color:#ff5c41}
span.col_g{font-weight: 500; color:#76a84e}
span.col_b{font-weight: 500; color:#3087e1}
span.col_o{font-weight: 500; color: #ff7b11}
span.col_p{font-weight: 500; color: #ae4ce6}
span.col_pk{font-weight: 500; color: #f86b96}
span.col_bb{font-weight: 600; color:#202020}

/*ÆäÀÌÁö °øÅë ŸÀÌƲ*/
.contop_titbox {position: relative; text-align: center}
.contop_titbox .cn_tit{position: relative; display: inline-block; padding: 0 80px 20px; margin:10px 0 20px; background:url(../images/sub/cnt_line.png) bottom left repeat-x}
.contop_titbox .cn_tit span{position: relative; display: inline-block}
.contop_titbox .cn_tit span::before, .contop_titbox .cn_tit span::after{content: ""; display: block; clear: both; position: absolute; top:5px;width:41px; height:30px}
.contop_titbox .cn_tit span::before{left:-60px; background:url(../images/sub/tit_mark01.gif) 0 0 no-repeat}
.contop_titbox .cn_tit span::after{right:-60px; background:url(../images/sub/tit_mark02.gif) 0 0 no-repeat}

/*Àλ縻*/
.sh_greet {margin: 0 55px; background:url(../images/sub/greet_bg.png) right 30px no-repeat}
.sh_greet .contop_titbox .cn_tit{padding: 0 50px 25px}
.sh_greet .contop_titbox .cn_tit span::before, .sh_greet .contop_titbox .cn_tit span::after{display: none}
.sh_greet .greet_tb{position: relative; line-height: 150%; text-align: center}
.sh_greet .greet_tb::before{content: ""; display: block; clear: both; position: absolute; top:32px; right:-10px; width:408px; height:131px; border-radius: 50px; background:url(../images/sub/gt_txtbg.png) 0 0 no-repeat; z-index: 5}
.sh_greet .greet_tb > p{margin-bottom:20px}
.sh_greet .greet_tb .gt_txtbg{position: relative; padding: 12px 10px;margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align: left; line-height: 180%}
.sh_greet .greet_tb .gt_txtbg::before, .sh_greet .greet_tb .gt_txtbg::after, .sh_greet .greet_tb .gt_txtbg > p::before, .sh_greet .greet_tb .gt_txtbg > p::after{content: ""; display: block; clear: both; position: absolute; width:7px; height:7px; border-radius: 50px; background:#ddd}
.sh_greet .greet_tb .gt_txtbg::after{ top:-4px; left:0}
.sh_greet .greet_tb .gt_txtbg::before{ top:-4px; right:0}
.sh_greet .greet_tb .gt_txtbg > p::after{bottom:-4px; left:0}
.sh_greet .greet_tb .gt_txtbg > p::before{bottom:-4px; right:0}
.sh_greet .greet_tb .bgcol{display: inline-block; width:55px; height: 22px; line-height: 22px; margin-right: 3px; border-radius: 50px; text-align: center; color:#fff}
.sh_greet .greet_tb .bgcol_g{background: #5fbb3a}
.sh_greet .greet_tb .bgcol_b{background: #3595e0}
.sh_greet .greet_tb .bgcol_o{background: #fa932f}
.sh_greet .greet_sign{margin-top: 25px; text-align: center}

/*Çб³¿¬Çõ*/
.sh_history .his_tb{position: relative; padding-top:80px; margin: 30px 30px 0;}
.his_tb .his_btn{position: absolute; top:0; width: 50%}
.his_tb .his_btn>a{position: relative; display: block; width:95%; margin: 0 auto; height:51px; line-height: 51px; background:url(../images/sub/hisbtn_arw.png) no-repeat right center #dedede; border-radius: 50px; text-align: center; font-size: 1.143em; color:#3c3c3c; transition: all .3s}
.his_tb .his_btn>a::after{content: ""; display: block; clear: both; position: absolute; top:-7px; left:20px; width:44px; height:45px; background:url(../images/sub/hisbtn_ico.png) no-repeat 0 center; z-index:1; transition: all .3s}
.his_tb .his_btn>a span{display: block; margin-left:-5px}
.his_tb .on .his_btn>a,.his_tb .his_btn>a:hover{background:url(../images/sub/hisbtn_arw_a.png) no-repeat right center #62afeb; color:#fff}
.his_tb .on .his_btn>a::after, .his_tb .his_btn>a:hover::after{background:url(../images/sub/hisbtn_ico_a.png) no-repeat 0 center}
.his01 .his_btn{left:0}
.his02 .his_btn{left:50%}
.sh_history .his_txt{margin: 0 20px}
.sh_history .his_txt .agetit_box{text-align: center}
.sh_history .his_txt .agetit{position: relative; display: inline-block}
.sh_history .his_txt .agetit::before, .sh_history .his_txt .agetit::after{content: ""; display: block; clear: both; position: absolute; top:4px; width:14px; height:14px; background:url(../images/sub/year_blt.gif) no-repeat 0 center; z-index:5}
.sh_history .his_txt .agetit::before{left:-70px}
.sh_history .his_txt .agetit::after{right:-70px}
.sh_history .his_txt .age_now .agetit::before, .sh_history .his_txt .age_now .agetit::after{background:url(../images/sub/year_blt_a.gif) no-repeat 0 center}
.sh_history .his_txt .agetit span{position: relative; display: inline-block; min-width:78px}
.sh_history .his_txt .agetit span::before, .sh_history .his_txt .agetit span::after{content: ""; display: block; clear: both; position: absolute; top:11px; width:52px; height:1px; background:#dbdbdb; z-index:1}
.sh_history .his_txt .agetit span::before{left:-65px}
.sh_history .his_txt .agetit span::after{right:-65px}
.sh_history .his_txt .age_box{position: relative; padding: 0 20px 20px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb}
.sh_history .his_txt .age_box::after, .sh_history .his_txt .age_box::before{content: ""; display: block; clear: both; position: absolute; bottom:-4px;width:7px; height:7px; border-radius: 50px; background:#ddd}
.sh_history .his_txt .age_box::after{left:0}
.sh_history .his_txt .age_box::before{right:0}
.sh_history .age_box > ul{margin-top: 20px}
.sh_history .age_box > ul li{line-height: 160%}
.sh_history .age_box > ul li span{display: inline-block; padding-left: 13px; margin-right: 20px; background:url(../images/sub/his_blt.gif) no-repeat 0 6px; font-size: 1.077em; font-weight: 500}
.sh_history .his_txt .age_now > ul li:first-child{font-weight: 500}
.sh_history .his_txt .age_now > ul li:first-child span{background:url(../images/sub/his_blt_a.gif) no-repeat 0 6px; color:#ff5f40}

/*Çб³»ó¡ ¹× ±³°¡*/
/*»ó¡*/
.sh_symsong .symbol_wrap{position: relative; width: 750px; height: 455px; margin:0 auto 30px}
.sh_symsong .symbol_wrap::before, .sh_symsong .symbol_wrap::after{content: ""; display: block; clear: both; position: absolute; top:190px;width:16px; height:16px; border-radius: 50px; background:#ddd}
.sh_symsong .symbol_wrap::after{left:240px}
.sh_symsong .symbol_wrap::before{right:250px}
.symbol_wrap > p{position:absolute}
.symbol_wrap > p.sym01{bottom:0; left:50%; margin-left: -80px}
.symbol_wrap > p.sym02{top:0; left:50%; margin-left: -120px}
.symbol_wrap > p.sym03{top:145px; left:15px}
.symbol_wrap > p.sym04{top:145px; right:15px}
/*Çб³±³°¡*/
#schSong{display:none}
.wn_symsong .song_wrap{position: relative}
.song_wrap .song_note{overflow: hidden; display: inline-block; width:552px; height: 560px; border-radius: 10px; border:3px solid #e2e2e2; text-align: center; box-sizing: border-box}
.song_wrap .song_tb{position: relative; float: right; width:358px}
.song_wrap .song_tbtop{position: relative; padding:5px 0 10px}
.song_wrap .song_writerbtn{position: relative}
.song_wrap .song_writerbtn::before{left:15px}
.song_wrap .song_writerbtn::after{right:15px}
.song_wrap ul.writer{padding: 5px 10px 15px 15px}
.song_wrap ul.writer li{ float: left; padding-left: 20px; margin:0 12px 0 0; background: url(../images/sub/blt_song.gif) no-repeat left 3px; font-size: 14px; font-weight: 400}
.song_wrap ul.writer li span{font-weight: 500}
.song_wrap .song_writerbtn .song_area{background:#73b8f2; border-radius: 0 50px 50px 0}
.song_wrap .song_area{position: relative; width: 100%; height: 47px; line-height: 47px}
.song_wrap .song_area dt{float: left; width: 50%; background: #477194; font-size: 14px; font-weight: 500; color:#fff }
.song_wrap .song_area dt span{padding-left: 40px; margin-left: 10px; background: url(../images/sub/song_icon.gif) no-repeat 5px center}
.song_wrap .song_area dd{float: right;margin:8px 10px 0 0}
.song_wrap .song_area dd ul{position: relative; z-index: 10}
.song_wrap .song_area dd ul li{float: left; width: 29px; height: 29px; margin-right: 7px}
.song_wrap .song_area dd ul li:last-child{margin-right: 0}
.song_wrap .song_area::before{content: ""; display: block; clear: both; position: absolute; top:-45px; right:10px; width:64px;  height:49px; background: url(../images/sub/song_img.png) no-repeat right top; z-index:1}
.song_wrap .song_txt{ padding:10px 10px 125px 0; border-radius: 10px; background:url(../images/sub/song_bg.png) no-repeat right bottom; text-align: center}
.song_wrap .song_lyrics dt{width:60px; height:23px; line-height: 23px; margin:5px auto; border-radius: 50px; background:#87af41; color: #fff; text-align: center; font-weight: 500}
.song_wrap .song_lyrics .lyrics02{margin-top: 20px; background:#ffa53a}
.song_wrap .song_lyrics dt:first-child{margin-top: 0}
.song_wrap .song_lyrics dd{line-height: 145%}

/*Çб³ÇöȲ*/
.sh_condition .cond_date{display: inline-block; float: right;margin-top: -30px; padding:2px 10px; border-radius: 50px; background: #386d9b; color:#fff; font-weight: 400; font-size:0.929em}
.sh_condition .btn_schinfo{text-align: right; margin:-35px 90px 0 0}
.sh_condition .btn_schinfo a{position: relative; display:inline-block; margin-bottom:7px; padding: 5px 50px 0px 15px; border-radius: 50px; background: #ff663d; transition: .5s}
.sh_condition .btn_schinfo a::after{content: ""; display: block; clear: both; position: absolute; top:-40px; right:-80px; width:124px; height:79px; background:url(../images/sub/schinfo_img.png) 0 0 no-repeat}
.sh_condition .btn_schinfo a:hover{background: #4a99f2}
.sh_condition h4.cond_tit{margin-top: 50px}

/*±³Á÷¿ø¼Ò°³*/
.sh_teacher .tel_btn{display:none}
.sh_teacher .sh_table br{display:none}

/*ã¾Æ¿À½Ã´Â ±æ*/
.sh_map {clear:both; padding:0; margin:0; color:#000000}
.sh_map .map_area {width:100%!important; margin:0; border-radius:10px; border:1px solid #e0e0e0; box-sizing: border-box}
.sh_map .map_area .root_daum_roughmap { width:100%!important; padding:0; border-radius:10px 10px 0 0}
.sh_map .map_area .root_daum_roughmap .wrap_map {overflow:hidden; height:400px !important; border-radius:10px 10px 0 0}
.sh_map .map_txtbox{position: relative; margin-top: 10px; font-family: CGC}
.sh_map .map_txtbox::before{content: ""; display: block; clear: both; position: absolute; top:8px; left:0; width:92px;  height:92px; background: url(../images/sub/map_ico.png) no-repeat right top; z-index:1}
.sh_map .map_add{position: relative; padding: 15px 10px; font-size: 1.077em;  text-align: center; font-weight: 500}
.sh_map .map_txtbox ul{padding: 10px 10px 10px 60px; margin-left: 50px; border-radius: 10px; background: #eaeaea}
.sh_map .map_txtbox ul li{float: left; width: 33.3%; font-weight: 500}
.sh_map .map_txtbox ul li span{display: inline-block; min-width:38px; padding: 3px 20px; margin-right:20px; border-radius: 8px; background: #fff; text-align: center}

/*¼ÛÇбÔÁ¤-±ÔÁ¤°øÅë*/
/*±ÔÁ¤_°³Á¤ÀÌ·Â*/
.sh_rule .ruledate_box {position: relative; min-height: 70px; margin:10px 0 20px; padding: 10px 10px 0 10px; background:url(../images/sub/ruledate01.gif) 15px top no-repeat; border-top:1px solid #ddd; border-bottom:2px solid #4a99f2}
.sh_rule .ruledate_box::after, .sh_rule .ruledate_box::before{content: ""; display: block; clear: both; position: absolute; top:-4px;width:7px; height:7px; border-radius: 50px; background:#ddd}
.sh_rule .ruledate_box::after{left:0}
.sh_rule .ruledate_box::before{right:0}
.sh_rule .ruledate_tit {position: relative; margin:0 0 5px 110px; font-weight: 500; font-size:1.143em; color:#3e8fea}
.sh_rule .ruledate_box ul {margin-left: 105px; padding:5px}
.sh_rule .ruledate_box li {float:left; width:25%; margin-bottom:5px;  text-align:left; text-indent:0}
.sh_rule .ruledate_box li span{padding-left:15px; background:url(../images/sub/txt_blt01.gif) left 6px no-repeat}
/**±ÔÁ¤_³»¿ë¿µ¿ª**/
.rulebody_box{margin: 0 5px}
/*±ÔÁ¤_Àý ÆĶû(±âº»)*/
.rulebody_box .rule_passage{border-radius: 50px; padding:5px 0; margin:10px 0; background: #3e8fea; text-align: center; color:#fff; font-weight: 400; font-size:1.214em}
/*±ÔÁ¤_ŸÀÌƲ ÆĶû(±âº»)*/
.rulebody_box h4 {position: relative; line-height:150%; margin:25px 0 10px; padding: 0 10px 10px 50px; background:url(../images/sub/rule_icon01.gif) 10px 0 no-repeat; border-bottom: 1px solid #ddd; font-size:1.143em; font-weight: 500; color:#3e8fea}
.rulebody_box h4::after, .rulebody_box h4::before{content: ""; display: block; clear: both; position: absolute; bottom:-4px;width:7px; height:7px; border-radius: 50px; background:#ddd}
.rulebody_box h4::after{left:0}
.rulebody_box h4::before{right:0}
.rulebody_box h4.first_tit{margin-top: 10px}
.rulebody_box h5 {line-height:150%; margin:10px 0 5px 5px; padding-left: 15px; background:url(../images/sub/txt_blt01.gif) left 7px no-repeat; font-size:1.077em; font-weight: 500; color:#292929}
/*±ÔÁ¤_ŸÀÌƲ ÃÊ·Ï*/
.rule02 .ruledate_box {background:url(../images/sub/ruledate02.gif) 15px top no-repeat; border-bottom-color: #64c764}
.rule02 .ruledate_tit {color: #559e44}
.rule02 .rulebody_box .rule_passage{background: #559e44}
.rule02 .rulebody_box h4 {background:url(../images/sub/rule_icon02.gif) 10px 0 no-repeat; color:#559e44}
/*±ÔÁ¤_ŸÀÌƲ û·Ï*/
.rule03 .ruledate_box {background:url(../images/sub/ruledate03.gif) 15px top no-repeat; border-bottom-color: #3ac4b5}
.rule03 .ruledate_tit {color: #269488}
.rule03 .rulebody_box .rule_passage{background: #269488}
.rule03 .rulebody_box h4 {background:url(../images/sub/rule_icon03.gif) 10px 0 no-repeat; color:#269488}
/*±ÔÁ¤_ŸÀÌƲ ³ë¶û*/
.rule04 .ruledate_box {background:url(../images/sub/ruledate04.gif) 15px top no-repeat; border-bottom-color: #ffb347}
.rule04 .ruledate_tit {color: #ff8b23}
.rule04 .rulebody_box .rule_passage{background: #ff8b23}
.rule04 .rulebody_box h4 {background:url(../images/sub/rule_icon04.gif) 10px 0 no-repeat; color:#ff8b23}
/*±ÔÁ¤_ŸÀÌƲ £ÀºÆĶû*/
.rule05 .ruledate_box {background:url(../images/sub/ruledate05.gif) 15px top no-repeat; border-bottom-color: #5095c4}
.rule05 .ruledate_tit {color: #2e6991}
.rule05 .rulebody_box .rule_passage{background: #2e6991}
.rule05 .rulebody_box h4 {background:url(../images/sub/rule_icon05.gif) 10px 0 no-repeat; color:#2e6991}
/*±ÔÁ¤_ŸÀÌƲ ÇÎÅ©*/
.rule06 .ruledate_box {background:url(../images/sub/ruledate06.gif) 15px top no-repeat; border-bottom-color: #ff7caa}
.rule06 .ruledate_tit {color: #f24d87}
.rule06 .rulebody_box .rule_passage{background: #f24d87}
.rule06 .rulebody_box h4 {background:url(../images/sub/rule_icon06.gif) 10px 0 no-repeat; color:#f24d87}
/*±ÔÁ¤_ŸÀÌƲ º¸¶ó*/
.rule07 .ruledate_box {background:url(../images/sub/ruledate07.gif) 15px top no-repeat; border-bottom-color: #ba88ff}
.rule07 .ruledate_tit {color: #9858f1}
.rule07 .rulebody_box .rule_passage{background: #9858f1}
.rule07 .rulebody_box h4 {background:url(../images/sub/rule_icon07.gif) 10px 0 no-repeat; color:#9858f1}
/*±ÔÁ¤_ÅؽºÆ®½ºÅ¸ÀÏ*/
.rulebody_box p{line-height:140%; padding:0 15px 0 20px; margin-bottom:10px}
.rulebody_box ol {line-height:140%; margin: 5px 0 0 20px}
.rulebody_box ol li {padding:0 0 3px 15px; text-indent:-18px}
.rulebody_box ol.rule_list01, .rulebody_box ol.rule_list02,.rulebody_box ol.rule_list03,.rulebody_box ol.rule_list04 {line-height:140%; padding:5px 10px; margin:5px 0 10px 0; border-radius:5px}
.rulebody_box ol.rule_list01{margin: 5px 0 10px 20px}
.rulebody_box ol.rule_list02 li, .rulebody_box ol.rule_list03 li, .rulebody_box ol.rule_list04 li  {padding:0; text-indent:0}
.rulebody_box ol.rule_list01, .rulebody_box ol.rule_list02{background: #f5f5f5; border:1px solid #ddd}
.rulebody_box ol.rule_list03{background: #fff}
.rulebody_box ol.rule_list04{border:1px solid #c3c3c3}

/*¼ÛÇб³À°_±³À°»ó*/
.sh_edugoal .edulst_box{position: relative; margin: 85px 0 95px}
.sh_edugoal .edulst_box::before, .sh_edugoal .edulst_box::after{content: ""; display: block; clear: both; position: absolute; left:50%; width:25px; height:42px; margin-left: -8px; z-index: 5}
.sh_edugoal .edulst_box::before{top:-80px; background:url(../images/sub/edu_arw01.png) no-repeat left top}
.sh_edugoal .edulst_box::after{bottom:-80px; background:url(../images/sub/edu_arw02.png) no-repeat left top}
.sh_edugoal .edulst_box > ul{position: relative; width: 850px; min-height: 196px; margin: 0 auto}
.sh_edugoal .edulst_box > ul::before, .sh_edugoal .edulst_box > ul::after{content: ""; display: block; clear: both; position: absolute; left:146px; width:567px; height:1px; background:#d6d6d6}
.sh_edugoal .edulst_box > ul::before{ top:-46px}
.sh_edugoal .edulst_box > ul::after{bottom:-46px}
.sh_edugoal .edulst_box > ul > li{position: relative; float: left; width: 33.3%}
.sh_edugoal .edulst_box > ul > li::before, .sh_edugoal .edulst_box > ul > li::after{content: ""; display: block; clear: both; position: absolute;left:50%; width:1px; margin-left:4px; background:#d6d6d6}
.sh_edugoal .edulst_box > ul > li::before{top:-46px; height:16px}
.sh_edugoal .edulst_box > ul > li::after{bottom:-25px; height:25px}
.sh_edugoal .edulst_box ul > li .edu_item{width: 95%; margin: 0 auto}
.sh_edugoal .edu_item .edulst_tit{position: relative; padding: 35px 0 15px; border-radius: 50px; background: #7ba33d; box-sizing: border-box; text-align: center; font-family: CGC; font-size: 1.077em; font-weight: 500; color:#fff}
.sh_edugoal .edu_item .edulst_tit::before{content: ""; display: block; clear: both; position: absolute; top:-33px; left:50%; width:58px; height:58px; margin-left:-25px; background:url(../images/sub/edu_img01.png) no-repeat left top; border-radius: 50%; border: 2px solid #fff}
.sh_edugoal .edu02 .edulst_tit{background:#2287c0}
.sh_edugoal .edu02 .edulst_tit::before{background:url(../images/sub/edu_img02.png) no-repeat left top}
.sh_edugoal .edu03 .edulst_tit{background:#ff8d1d}
.sh_edugoal .edu03 .edulst_tit::before{background:url(../images/sub/edu_img03.png) no-repeat left top}
.sh_edugoal .edu_item .edulst{min-height: 110px; padding: 13px; margin: 5px 10px 0; border-radius: 10px; border:2px solid #9dc75b}
.sh_edugoal .edu02 .edulst{border-color:#36a7e7}
.sh_edugoal .edu03 .edulst{border-color:#ffbc2d}
.sh_edugoal .edulst ul li{padding-left: 10px; margin-bottom: 5px; background:url(../images/sub/txt_blt02.gif) no-repeat left 8px}
.sh_edugoal .edulst ul li:last-child{margin-bottom:0}
.sh_edugoal .edu_btm{ text-align: center}

/*¼ÛÇб³À°-ÁßÁ¡±³À°*/
.sh_edupoint .pointlst_box{position: relative; width: 850px; margin: 0 auto}
.sh_edupoint .pointlst_box::before, .sh_edupoint .pointlst_box::after{content: ""; display: block; clear: both; position: absolute; z-index: 1}
.sh_edupoint .pointlst_box::before{top:-85px; left:70px; width:106px; height: 104px; background:url(../images/sub/point_img01.png) no-repeat 0 0}
.sh_edupoint .pointlst_box::after{top:-90px; right:75px; width:66px; height: 107px; background:url(../images/sub/point_img02.png) no-repeat 0 0}
.sh_edupoint .pointlst_box > ul{position: relative; width: 850px; min-height: 196px; margin: 60px auto 0; z-index: 5}
.sh_edupoint .pointlst_box > ul > li{ position: relative; float: left; width: 25%}
.sh_edupoint .pointlst_box > ul > li:first-child,.sh_edupoint .pointlst_box > ul > li:last-child{margin-top: 50px}
.sh_edupoint .point_item{position: relative; width: 95%; margin: 0 auto}
.sh_edupoint .point_item::before{content: ""; display: block; clear: both; position: absolute; top:-40px; left:50%; width:97px; height:97px; margin-left: -48px; background:url(../images/sub/point_ico01.png) no-repeat 0 0}
.sh_edupoint .point_item.point02::before{background:url(../images/sub/point_ico02.png) no-repeat 0 0}
.sh_edupoint .point_item.point03::before{background:url(../images/sub/point_ico03.png) no-repeat 0 0}
.sh_edupoint .point_item.point04::before{background:url(../images/sub/point_ico04.png) no-repeat 0 0}
.sh_edupoint .point_item .pointlst_tit{display: block; height: 135px; border-radius: 50% 50% 15px 15px; border:3px solid #8eca5d; text-align: center; box-sizing: border-box}
.sh_edupoint .point02 .pointlst_tit{border-color:#70b7ee}
.sh_edupoint .point03 .pointlst_tit{border-color:#ffbf50}
.sh_edupoint .point04 .pointlst_tit{border-color:#ff89ad}
.sh_edupoint .point_item .pointlst_tit span{display: block; padding-top: 65px}
.sh_edupoint .point_item .pointlst{position: relative; margin-top: 13px; padding: 25px 5px 5px; border-radius:10px; background:#8eca5d}
.sh_edupoint .point_item .pointlst::before, .sh_edupoint .point_item .pointlst::after{content: ""; display: block; clear: both; position: absolute; top:-13px; width:12px; height:30px; background:url(../images/sub/point_ring.png) no-repeat 0 0}
.sh_edupoint .point_item .pointlst::before{left: 15px}
.sh_edupoint .point_item .pointlst::after{right: 15px}
.sh_edupoint .point02 .pointlst{background:#70b7ee}
.sh_edupoint .point03 .pointlst{background:#ffbf50}
.sh_edupoint .point04 .pointlst{background:#ff89ad}
.sh_edupoint .point_item .pointlst ul{padding: 10px; border-radius: 8px; background: #fff}
.sh_edupoint .pointlst ul li{padding-left: 15px; margin-bottom: 5px; background:url(../images/sub/txt_blt01.gif) no-repeat left 4px; letter-spacing: -1px}
.sh_edupoint .pointlst ul li:last-child{margin-bottom:0}
.sh_edupoint .pointlst_box > ul > li:first-child .pointlst ul,.sh_edupoint .pointlst_box > ul > li:last-child .pointlst ul{min-height: 133px}
.sh_edupoint .pointlst_box > ul > li:nth-child(2) .pointlst ul,.sh_edupoint .pointlst_box > ul > li:nth-child(3) .pointlst ul{min-height: 182px}

/*¼ÛÇб³À°-Ư»ö±³À°*/
.sh_eduspecial{position: relative; margin-top:40px}
.sh_eduspecial .contop_titbox{padding-top: 80px}
.sh_eduspecial .cn_txt{display:block;width: 100px; padding:5px 0; margin: 0 auto 5px; border-radius: 50px; background: #62afeb; color:#fff}
.sh_eduspecial .spe02 .cn_txt{background: #90cb5b}
.special_tb .spe_btn{position: absolute; top:0; width:323px; z-index: 10}
.special_tb .spe_btn>a{position: relative; display: block; width:100%;  height:51px; line-height: 51px; background:url(../images/sub/spebtn_arw.png) no-repeat right center #dedede; border-radius: 50px; text-align: center; font-size: 1.143em; color:#3c3c3c; transition: all .3s}
.special_tb .spe_btn>a span{display: block; margin-left:-5px}
.special_tb .spe01.on .spe_btn>a,.special_tb .spe01 .spe_btn>a:hover{background:url(../images/sub/spebtn_arw01.png) no-repeat right center #90cb5b; color:#fff}
.special_tb .spe02.on .spe_btn>a,.special_tb .spe02 .spe_btn>a:hover{background:url(../images/sub/spebtn_arw02.png) no-repeat right center #46ade8; color:#fff}
.spe01 .spe_btn{left:120px}
.spe02 .spe_btn{right:120px}
.spe02 .spe_btn a{float: right}
.special_tb .spe_goalwrap{position: relative; overflow: hidden; padding: 10px; margin-bottom: 20px; border-radius:10px; border: 1px solid #dcdcdc}
.special_tb .spe_goalwrap::after{content: ""; display: block; clear: both; position: absolute; bottom:0; right:0; width:209px; height:86px; background:url(../images/sub/spe01_bg.png) no-repeat 0 0}
.special_tb .spe_goal{border-radius: 10px; background: #62afeb}
.special_tb .spe_goal .spegoal_tit{width: 130px; height: 73px; text-align: center}
.special_tb .spe_goal .spegoal_tit span{display:inline-block; padding:5px 0 5px 30px; margin-top: 23px; background:url(../images/sub/spegoal_ico.png) no-repeat left center; color:#fff; font-family: CGC; font-size: 1.077em}
.special_tb .spe_goal > ul{margin: -73px 0 0 130px; padding: 5px 5px 5px 10px; background: #fff; line-height: 140%;}
.special_tb .spe_goal > ul li{padding-left: 15px; margin-bottom: 5px; background:url(../images/sub/txt_blt01.gif) no-repeat left 4px; letter-spacing: -1px}
.special_tb .spe_goal > ul li:last-child{margin-bottom: 0}
.special_tb .spe02 .spe_goalwrap::after{width:212px; background:url(../images/sub/spe02_bg.gif) no-repeat 0 0}
.special_tb .spe02 .spe_goal{background: #99d364}
.spe02 .spe_step{margin:10px 0 30px}
.spe02 .spe_step > ul > li{position: relative; float:left; width: 33.3%}
.spe02 .spe_step > ul > li::after{content: ""; display: block; clear: both; position: absolute; top:110px; right:-20px; width:38px; height:38px; background:url(../images/sub/spe_arw01.gif) no-repeat 0 0}
.spe02 .spe_step > ul > li:last-child::after{display: none}
.spe02 .spe_step > ul > li .step_box{overflow: hidden; width: 82%; min-height: 250px; margin: 0 auto; border: 1px solid #dcdcdc; border-radius: 10px}
.spe02 .spe_step .step_box .step_tit{padding: 10px; background: #ff737a; color:#fff; text-align: center}
.spe02 .spe_step .step_box ul{padding: 10px}
.spe02 .spe_step .step_box ul li{padding-left: 10px; margin-bottom:5px; background:url(../images/sub/txt_blt02.gif) no-repeat left 8px; line-height: 140%; letter-spacing: -1px}
.spe02 .spe_step .step_box ul li:last-child{margin-bottom: 0}
.spe02 .spe_step .step02 .step_tit{background:#ffba57}
.spe02 .spe_step .step03 .step_tit{background:#5799dd}
.spe02 .step_box.step01 {background:url(../images/sub/spelst_bg01.gif) no-repeat center bottom}
.spe02 .step_box.step02 {background:url(../images/sub/spelst_bg02.gif) no-repeat center bottom}
.spe02 .step_box.step03 {background:url(../images/sub/spelst_bg03.gif) no-repeat center bottom}

/*¿¬°£ÁÖ¿ä±³À°È°µ¿*/
.sh_schedule .cn_txt{width: 140px; padding: 5px; margin: 0 auto; border-radius: 50px; background:#8dbd42; color:#fff; font-weight: 500}
.schedule_lst{margin-top: 30px}
.schedule_lst .sche_lst>ul>li{float: left; width: 33.3%}
.schedule_lst .month_box{position: relative; width: 90%; padding:27px 3px 3px; margin: 0 auto 30px; background: #ffcc5d; border-radius:10px;}
.schedule_lst .month_box::before, .schedule_lst .month_box::after{content: ""; display: block; clear: both; position: absolute; top:-8px; width:18px; height:30px; background:url(../images/sub/month_ring.png) 0 0 no-repeat}
.schedule_lst .month_box::before{left:11px}
.schedule_lst .month_box::after{right:11px}
.schedule_lst .month_box.moncol_v2{background: #69baff}
.schedule_lst .month_box.moncol_v3{background: #d882f4}
.schedule_lst .month_item{padding:5px;border-radius:0 0 8px 8px; background:#fff; box-sizing: border-box}
.month_item .month_tit{width: 67px; height:50px; line-height: 50px; margin: -23px auto 0; border-radius: 50px 50px 0 0; background: #fff; font-size: 16px; font-weight:500; text-align: center; font-family:CGC}
.month_item .month_tit span{font-size: 20px; font-weight: 600}
.month_item .month_lst{position: relative; margin-top: 10px; border-radius: 8px; background: #f2f2f2}
.month_lst .month_eng{position: absolute; top:-10px; left:50%; width: 120px; height: 20px; margin-left: -60px; border-radius: 50px; background: #ffa650; text-align: center; color:#fff}
.moncol_v2 .month_eng{background: #3895e5}
.moncol_v3 .month_eng{background: #ad6ac3}
.month_lst .new_year{padding: 15px 5px 5px; border-radius: 8px 8px 0 0;background: #e3e3e3; text-align: center; font-weight: 500}
.newyear .month_lst ul{padding:8px 5px}
.month_lst ul{padding:20px 5px 8px; font-size: 14px}
.month_lst ul li{margin-bottom: 8px; padding-left:55px; letter-spacing: -0.5px; line-height: 130%}
.month_lst ul li:last-child{margin-bottom: 0}
.month_lst ul li span{display: inline-block; min-width: 50px;  padding-left: -55px; margin:0 6px 0 -55px; border-radius: 50px; background: #fff; text-align: center; letter-spacing: -1px; font-weight: 500; font-size: 13px}
.month_lst ul li.holiday span{background:#ff6c3f;  color:#fff}
.month_lst ul li.holiday {color:#ef6338; font-weight: 500}
/*Áö¼ÓÀûÀÎ º¯°æ ¿µ¿ª(¼öÁ¤½Ã-°¡Àå ±ä ¶óÀο¡ ¸ÂÃç¼­ min-height ¼öÁ¤-¿©±â¸¸ ¼öÁ¤ ÇϸéµÊ!! ¸ð¹ÙÀÏ¿¡¼­´Â auto)*/
.sche_line01 div.month_lst ul{min-height:325px}
.sche_line02 div.month_lst ul{min-height:199px}
.sche_line03 div.month_lst ul{min-height:235px}
.sche_line04 div.month_lst ul{min-height:91px}

/*ÀÏÀÏ ½Ã°£¿î¿µ°èȹ*/
.sh_timetable .col_bg01{background: #0a74e0}
.sh_timetable .col_bg02{background: #589c2e}
.sh_timetable .col_bg03{background: #8918e0}

/*¼ÛÇд©¸®¸¶·ç °øµ¿ÀÇȸ*/
.sh_union .union_box{margin:10px 20px 0; padding-top: 40px; background:url(../images/sub/union_mark.gif) no-repeat top center}
.sh_union .union_box > ul > li{float: left; width: 25%}
.sh_union .union_box > ul > li:nth-child(2), .sh_union .union_box > ul > li:nth-child(3){margin-top: 60px}
.sh_union .uni_item{width: 190px; margin: 0 auto; text-align: center}
.sh_union .uni_info{height: 115px; margin-top: -40px; background-color: #fff; background-image: url(../images/sub/uni_bgcol01.gif); background-position:left top; background-repeat: repeat-x; border-bottom: 1px solid #dbdbdb; border-radius: 25px 25px 0 0; text-align: center; font-family: CGC}
.sh_union .uni_info .uni_tit{padding: 46px 0 8px 0}
.sh_union .uni_info .uni_name{text-align: center; font-weight: 500; color:#393939}
.sh_union .uni_info .uni_name span{display: inline-block; width: 65px; padding: 3px 0; margin:0 10px 0 -5px; background: #3480ae; border-radius: 50px; color:#fff}
.sh_union .uni02 .uni_info{background-image: url(../images/sub/uni_bgcol02.gif)}
.sh_union .uni02 .uni_info .uni_name span{background: #ffaa17}
.sh_union .uni03 .uni_info{background-image: url(../images/sub/uni_bgcol03.gif)}
.sh_union .uni03 .uni_info .uni_name span{background: #6da735}
.sh_union .uni04 .uni_info{background-image: url(../images/sub/uni_bgcol04.gif)}
.sh_union .uni04 .uni_info .uni_name span{background: #f96a75}

/*¹æ°úÈÄ Çб³ ¾È³»*/
.sh_aftersch .af_tit{display: block}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* Visual*/
.subvisual .visual_wrap {position: relative;  margin: 0 auto}
.subvisual .visual_item{width:auto; height:285px; margin: 0 auto}
.subvisual .item1{background:url(../images/main/v01_m.jpg) no-repeat bottom center}
.subvisual .item2{background:url(../images/main/v02_m.jpg) no-repeat bottom center}

/* Layout */
#subright{position: relative; margin:-15px 10px 0; border-radius:10px 10px 0 0; border-top:4px solid #62afeb}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto; margin-bottom:50px; padding-top: 0; background:#fff; border-radius: 10px 10px 0 0}
#subtop h3{position: relative; height: auto; font-size: 16px; padding: 15px 0}
#subtop h3::after{content: ""; display: block; clear: both; position: absolute; bottom:-3px; right:10px; width:69px; height:33px; background:url(../images/sub/img_subguide.png) no-repeat 0 center; z-index:20}
#subpage {margin:10px 5px 40px}

/* MB guide */
#sub_guide {position: absolute; left: 0; top: 46px; width: 100%; font-size: 14px; z-index:15}
#sub_guide .guide_wrap {padding: 4px 4px 4px 38px; border-radius: 0 0 10px 10px; background-color: #ebebeb}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width: 38px; height: 39px; line-height: 44px; background:url('../images/sub/btn_mb_home.gif') no-repeat 50% 50% ; border-radius: 5px; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area{border-radius: 10px}
#sub_guide .navi_area>ul>li{float: left; width: 33.3%;  background:url('../images/sub/btn_mb_arr.gif') no-repeat right bottom #62afeb; position: relative}
#sub_guide .navi_area>ul>li.nav01{border-radius: 5px 0 0 5px}
#sub_guide .navi_area>ul>li:last-child{border-radius: 0 5px 5px 0}
#sub_guide .navi_area>ul>li>a {display: block; height: 31px; line-height: 31px; padding:0 20px 0 15px; font-weight: 500; border-left: 1px solid #ebebeb; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff}
#sub_guide .navi_area>ul>li:first-child > a{border-left: none}
#sub_guide .navi_area>ul>li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%;  margin: 0 auto; background: #ff9b30;border-radius: 10px; z-index: 150}
#sub_guide .submn ul {padding: 0 6px}
#sub_guide .submn li {padding: 8px 0 8px 5px; border-bottom: 1px solid #fff; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {line-height: 160%; color: #404040; font-weight: 500}
#sub_guide .submn li a:hover{color:#fff; font-weight: 600}

/* Fontsize */
.sub_tbtn {display:none}

/* Tab01 */
.tabnavi01{margin: 0 5px 10px}
.tabnavi01 ul li{margin-bottom:10px}
.tabnavi01 ul li a{ padding: 8px 45px 8px 10px; font-size: 13px}
.tabnavi01 ul li a::after {top:-5px; right: 5px; width:33px; height: 40px;background:url(../images/sub/btn_tab_off_m.png) no-repeat left top}
.tabnavi01 ul li.on a::after, .tabnavi01 ul li:hover a::after {background:url(../images/sub/btn_tab_on_m.png) no-repeat left top}

/* Tab02 */
.tabnavi02{margin: 0 5px 20px}
.tabnavi02 ul {padding:0 20px 10px}
.tabnavi02 ul li {width: 33.3%}
.tabnavi02 ul li a{font-size:14px}

/* boardTab */
.boardTab ul {padding:0 20px 10px}
.boardTab ul li {width: 33.3%}
.boardTab ul li a{font-size:14px}

/*Btn_top*/
#quickmenu{position: fixed; bottom:50%; right:0; z-index: 100}
#quickmenu a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#quickmenu .btn_top{display: block}

/* Footer */
#footwrap{margin-top:0; padding:0 10px}
#footwrap .foot_area{padding: 0}

/******************************¼­ºêÄÁÅÙÃ÷ ¿µ¿ª**************************************/

/*#subpage .basics_font{font-size:1em ±âÁØÆùÆ® 13px}*/
/****ÆäÀÌÁö ÁغñÁß****/
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}

/****TIT****/
h4.sub_tit4 {padding:5px 0 5px 33px; background:url(../images/sub/subtit4_m.gif) no-repeat left 5px; font-size:1.154em}
h5.sub_tit5 {padding:0 0 0 23px; background:url(../images/sub/subtit5_m.gif) no-repeat left 3px; font-size:1.077em}

/* -------------------°øÅ뽺ŸÀÏ ½ÃÀÛ -------------------*/
.common_wrap .comtop ul{padding: 10px}
/*°øÅë_°³ÀÎÁ¤º¸Ã³¸®¹æħ*/
.protect .comtop ul{background:none}
/*°øÅë_¿µ»óÁ¤º¸Ã³¸®¹æħ*/
.video .comtop ul{min-height:auto; background:none}
/*°øÅë_ÀúÀ۱ǽŰí*/
.copyright .comtop ul{background:none}
.copyright p.copy_info{text-align: left}
.copyright p.copy_info br{display: none}
/*°øÅë_ÇàÁ¤¼­ºñ½ºÇåÀå*/
.charter .comtop{margin: 70px 0 15px}
.charter .comtop br{display: none}

/****°³º°[±³¿Ü] üÇèÇнÀ****/
/**ŸÀÌƲ-¼ÛÇÐ**/
.c2z_apptrip .trip_top{position: relative; min-height: 95px; margin: 0 15px; background:url(../images/sub/apptrip_bg03.png) repeat-x bottom center; text-align: center}
.c2z_apptrip .trip_top span{position: relative; display: block; padding: 15px 0 0; z-index: 5}
.c2z_apptrip .trip_top::before, .c2z_apptrip .trip_top::after{content: ""; display: block; clear: both; position: absolute; bottom: 0; height:84px; z-index:1}
.c2z_apptrip .trip_top::before{left:-10px; width:109px; background:url(../images/sub/apptrip_bg01.png) no-repeat left bottom}
.c2z_apptrip .trip_top::after{right:-10px; width:109px; background:url(../images/sub/apptrip_bg02.png) no-repeat right bottom}
/**°øÅ뽺ŸÀÏ ÁöÁ¤**/


/* -------------------°øÅ뽺ŸÀÏ ³¡ -------------------*/

/* -------------------ÄÁÅÙÃ÷ ½ºÅ¸ÀÏ ½ÃÀÛ -------------------*/
/*MB¿¡¼­ br ÇÊ¿ä ¾øÀ»¶§ ¼±¾ð*/
br.mbbr_none{display: none}
/*MB¿¡¼­ ÇÊ¿ä ¾øÀ»¶§ ¼±¾ð*/
.mb_none{display: none}
#vr_quick{ display: none !important}

/*ÆäÀÌÁö °øÅë ŸÀÌƲ*/
.contop_titbox .cn_tit{padding: 0 0 20px}
.contop_titbox {margin-top: 60px}
.contop_titbox .cn_tit{display:block}
.contop_titbox .cn_tit img{transform: scale(0.8)}
.contop_titbox .cn_tit span::before, .contop_titbox .cn_tit span::after{top:0}
.contop_titbox .cn_tit span::before{left:-40px}
.contop_titbox .cn_tit span::after{right:-40px}

/*Àλ縻*/
.sh_greet {margin: 0; background:url(../images/sub/greet_bg02.png) right 50px no-repeat}
.sh_greet .greet_tb::before{top:57px}

/*Çб³¿¬Çõ*/
.sh_history .his_tb{margin: 20px 0 0}
.his_tb .his_btn{position: absolute; top:0; width: 50%}
.his_tb .his_btn>a{ font-size:1.077em}
.sh_history .his_txt{margin: 0 10px}
.sh_history .his_txt .age_box{padding: 0 10px 20px; margin-bottom: 30px}
	
/*Çб³ÇöȲ*/
.sh_condition .btn_schinfo{margin:-35px 0 0 0}
.sh_condition .btn_schinfo a{padding: 5px 5px 0 10px}
.sh_condition .btn_schinfo a::after{display: none}
	
/*Çб³»ó¡ ¹× ±³°¡*/
/*Çб³±³°¡*/
.song_wrap .song_note{display: none}
.song_wrap .song_tb{float:none; width:auto}
.song_wrap ul.writer{padding: 5px 10px 15px 10px}
.song_wrap .song_writerbtn .song_area{border-radius:50px}
.song_wrap .song_area dt{border-radius: 50px 0 0 50px}
.song_wrap .song_txt{ padding:10px 10px 195px 0; background:url(../images/sub/song_bg_m.png) no-repeat center bottom}
	
/*±³Á÷¿ø¼Ò°³*/
.sh_teacher .tel_btn {display:block}
.sh_teacher .tel_txt {display: none}
.sh_teacher .sh_table br{display:block}

/*¼ÛÇб³À°-Ư»ö±³À°*/
.special_tb .spe_btn{width:50%}
.special_tb .spe_btn>a{width:95%; margin: 0 auto; font-size: 1.077em; text-align: left}
.special_tb .spe_btn>a span{padding-left: 15px}
.spe01 .spe_btn{left:0}
.spe02 .spe_btn{left:50%}
.spe02 .spe_btn a{float: none}
.special_tb .tb_in{letter-spacing: -1px}

/*ÇлçÀÏÁ¤*/
.schedule_lst .sche_lst>ul>li{float: none; width: 100%}
.schedule_lst div.month_box{ width: 90%; margin: 0 auto 20px}
.sche_line01 div.month_box ul, .sche_line02 div.month_box ul, .sche_line03 div.month_box ul, .sche_line04 div.month_box ul{min-height:auto}

/*¼ÛÇд©¸®¸¶·ç °øµ¿ÀÇȸ*/
.sh_union .union_box{margin:10px 0 0}

}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative; z-index: 1}
.subconwrap{position: relative; margin-top:-50px; background:url(../images/sub/bg_bottom_s.gif) bottom center no-repeat}
.subconbox { width: 1200px; margin: 0 auto; background:url(../images/sub/cont_bg.gif) repeat-y center top; border-radius:10px 10px 0 0; border-top:4px solid #62afeb}
#sub_left {position: relative; display: block; float: left}
#subright { position: relative; float: right; width: 940px}

/* Visual */
.subvisual{z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:450px}
.subvisual .visual_item > a{position: relative; display:block !important; height:447px}
.subvisual .visual_item > a:focus-visible{outline:2px solid #000}
.subvisual .item1 {background:url(../images/sub/sv01_p.jpg) no-repeat center top}
.subvisual .item2 {background:url(../images/sub/sv02_p.jpg) no-repeat center top}
.subvisual .slogun {position: absolute; top: 156px; right: 50%; margin-right:-40px; z-index: 10}
.subvisual .slogun .mb {display: none}
.subvisual .slogun img {position: absolute; opacity: 0; transform: translateY(100%)}
.subvisual .slogun img.sl01 {animation: slogun1 25s infinite; left:-303px}
.subvisual .slogun img.sl02 {animation: slogun2 25s infinite; top:30px; left:-215px}
.subvisual .slogun img.sl03 {animation: slogun3 25s infinite; left:-211px}
.subvisual .slogun img.sl04 {animation: slogun4 25s infinite; top:30px; left:-127px}
.subvisual .slogun img.sl05 {animation: slogun5 25s infinite; left:-141px}
.subvisual .slogun img.sl06 {animation: slogun6 25s infinite; top:10px; left:-31px}
.subvisual .slogun img.sl07 {animation: slogun7 25s infinite; top:26px; left:17px}
.subvisual .slogun img.sl08 {animation: slogun8 25s infinite; top:12px; left:109px}
.subvisual .slogun img.sl09 {animation: slogun9 25s infinite; left:190px}
.subvisual .slogun img.sl10 {animation: slogun10 25s infinite; top:-13px; left:193px}
.subvisual .slogun img.sl11 {animation: slogun11 25s infinite;  top:-20px; left:206px}
/*Àç»ý,ÀϽÃÁ¤Áö*/
.visual_wrap .btn_visual{margin:100px 0 0 -138px}
/*ºñÁÖ¾ó À̵¿ ºí¸´*/
.slick-dots {margin:85px 0 0 -180px}

/* Subleft */
.left_tit{position: relative; border-radius: 7px 0 0 0; background: #62afeb}
.left_tit::after{content:""; clear: both; display: block; position: absolute; top:-45px; left:90px; width:77px; height: 79px;  background:url(../images/sub/left_tit_logo.png) no-repeat bottom left}
.left_tit h2 {width: 260px; padding: 42px 0 17px; font-size:22px; font-weight: 500; color:#fff; text-align: center}
.left_tit .schtxt{height: 22px; line-height: 22px; background: #4a92ca; text-align: center; color:#fff;  font-size: 11px; font-weight: 400; letter-spacing: 1px}
.leftmn{position: relative; width: 260px; padding:8px 8px 50px; background:url(../images/sub/sub_left_bg.gif) no-repeat bottom left; box-sizing: border-box}
.leftmn ul>li>a {display: block; line-height: 140%;border-radius:5px; padding:10px 50px 10px 15px; margin-bottom: 7px; background:url(../images/sub/blt_sub_left.png) no-repeat right bottom #fff; border:1px solid #ededed; font-size: 1.154em; font-weight: 400; color: #4e4e4e; transition: all .3s}
.leftmn ul>li>a:hover {background:url(../images/sub/blt_sub_left_a.png) no-repeat right bottom #7dc859; color:#fff; font-weight: 500}
.leftmn ul>li:last-child a{margin-bottom: 0}
.leftmn .leftmenuover>a {background:url(../images/sub/blt_sub_left_a.png) no-repeat right bottom #7dc859; text-decoration:none; color:#fff}
.leftmn .leftmenuover>a{font-weight: 500}
/*MN third*/
.leftmn .third{position: relative; margin: 10px 0; padding:5px; background: #fff; border-radius:5px; border:1px solid #7dc859; box-sizing: border-box}
.leftmn .third::after{content:""; clear: both; display: block; position: absolute; top:-6px; left:113px; width:13px; height:12px;  background:url(../images/sub/dot_third.png) no-repeat bottom left}
.leftmn .third li {border-bottom:1px solid #d9d9d9}
.leftmn .third li:last-child{border-bottom:none}
.leftmn .third li a{display: block; line-height: 140%; padding:7px 0 7px 22px; border:none; background:url(../images/sub/blt_sub_third.png) no-repeat 4px 10px; font-size:14px; font-weight: 400; color:#6e6e6e}
.leftmn .third li:hover a{background:url(../images/sub/blt_sub_third_a.png) no-repeat 4px 10px}
.leftmn .third li a:hover {color:#ffad1d; font-weight: 500; border:none}
.leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/sub/blt_sub_third_a.png) no-repeat 4px 10px; color:#ffad1d; font-weight: 500}

/*Subtop TIT */
#subtop{position: relative; height:82px; padding:10px}
#subtop::after{content: ""; display: block; clear: both; position: absolute; top:11px; right:0; width:83px; height:62px; background:url(../images/sub/bg_subtop.png) no-repeat 0 center; z-index:1}
#subtop h3{padding:16px 0 0 0; font-weight:500}

/* PC guide*/
#sub_guide {position: absolute; left:0; top: 60px; width:100%; z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area ul {text-align: center}
#sub_guide .navi_area li {display: inline-block; width:auto !important; font-weight:300}
#sub_guide .navi_area li a { display: block;padding: 0 9px 0 15px; line-height: 19px; background: url(../images/sub/navi_arr_pc.gif) 0 50% no-repeat; font-size: 1.077em}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on{ font-weight:400}
#sub_guide .navi_area > ul > li.nav_home a{width: 20px; padding:0 9px 0 0; height: 19px}

/* subtop_btn */
.subtop_btn {display: block; position: absolute; right:10px; top:57px; width: 140px; z-index: 100}
.subtop_btn dl.font{float: left; margin-right: 3px}
.subtop_btn dl.font>dt{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.subtop_btn dl.font>dd{float: left; margin-right: 3px}
.subtop_btn dl.font>dd:last-child{margin-right: 0}

/*vr_quick[SUB¸¸ ³ª¿È]*/
#vr_quick{ display: flex; position: absolute; right: 25px; top:480px; width: 110px; height: auto; margin: 0;  flex-direction: column; border-radius: 10px; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1); z-index:2000}
#vr_quick .r_quick{position: relative; padding: 5px; background: #fff; border-radius: 10px 10px 0 0}
#vr_quick .r_quick::before{content:""; clear: both; display: block;position: absolute; top:-136px; left:10px; width: 93px; height: 136px; background: url(../images/main/vr_qimg.png) no-repeat 0 center}
.r_quick .q_tit{padding: 10px 0; border-radius: 10px 10px 0 0; background:#ff714f; color:#fff; text-align: center; font-weight: 500}
.r_quick .slick-arrow {position: absolute; left:50%; margin-left: -5px; width:13px; height:9px; text-indent: -9999px; font-size: 0; background-position: 50% 50%; background-repeat: no-repeat}
.r_quick .slick-prev {top:-20px; background: url(../images/main/q01_prev.gif) no-repeat 0 center} 
.r_quick .slick-next {bottom:-20px; background: url(../images/main/q01_next.gif) no-repeat 0 center} 
.r_quick .vr_quick_list{margin: 30px 0 25px; text-align: center}
.r_quick .quick_item{height: 100px}
.r_quick .quick_item span{transition: all .3s}
.r_quick .quick_item span.qmn_icon{display: block; width: 50px; height: 50px; padding: 10px 0 0 5px; border-radius: 500px; margin: 0 auto 5px; background: #efefef}
.r_quick .quick_item span.qmn_name{font-weight: 500; line-height: 140%; font-size: 12px}
.r_quick .quick_item:hover span.qmn_icon{background:#ff714f}
.r_quick .quick_item:hover span.qmn_name{color: #ff714f}
.r_quick .quick_item.q1_v1 .qmn_icon{background-image: url(../images/main/qm01_v1.png)}
.r_quick .quick_item.q1_v1:hover .qmn_icon{background-image: url(../images/main/qm01_v1_a.png)}
#vr_quick .btn_top a{display: block; padding: 10px 0; border-radius: 0 0 10px 10px; background:#555; color:#fff; text-align: center; font-weight: 500; letter-spacing: 0}



/******************************¼­ºêÄÁÅÙÃ÷ ¿µ¿ª**************************************/

/*PC¿¡¼­ br ÇÊ¿ä ¾øÀ»¶§ ¼±¾ð*/
br.pcbr_none{display: none}
/*PC¿¡¼­ ÇÊ¿ä ¾øÀ»¶§ ¼±¾ð*/
.pc_none{display: none}

}

/* LOWSET FIX */
@media only screen and (max-width:885px) {
/*¼ÛÇб³À°_±³À°»ó*/
.sh_edugoal .contop_titbox .cn_txt{width:295px; height:53px; margin: 0 auto; background:url(../images/sub/edu_txt_m.gif) no-repeat left top}
.sh_edugoal .contop_titbox .cn_txt img{display: none}
.sh_edugoal .edulst_box{ margin:70px 0 0}
.sh_edugoal .edulst_box::before{top:-59px; background:url(../images/sub/edu_arw01_m.png) no-repeat left top}
.sh_edugoal .edulst_box::after{bottom:-41px; background:url(../images/sub/edu_arw02_m.png) no-repeat left top}
.sh_edugoal .edulst_box > ul{width: auto}
.sh_edugoal .edulst_box > ul::before, .sh_edugoal .edulst_box > ul::after{display: none}
.sh_edugoal .edulst_box > ul > li{float: none; width:95%; margin: 0 auto 50px}
.edulst_box ul > li .edu_item{width: 100%}
.sh_edugoal .edu_item > ul{min-height: auto}
.sh_edugoal .edulst_box > ul > li:first-child::before{display: none}
.sh_edugoal .edulst_box > ul > li:last-child::after{display: none}
.sh_edugoal .edulst_box > ul > li:last-child{margin-bottom: 35px}
.sh_edugoal .edu_btm{width:228px; height: 86px; margin: 0 auto; background:url(../images/sub/edu_btmtxt_m.gif) no-repeat left top}
.sh_edugoal .edu_btm img{display: none}

/*¼ÛÇб³À°-ÁßÁ¡±³À°*/
.sh_edupoint .pointlst_box{width: auto}
.sh_edupoint .pointlst_box::before, .sh_edupoint .pointlst_box::after{display: none}
.sh_edupoint .pointlst_box > ul{width: auto}
.sh_edupoint .pointlst_box > ul > li{width:50%}
.sh_edupoint .pointlst_box > ul > li:first-child,.sh_edupoint .pointlst_box > ul > li:last-child{margin-top: 0}
.sh_edupoint .point_item{position: relative; width: 95%; margin: 0 auto 60px}
.sh_edupoint .pointlst_box > ul > li:nth-child(3) .point_item, .sh_edupoint .pointlst_box > ul > li:nth-child(4) .point_item{margin-bottom: 0}
.sh_edupoint .pointlst_box > ul > li:first-child .pointlst ul,.sh_edupoint .pointlst_box > ul > li:nth-child(2) .pointlst ul{min-height: 183px}
.sh_edupoint .pointlst_box > ul > li:nth-child(3) .pointlst ul,.sh_edupoint .pointlst_box > ul > li:nth-child(4) .pointlst ul{min-height: 115px}

/*¼ÛÇд©¸®¸¶·ç °øµ¿ÀÇȸ*/
.sh_union .union_box{margin:10px 30px 0; padding-top: 100px}
.sh_union .union_box > ul > li{width:50%}
.sh_union .union_box > ul > li:nth-child(2), .sh_union .union_box > ul > li:nth-child(3){margin-top: 0}
.sh_union .union_box > ul > li:nth-child(1), .sh_union .union_box > ul > li:nth-child(2){margin-bottom:20px}
.sh_union .uni_item{width: 90%}
}

@media only screen and (max-width:820px) {
/*°³º°[±³¿Ü] üÇèÇнÀ*/
/*¹öÆ°[»ö»óº¯°æ]*/
.c2z_apptrip .trip_btn{margin:20px 0 }

/*ã¾Æ¿À½Ã´Â ±æ*/
.sh_map .map_area .root_daum_roughmap .wrap_map { height:300px !important}
.sh_map .map_txtbox::before{display: none}
.sh_map .map_add{padding:10px; font-size: 1.000em}
.sh_map .map_txtbox ul{padding: 10px; margin-left: 0; background:url(../images/sub/map_ico_m.png) right bottom no-repeat #eaeaea}
.sh_map .map_txtbox ul li{float:none; width: auto; margin-bottom: 10px}
.sh_map .map_txtbox ul li:last-child{margin-bottom: 0}
.sh_map .map_txtbox ul li span{margin-right:10px}

/*¼ÛÇб³À°-Ư»ö±³À°*/
.spe02 .spe_step{margin:10px 70px 30px}
.spe02 .spe_step > ul > li{float:none; width: auto; margin-bottom: 50px}
.spe02 .spe_step > ul > li:last-child{margin-bottom: 0}
.spe02 .spe_step > ul > li::after{top:235px; right:50%; width:38px; height:38px; margin-right: -20px; background:url(../images/sub/spe_arw02.gif) no-repeat 0 0}
.spe02 .spe_step > ul > li:last-child::after{display: none}
.spe02 .spe_step > ul > li .step_box{width: auto; min-height: 220px}

}
@media only screen and (max-width:767px) {
/*Çб³»ó¡ ¹× ±³°¡*/
/*»ó¡*/
.sh_symsong .symbol_wrap{ width: auto}
.sh_symsong .symbol_wrap::before, .sh_symsong .symbol_wrap::after{display: none}
.symbol_wrap > p img{transform: scale(0.9)}

/*¼ÛÇб³À°-Ư»ö±³À°*/
.special_tb .spe_goalwrap::after{display: none}
.special_tb .spe_goal .spegoal_tit{width: auto; height: 40px}
.special_tb .spe_goal .spegoal_tit span{margin-top: 5px;  font-size: 1.000em}
.special_tb .spe_goal > ul{margin:0; padding: 15px 5px 5px 10px}
}

@media only screen and (max-width:710px) {
/*¸ð¹ÙÀÏ ¾Æ·¡¿¡¼­ Ç¥ ³»¿ëÀÌ ³Ê¹«¸¹À»¶§ »çÀÌÁî °íÁ¤ÈÄ ½ºÅ©·Ñ Çϱâ*/	
.table_scroll::before {content: "SCROLL ¡æ"; display: block; padding: 4px; font-weight: 500; text-align: right; color: #ff5b40; font-weight:bold}
/****°øÅë Table****/
.table_scroll{overflow-x: auto; position: relative}
.table_scroll > table {min-width:710px}
.comtable .table_scroll table tbody th{background: #fff}
/*°³º°[±³¿Ü] üÇèÇнÀ*/
/*¹öÆ°[»ö»óº¯°æ]*/
.c2z_apptrip .trip_btn{margin:20px 0 0}
.c2z_apptrip .trip_btn > p{width: 100%; margin-bottom: 10px}
.c2z_apptrip .trip_btn > p a{width: auto; height: 42px; line-height:42px; background:url(../images/sub/trip_go_m.png) no-repeat right center; font-size:15px}
	
}

@media only screen and (max-width:660px) {
/*°øÅë_ÀúÀ۱ǽŰí*/
.copyright .copy_img > p.copyimg_txt{width: 309px; height: 221px}
.copyright .copyimg01>p.copyimg_txt{background:url(../images/sub/copy_img01_m.gif) center left no-repeat}
.copyright .copyimg02>p.copyimg_txt{background:url(../images/sub/copy_img02_m.gif) center left no-repeat}
.copyright .copy_img>p.copyimg_txt span{top:180px;  right:0; width:309px; height:26px; padding: 12px 0 0; font-size: 14px}
.copyright .copy_img>p.copyimg_txt span br{display: none}

/*Çб³»ó¡ ¹× ±³°¡*/
/*»ó¡*/
.sh_symsong .symbol_wrap{position: relative; width: auto; height: auto; margin:0 auto 30px}
.sh_symsong .symbol_wrap::before, .sh_symsong .symbol_wrap::after{display: none}
.symbol_wrap > p{position:relative; text-align: center; margin-bottom: 0}
.symbol_wrap > p.sym01{bottom:0; left:0; margin-left:0}
.symbol_wrap > p.sym02{top:0; left:0; margin-left:0}
.symbol_wrap > p.sym03{top:0; left:0}
.symbol_wrap > p.sym04{top:0; right:0}

/*¼ÛÇбÔÁ¤-±ÔÁ¤°øÅë*/
/*±ÔÁ¤_°³Á¤ÀÌ·Â*/
.sh_rule .ruledate_box li {width:33.3%}
}

@media only screen and (max-width:625px) {
/*Àλ縻*/
.sh_greet .greet_toptit p.cn_tit{display: block; padding: 10px 0 30px; margin-bottom: 20px}
.sh_greet .greet_toptit p.cn_tit span{display: block; width:274px; height: 91px; margin: 0 auto; background:url(../images/sub/greet_tit_m.gif) center left no-repeat}
.sh_greet .greet_toptit p.cn_tit img{display: none}
.sh_greet .greet_tb::before{ top:78px}
}
@media only screen and (max-width:560px) {
/*Çб³¿¬Çõ*/
.sh_history .sh_toptit .cn_txt{width: 284px; height: 55px; margin: 0 auto; background:url(../images/sub/his_txt_m.gif) no-repeat right center}
.sh_history .sh_toptit .cn_txt img{display: none}
.sh_history .his_tb{padding-top: 65px}
.his_tb .his_btn>a{width:98%; height:45px; line-height: 45px; background:url(../images/sub/hisbtn_arw_m.png) no-repeat right center #dedede; font-size: 1.000em; text-align: left}
.his_tb .his_btn>a::after{display: none}
.his_tb .his_btn>a span{display: block; margin-left:10px}
.his_tb .on .his_btn>a::after, .his_tb .his_btn>a:hover::after{display: none}
.his_tb .on .his_btn>a,.his_tb .his_btn>a:hover{background:url(../images/sub/hisbtn_arw_a_m.png) no-repeat right center #62afeb}
.sh_history .age_box .agetit img{transform: scale(0.9)}
.sh_history .age_box > ul li{margin-bottom: 10px}
.sh_history .age_box > ul li:last-child{margin-bottom: 0}
.sh_history .age_box > ul li span{display:block}
}
@media only screen and (max-width:530px) {
/*¼ÛÇбÔÁ¤-±ÔÁ¤°øÅë*/
/*±ÔÁ¤_°³Á¤ÀÌ·Â*/
.sh_rule .ruledate_box li {width:50%}

/*Àλ縻*/
.sh_greet {background:none}
.sh_greet .greet_tb::before{display: none}
.sh_greet .greet_tb > p br{display: none}
.sh_greet .greet_tb .gt_txtbg{padding:15px 10px 65px; background:url(../images/sub/gt_txtbg_m.gif) right bottom no-repeat}
}

@media only screen and (max-width:500px) {
/*°³º°[±³¿Ü] üÇèÇнÀ*/
/****°³º°[±³¿Ü] üÇèÇнÀ****/
/**ŸÀÌƲ-¼ÛÇÐ**/
.c2z_apptrip .trip_top span{display: block; width: 87px; height: 61px; margin: 0 auto; background:url(../images/sub/apptrip_tit_m.png) 0 0 no-repeat}
.c2z_apptrip .trip_top img{display: none}
/**°øÅ뽺ŸÀÏ ÁöÁ¤**/
.c2z_apptrip .trip_tit{font-size:1.071em}
.c2z_apptrip .trip_txt{margin:5px 0}
.c2z_apptrip .btn_down{margin: -28px 0 0 120px}
/*ÀýÂ÷*/
.c2z_apptrip .trip_step .step_lst{min-height: auto; margin: 5px; padding-left: 0}
.c2z_apptrip .trip_step .step_lst{background: none; padding-bottom:10px; border-bottom: 2px dotted #ccc}
.c2z_apptrip .trip_step .step_lst:last-child{padding-bottom: 0; border-bottom: none}
.c2z_apptrip .trip_step .step_lst > dt{margin-top: 5px}

/*¼ÛÇд©¸®¸¶·ç °øµ¿ÀÇȸ*/
.sh_union .contop_titbox .cn_tit span::before{left:-20px}
.sh_union .contop_titbox .cn_tit span::after{right:-20px}
.sh_union .union_box{margin:10px 0 0; padding-top: 120px}
.sh_union .union_box > ul > li{width:100%; margin-bottom: 20px}
.sh_union .union_box > ul > li:nth-child(1), .sh_union .union_box > ul > li:nth-child(2){margin-bottom:20px}
.sh_union .uni_item{width: auto}
}

@media only screen and (max-width:470px) {
/*¼ÛÇб³À°-ÁßÁ¡±³À°*/
.sh_edupoint .sh_toptit .cn_txt{width: 236px; height: 50px; margin: 0 auto; background:url(../images/sub/point_txt_m.gif) no-repeat right center}
.sh_edupoint .sh_toptit .cn_txt img{display: none}
.sh_edupoint .pointlst_box{width: auto}
.sh_edupoint .pointlst_box::before, .sh_edupoint .pointlst_box::after{display: none}
.sh_edupoint .pointlst_box > ul{width: auto}
.sh_edupoint .pointlst_box > ul > li{float: none; width:100%}
.sh_edupoint .pointlst_box > ul > li:first-child,.sh_edupoint .pointlst_box > ul > li:last-child{margin-top: 0}
.sh_edupoint .point_item{position: relative; width: 95%; margin: 0 auto 50px}
.sh_edupoint .pointlst_box > ul > li:nth-child(3) .point_item, .sh_edupoint .pointlst_box > ul > li:nth-child(4) .point_item{margin-bottom:50px}
.sh_edupoint .pointlst_box > ul > li:first-child .pointlst ul,.sh_edupoint .pointlst_box > ul > li:nth-child(2) .pointlst ul{min-height: auto}
.sh_edupoint .pointlst_box > ul > li:nth-child(3) .pointlst ul,.sh_edupoint .pointlst_box > ul > li:nth-child(4) .pointlst ul{min-height: auto}

/*¼ÛÇб³À°-Ư»ö±³À°*/
.spe02 .spe_step{margin:10px 0 30px}
}

@media only screen and (max-width:420px) {
/*¼ÛÇбÔÁ¤-±ÔÁ¤°øÅë*/
/*±ÔÁ¤_°³Á¤ÀÌ·Â*/
.sh_rule .ruledate_box {background:none}
.sh_rule .ruledate_tit {position: relative; margin:0 0 5px 0px; text-align: center}
.sh_rule .ruledate_box ul {margin-left: 0}
}




/********* TABLET LAYOUT[Áß°£»çÀÌÁî Á¶Á¤°ü·Ã] *********/
@media only screen and (min-width:1351px) and (max-width:1480px) {
/*vr_quick[SUB¸¸ ³ª¿È]*/
#vr_quick{position: absolute; top:399px; right: 5px; width: 80px}
#vr_quick .r_quick::before{display: none}
}
@media only screen and (max-width:1365px) {
.header_top .qmenu .qmu_popup{display: none}
/*vr_quick[SUB¸¸ ³ª¿È]*/
#vr_quick{display: none !important}	
}
/********* TABLET LAYOUT[Áß°£»çÀÌÁî Á¶Á¤ ³¡] *********/
@keyframes slogun1 {
	0% {opacity: 0; transform: translateY(-50%)}
	10% {opacity: 1; transform: translateY(0)}
	65% {opacity: 1; transform: translateY(0)}
	75% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun2 {
  3% {opacity: 0; transform: translateY(-50%)}
  13% {opacity: 1; transform: translateY(0)}
  68% {opacity: 1; transform: translateY(0)}
  78% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun3 {
  6% {opacity: 0; transform: translateY(-50%)}
  16% {opacity: 1; transform: translateY(0)}
  71% {opacity: 1; transform: translateY(0)}
  81% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun4 {
  9% {opacity: 0; transform: translateY(-50%)}
  19% {opacity: 1; transform: translateY(0)}
  74% {opacity: 1; transform: translateY(0)}
  84% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun5 {
  12% {opacity: 0; transform: translateY(-50%)}
  22% {opacity: 1; transform: translateY(0)}
  77% {opacity: 1; transform: translateY(0)}
  87% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun6 {
  15% {opacity: 0; transform: translateY(-50%)}
  25% {opacity: 1; transform: translateY(0)}
  80% {opacity: 1; transform: translateY(0)}
  90% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun7 {
  18% {opacity: 0; transform: translateY(-50%)}
  28% {opacity: 1; transform: translateY(0)}
  83% {opacity: 1; transform: translateY(0)}
  93% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun8 {
  21% {opacity: 0; transform: translateY(-50%)}
  31% {opacity: 1; transform: translateY(0)}
  86% {opacity: 1; transform: translateY(0)}
  96% {opacity: 0; transform: translateY(50%)}
}
@keyframes slogun9 {
  24% {opacity: 0; transform: translateX(0)}
  34% {opacity: 1; transform: translateX(0)}
  77% {opacity: 1; transform: translateX(0)}
  87% {opacity: 0; transform: translateX(0)}
}
@keyframes slogun10 {
  27% {opacity: 0; transform: translateX(0)}
  37% {opacity: 1; transform: translateX(0)}
  80% {opacity: 1; transform: translateX(0)}
  90% {opacity: 0; transform: translateX(0)}
}
@keyframes slogun11 {
  30% {opacity: 0; transform: translateX(0)}
  40% {opacity: 1; transform: translateX(0)}
  83% {opacity: 1; transform: translateX(0)}
  93% {opacity: 0; transform: translateX(0)}
}
@keyframes slogun12 {
  33% {opacity: 0; transform: translateX(0)}
  43% {opacity: 1; transform: translateX(0)}
  86% {opacity: 1; transform: translateX(0)}
  96% {opacity: 0; transform: translateX(0)}
}