/*mobile*/
@charset "utf-8";

/* Reset */
*{margin:0; padding:0; font-family:Verdana,Dotum,"돋움";}
body,table,input,select,textarea,button,option,th,td,h1,h2,h3,h4,h5,h6,div,p,ul,li{font-size:12px;line-height:1.3;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display: block}
body{word-wrap:break-word;-webkit-text-size-adjust:none}
ul,ol,li{list-style:none;}
img,fieldset,iframe{border:0 none;}
h1,h2,h3,h4,h5,h6,th{font-weight:normal; text-align:left;}
address,em,dfn{font-style:normal;}
input,select{vertical-align:middle;}
hr{display:none;}
a{color:#666; text-decoration:none;}

.blind{display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}

.clearfix{}
.clearfix:after{content:""; display:block; clear:both;}
.float_fl{float:left;}
.floar_fr{float:right;}

/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
.ui-mobile .ui-page-active { display: block; overflow: visible; }
/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page { outline: none; }
/*orientations from js are available */
@media screen and (orientation: portrait){
.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
}
@media screen and (orientation: landscape){
.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
}

.header{
    height:60px;/*2019.07.30 수정*/
    padding:11px 10px 0;
	 background:#0400cc;/*2019.07.30 수정*/
	 /*    background:url(/resources/images/bg_top.gif) repeat-x 0 0;  */
}
.header h1 {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%); /* 너비와 상관없이 무조건 중앙 정렬 */
  width: 300px;
  text-align: center;
}
.header .app{
    float:left; 
    width:20%;
    text-align:left; padding-top:3px;
}
.header .log{
    float:right;
    width:20%;
    text-align: right; padding-top:3px;
}


/*서브페이지*/
ul.subnav {width:100%;text-align:center;margin-bottom:30px;}
ul.subnav:after{content:'';display:block;height:0;clear:both;}
ul.subnav li {
    float:left; 
    display:inline-block;
    width:33.33333%;
    height:40px; 
    cursor:pointer; 
    font-size:15px; 
    letter-spacing:-1px; 
    line-height:2.6em; 
    border-left: 1px solid #145072;
    margin-left:-1px;
    text-shadow: 1px 1px 1px #63413f;
    background-image: -moz-linear-gradient(top, #4280ba, #1a5e9d); /* FireFox 3.6 */ 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1a5e9d),color-stop(1, #4280ba));/* Safari4+, Chrome */ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4280ba', endColorstr='#1a5e9d'); /* IE6,IE7 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4280ba', endColorstr='#1a5e9d')"; /* IE8 */
}
ul.subnav li:first-child{border-left:none;margin-left:0;}
ul.subnav li.select {
    text-shadow: 1px 1px 1px #266fde;
    background-image: -moz-linear-gradient(top, #8ab4da, #266fe2); /* FireFox 3.6 */ 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #266fe2),color-stop(1, #8ab4da));/* Safari4+, Chrome */ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ab4da', endColorstr='#266fe2'); /* IE6,IE7 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ab4da', endColorstr='#266fe2')"; /* IE8 */
}
ul.subnav li a{display:block;font-weight: bold; text-shadow: 1px 1px 1px #60454a;}
ul.subnav li a:visited, ul.subnav li a, ul.subnav li a:active, ul.subnav li a:hover{color:#fff;}


ul.menu{padding:0 15px;text-align:center; margin-top:15px; margin-bottom:10px;}
ul.menu:after{content:'';display:block;height:0;clear:both;}
ul.menu li{
    float:left;
    width:25%;
    height:100px;
}
ul.menu li a{display:inline-block; width:100%; max-width: 60px}
.lessonNav{background:#fff; border:1px solid #c2c2c2; padding-top:20px; padding-bottom:10px;}
.lessonNav ul.menu li{min-height: 110px;}

@media all and (min-width:768px){
ul.menu{padding:0 30px;text-align:center; margin-top:15px; margin-bottom:10px;}
ul.menu li{
    float:left;
    width:12.5%;
    height:140px;
}
ul.menu li a{display:inline-block; width:100%; min-width:70px; max-width: 80px}
 }

.tcherIntro figure{padding:20px 8px 10px; border-bottom:1px solid #d2d2d2;}
.tcherIntro figure:first-child{padding-top:10px}
.tcherIntro figure:last-child{border-bottom: 0; margin-bottom:30px;}
.tcherIntro p.tcherImg{float: left; width:20%;}
.tcherIntro .tcherTxt{float: right; width:75%; display:inline; }
.tcherIntro p.tcherImg img{ border:1px solid #cfcfcf;}
.tcherIntro ul {margin-left:8px; margin-bottom: 10px;}
.tcherIntro ul li{text-align: left; line-height: 1.6em}
.ic02{padding-left: 8px; background: url(/resources/images/GCU/ic02.gif) no-repeat 0 50%; font-weight: bold;} 

.footer{
    height:100px;
    background:#353840; /*url(/resources/images/common/bg_footer_m.gif) repeat-x 0 0; */
    margin-top:-1px;
}
/*.info{padding:8px 0; text-align:center; color:#484848; font-size:.9em;}
address p{padding-top:7px;text-align:center;  font-size:.9em;color:#959595;} */


.info {padding:20px 0 0 0; text-align:center; color:#484848;}
.info .p_info {cursor:pointer;padding:7px 8px;/*border:1px solid #262a2f;border-radius:3px;*/display:inline-block;height:20px;line-height:20px;color:#fff600;text-align:center;/*background:#605ec6;*/ font-size:1.3em;}
.info .tel {cursor:pointer;padding:7px 8px;/*border:1px solid #262a2f; border-radius:3px;*/display:inline-block;height:20px;line-height:20px;color:#eee;text-align:center;/*background:#474747;*/ font-size:1.3em;}
.info .map {cursor:pointer;padding:7px 8px;/*border:1px solid #262a2f; border-radius:3px;*/display:inline-block;height:20px;line-height:20px;color:#eee;text-align:center;/*background:#474747;*/font-size:1.3em;}
.info .pc {cursor:pointer;padding:7px 8px;/*border:1px solid #262a2f; border-radius:3px;*/display:inline-block;height:20px;line-height:20px;color:#eee;text-align:center;/*background:#474747;*/ font-size:1.3em;}
address p{padding-top:22px; padding-bottom:10px;text-align:center; color:#848484; font-size:1.1em;}
@media all and (max-width: 375px){
.info .p_info {font-size:1.0em;}
.info .tel {font-size:1.0em;}
.info .map {font-size:1.0em;}
.info .pc {font-size:1.0em;}

	}