@charset "utf-8";
@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,500,600,700');

html, body {letter-spacing:-0.002em }

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:500; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

/* common */
.auto {margin:0 auto}
.width100 {width:100%}
.img-responsive {display:block; max-width:100%; height:auto}
.mt200 {margin-top:200px !important}
.sns4{display:none;}
.border{border-bottom:4px solid #fff}
/* gnb */
#mask {position:absolute; z-index:1; background:rgba(0,0,0,0.8) 0 0; display:none; left:0; top:0; width:100%; height:100%; overflow:hidden}
.close {display:none; position:absolute; top:50px; left:-30px; width:18px; height:18px;background-image:url('../images/btn_close.png'); background-position: 0 0;background-size: 18px 18px;text-indent:-9999px; opacity:1}
.subNav {display:none; background:#fff; width:22%; height:100%; right:-250px;position:fixed; box-sizing:border-box; z-index:9999; padding:50px 5%; box-sizing:border-box}
.subNav .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#4f4f4f; margin-top:10px}
.subNav .gnb {margin-top:60px}
.subNav .gnb > li {font-family:'Rajdhani', sans-serif; font-size:28px; font-weight:500; margin-bottom:10px;}
.subNav .gnb > li > a {color:#1b1b1b;font-size:28px;}
.subNav .gnb > li > a:hover {color:#67c0f3}
.top {display:block; position:fixed;	bottom:10%; right:4.15%; z-index:200; width:38px; /*height:50px;*/ border-radius:25px;background:#898989; color:#fff; font-size:10px;font-family: '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'AppleGothic', sans-serif; text-align:center;padding:12px 0;}	

/* margin */
.mt1 {margin-top:1% !important}
.mt2 {margin-top:2% !important}
.mt4 {margin-top:4% !important}
.mt6 {margin-top:6% !important}
.mt8 {margin-top:8% !important}
.mt15 {margin-top:15% !important}
.mb1 {margin-bottom:1% !important}
.mb2 {margin-bottom:2% !important}
.mb4 {margin-bottom:4% !important}
.mb8 {margin-bottom:8% !important}
.mb15 {margin-bottom:15% !important}
.m_view{display:none}

/* subVisual */



/* skech */
.vimeoWrap{
    position: relative;   
    padding-top: 2.1%; /* IE6 workaround*/
	padding-bottom: 54.00%; /* 16/9 ratio */
   /* h0eight:342px;
	width:790px;*/
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*Skech*/
#skech {background-size:cover; width:100%; height:1400px; box-sizing:border-box; position:relative;background-color:#a0a0a0;}
#skech section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#skech section .vimeo{position:relative; padding-top:15%}
#skech .logo {position:absolute; top:27.5%; left:90px}
#skech .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#skech a.btn_side {font-size:30px; top:90px; right:90px;position:fixed; color:#d9d9d9}
#skech .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999;}
#skech .sns a:hover .fa-circle {color:#67c0f3;}
#skech .sns .sColor {color:#000}
#skech section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#skech section > h3 {font-size:38px; line-height:150%; font-weight:500; color:#fff; margin:0 0 10% 0}
#skech section > .txt1 {font-size:25px; line-height:150%; font-weight:400; color:#fff;margin:8.1% 0 0 0}
#skech section > .txt2 {font-size:16px; font-weight:400; color:#fff; line-height:160%; margin-top:40px}

/*Special*/
#subVisual01 {background:url('../images/subBg01.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual01 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual01 .logo {position:absolute; top:39.4%; left:90px}
#subVisual01 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual01 a.btn_side {font-size:30px; top:10%; right:4.2%;position:fixed; color:#d9d9d9}
#subVisual01 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999;}
#subVisual01 .sns a:hover .fa-circle {color:#67c0f3;}
#subVisual01 .sns .sColor {color:#000}
#subVisual01 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual01 section > h3 {font-size:40px; line-height:150%; font-weight:600; color:#fff; margin:7.3% 0 10% 0}
#subVisual01 section > .txt1 {font-size:16px; font-weight:400; color:#fff; }
#subVisual01 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:160%; margin-top:40px;text-align: justify; }

/*Interview*/
#subVisual02 {background:url('../images/subBg02.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual02 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual02 .logo {position:absolute; top:39.4%; left:90px}
#subVisual02 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual02 a.btn_side {font-size:30px; top:10%; right:4.2%;position:fixed; color:#d9d9d9}
#subVisual02 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999}
#subVisual02 .sns a:hover .fa-circle {color:#67c0f3}
#subVisual02 .sns .sColor {color:#000}
#subVisual02 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual02 section > h3 {font-size:40px; line-height:150%; font-weight:500; color:#fff; margin:7.3% 0 10% 0; }
#subVisual02 section > .txt1 {font-size:16px; font-weight:400; color:#fff;}
#subVisual02 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:180%; margin-top:40px;text-align: justify; }

#interview2 {background:#44433e; width:100%; padding:7% 0 7% 0; box-sizing:border-box}
#interview2 section {width:80%;max-width:1100px;margin:0 auto; overflow:hidden}
#interview2 section .intercenter2 {text-align:center; }
#interview2 section .intercenter2 h2 {font-family:'Rajdhani', sans-serif; font-size:32px; font-weight:500; color:#b43f28}
#interview2 section .intercenter2 h2:after {content:""; width:26px; height:4px; display:block; background-color:#8b8b8b; margin:5% auto 5% auto}
#interview2 section .intercenter2 h3 {font-family:'Rajdhani', sans-serif; font-size:20px; font-weight:400; color:#fff;line-height:150%; margin-top:2% ; text-align:center}
#interview2 section .intercenter2 .txt1 {font-size:16px; font-weight:300; color:#fff;text-align:left;line-height:180%;margin-top:5% ;text-align: justify; }
#interview2 section .intercenter2 .txt1 a:hover ,a:visited ,a:link {color:#fff }
#interview2 section .intercenter2 .txt2 {font-size:20px; font-weight:300; color:#fff;line-height:180%;margin-top:5%; text-align:center }
#interview2 .simg2 {position:relative; width:35%; margin:10% auto 0 auto;}
/* interview22 */





/*Trip*/
#subVisual03 {background:url('../images/subBg03.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual03 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual03 .logo {position:absolute; top:39.4%; left:90px}
#subVisual03 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual03 a.btn_side {font-size:30px; top:10% ; right:4.2% ;position:fixed; color:#d9d9d9}
#subVisual03 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999}
#subVisual03 .sns a:hover .fa-circle {color:#67c0f3}
#subVisual03 .sns .sColor {color:#000}
#subVisual03 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual03 section > h3 {font-size:40px; line-height:150%; font-weight:600; color:#fff; margin:7.3% 0 10% 0}
#subVisual03 section > .txt1 {font-size:16px; font-weight:400; color:#fff}
#subVisual03 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:160%; margin-top:40px;text-align: justify; }
#container section .simg03{position:relative; padding-top:10%}
#container section .simg03_02{position:relative; padding-top:2%}
#container .sideNavi03 {position:absolute; top:120%; left:-135px}
#container .limg03{margin-top:5%}
#Program{background:#ffffff; width:100%; padding:6% 0; box-sizing:border-box}
#Program h3{font-family:'Rajdhani', sans-serif; font-size:32px; font-weight:500; color:#000;text-align:center}
#Program section .pro_list{width:70%; margin:2% auto;border-bottom:1px solid #6b6665;padding-bottom:5%;overflow:hidden}
#Program section .plist01 h4 {font-size:20px; font-weight:500}
#Program section .plist01 h4:before {content:""; width:11px; height:6px; display:block; background:url('../images/interview_arr.png') no-repeat; margin:7% 0 3% 0}
#Program section .plist01 h4 span{font-size:16px; font-weight:500}
#Program section .pro_list .plist01 {float:left; width:25%;color:#000;}
#Program section .pro_list .plist01 ul {margin-top:2%}
#Program section .pro_list .plist01 ul li {font-size:14px; line-height:180%; font-weight:500}
#Program section .pro_list .plist01 ul li a {color:#000}
#Program section .mapinfo{width:70%; margin:3% auto;overflow:hidden}
#Program section .mapinfo .map{float:left;width:45%;margin-top:3%}
#Program section .mapinfo .info{float:right;width:45%;margin-top:3%}
#Program section .mapinfo .info h4{font-size:20px; font-weight:600;color:#000}
#Program section .mapinfo .info .txt1{margin-top:8%;color:#454545}
#Program section .mapinfo .info .txt1 li{font-size:16px; font-weight:300;margin:1% 0; line-height:150%}
#Program .mapinfo .btnSkip {background:#000; color:#ababab; font-size:14px; font-weight:400; padding:15px 35px; display:block;max-width:350px; box-sizing:border-box; text-align:center; margin:7% 0; animation:fadeIn3 10s; -moz-animation:fadeIn3 10s; -webkit-animation:fadeIn3 10s; -o-animation:fadeIn3 10s; animation-fill-mode:backwards; position:relative; z-index:999}
#Program .mapinfo .btnSkip:hover {  ; background:#44433e; color:#b43f28;}


/*Card Newsr*/
#subVisual04 {background:url('../images/subBg04.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual04 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual04 .logo {position:absolute; top:39.4%; left:90px}
#subVisual04 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual04 a.btn_side {font-size:30px; top:10% ; right:4.2%;position:fixed; color:#d9d9d9}
#subVisual04 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999}
#subVisual04 .sns a:hover .fa-circle {color:#67c0f3}
#subVisual04 .sns .sColor {color:#000}
#subVisual04 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual04 section > h3 {font-size:40px; line-height:150%; font-weight:500; color:#fff; margin:7.3% 0 10% 0}
#subVisual04 section > .txt1 {font-size:16px; font-weight:400; color:#fff}
#subVisual04 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:180%; margin-top:40px;text-align: justify; }

#container section .simg04{position:relative; width:75%; margin:10% auto 0 auto;/*padding:10% 10% 0 12.5%*/}
#container section .simg04_02{position:relative; padding-top:5%}
#container .sideNavi04 {position:absolute; top: 3%; left:-135px}
#container .limg04{margin-top:5%}

/*Together*/
#subVisual05 {background:url('../images/subBg05.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual05 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual05 .logo {position:absolute; top:39.4%; left:90px}
#subVisual05 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual05 a.btn_side {font-size:30px; top:10% ; right:4.2% ;position:fixed; color:#d9d9d9}
#subVisual05 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999}
#subVisual05 .sns a:hover .fa-circle {color:#67c0f3}
#subVisual05 .sns .sColor {color:#000}
#subVisual05 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual05 section > h3 {font-size:40px; line-height:130%; font-weight:600; color:#fff; margin:7.3% 0 10% 0}
#subVisual05 section > .txt1 {font-size:16px; font-weight:400; color:#fff}
#subVisual05 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:160%; margin-top:40px;text-align: justify; }

/*News*/
#subVisual06 {background:url('../images/subBg06.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual06 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual06 .logo {position:absolute; top:39.4%; left:90px}
#subVisual06 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual06 a.btn_side {font-size:30px; top:10% ; right:4.2% ;position:fixed; color:#d9d9d9}
#subVisual06 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999}
#subVisual06 .sns a:hover .fa-circle {color:#67c0f3}
#subVisual06 .sns .sColor {color:#000}
#subVisual06 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual06 section > h3 {font-size:40px; line-height:170%; font-weight:500; color:#fff; margin:7.3% 0 10% 0}
#subVisual06 section > .txt1 {font-size:16px; font-weight:400; color:#fff}
#subVisual06 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:160%; margin-top:40px;text-align: justify; }

/*Seminar*/
#subVisual07 {background:url('../images/subBg07.jpg') no-repeat center; background-size:cover; width:100%; height:990px; box-sizing:border-box; position:relative}
#subVisual07 section {max-width:1000px; margin:0 auto; padding-left:185px; box-sizing:border-box}
#subVisual07 .logo {position:absolute; top:39.4%; left:90px}
#subVisual07 .vol {font-family:'Rajdhani', sans-serif; font-size:18px; font-weight:400; color:#fff; margin-top:10px}
#subVisual07 a.btn_side {font-size:30px; top:10% ; right:4.2% ;position:fixed; color:#d9d9d9}
#subVisual07 .sns {position:fixed; top:40%; right:4%; line-height:50px;z-index:999}
#subVisual07 .sns a:hover .fa-circle {color:#67c0f3}
#subVisual07 .sns .sColor {color:#000}
#subVisual07 section > h2 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-style:italic; font-size:70px; color:rgba(255,255,255,0.5); padding-top:35%}
#subVisual07 section > h3 {font-size:40px; line-height:150%; font-weight:500; color:#fff; margin:7.3% 0 10% 0}
#subVisual07 section > .txt1 {font-size:16px; font-weight:400; color:#fff}
#subVisual07 section > .txt2 {font-size:18px; font-weight:400; color:#fff; line-height:160%; margin-top:40px;text-align: justify; }


.width50{widthh:50%}
#container section .simg06_1{width:100%; overflow:hidden}
#container section .simg06_1 img{position:relative;display:block;float:left;width:50%}
#container section .simg06_2{width:100%; overflow:hidden}
#container section .simg06_2 img{position:relative;display:block;float:left;width:49.6%;margin:0.2%}
.limg06{width:100%; overflow:hidden;padding:15%  5% 15% 7%;}
.limg06 img{display:block;float:left;width:40%;margin:0.2%}
#container .sideNavi06 {position:absolute; top:0px; left:-135px;}
.Newstitle{text-align:center;font-size:35px;font-family:"Times New Roman", Times, sans-serif;margin:9% 0 0 0}
.PhotoNewstitle{text-align:center;font-size:35px;font-family:"Times New Roman", Times, sans-serif;margin:9% 0 7% 0}
.PhotoNewstitle:after {content:""; width:26px; height:4px; display:block; background-color:#5f5e5e; margin:7% auto 3% auto}
.btnSkip2 {background:#000; color:#ababab; font-size:14px; font-weight:400; padding:8px 35px; display:block;width:200px; box-sizing:border-box; text-align:center; margin:7% 0; z-index:999;margin : auto; }
.btnSkip2:hover {background:#b43f28; color:#fff}
.photonews{width:100%;position:relative;padding:8% 0; overflow:hidden}
.photonews img{float:left;padding:2px 2px;width:47%;}


/* container */
#container {box-sizing:border-box}
#container section {margin:0 auto}
#container section.width1104 {max-width:1104px}
#container section .simg{position:relative}
#container section .simg02{margin:0 auto;width:70%}
#container section .simg022{margin:0 auto;width:80%}
#container .limg{margin-top:10%}
#container .navi {text-align:center; padding-top:11%}
#container .navi > a {font-size:12px; font-weight:600; color:#000}
#container .navi > a:nth-child(1):after {content:""; width:6px; height:6px; display:inline-block; background:#7f7f7f; border-radius:6px; margin:1px 20px}
#container .sideNavi {position:absolute; top:0; left:-135px}
#container h2 {text-align:center; margin:10% auto 3% auto; line-height:60px}
#container h2 span {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif; font-weight:300; font-size:48px; color:#b8b8b8; border-bottom:1px solid #999}
#container h3 {font-size:35px; font-weight:600; color:#000; text-align:center; margin-bottom:6%; line-height:130%}
#container h4 {font-size:25px; font-weight:400; color:#060389; text-align:center; margin-bottom:6%}
#container .txt1 {color:#535353; font-size:18px; line-height:180%; margin-top:7%;font-weight:400;text-align: justify; }
#container .txt1 sup{font-size:12px;margin-bottom:5px}

/* interview */
#interview55 {background:#44433e; width:100%; padding:7% 0 7% 0; box-sizing:border-box}
#interview55 section {width:80%;max-width:1100px;margin:0 auto; overflow:hidden; text-align:left }
#interview55 section .interRight {float:right; width:100%; color:#fff;}
#interview55 section .interRight .txt1 {font-size:19px; line-height:180%; margin-top:3%; font-weight:600;color:#fff}
#interview55 section .interRight .txt2 {font-size:16px; line-height:180%; font-weight:400;text-align:left;text-align: justify; }
#interview55 section .interRight h2 {font-family:'Rajdhani', sans-serif; font-size:32px; font-weight:500; color:#b43f28;text-align:center;padding:0 0 7% 0}
#interview55 section .interRight h3 {font-size:20px; font-weight:400}
#interview55 section .interRight h4 {font-size:19px; font-weight:600;color:#d25a43}
#interview55 section .interRight h4:before {content:""; width:11px; height:6px; display:block; background:url('../images/interview_arr.png') no-repeat; margin:7% 0 1% 0}
#interview55 section .interRight .irWrap {overflow:hidden}
#interview55 section .interRight .irLeft {float:left; width:50%;}
#interview55 section .interRight hr {border-color:#696965; margin:10% 0 10% 0}
#interview55 section .interRight .irWrap {overflow:hidden}
#interview55 section .interRight .irLeft1 {float:left; width:20%;}
#interview55 .img5 {position:relative; width:75%/*margin:10% auto 0 auto;*/; padding:16% 0 7% 0}
#interview55 section .interRight .irLeft2 {float:right; width:80%;}
#interview55 section .interRight .irLeft2 h4 {font-size:19px; font-weight:600;color:#d25a43}



/*interview5*/
#interview5 {background:#44433e; width:100%; padding:7% 0 7% 0; box-sizing:border-box}
#interview5 section {width:80%;max-width:1100px;margin:0 auto; overflow:hidden}
#interview5 section .intercenter5 {text-align:center; }
#interview5 section .intercenter5 h2 {font-family:'Rajdhani', sans-serif; font-size:32px; font-weight:500; color:#b43f28}
#interview5 section .intercenter5 h2:after {content:""; width:26px; height:4px; display:block; background-color:#8b8b8b; margin:5% auto 5% auto}
#interview5 section .intercenter5 h3 {font-family:'Rajdhani', sans-serif; font-size:20px; font-weight:400; color:#fff;line-height:150%; margin-top:2% ; text-align:center; }
#interview5 section .intercenter5 .txt1 {font-size:16px; font-weight:300; color:#fff;text-align:left;line-height:180%;margin-top:5% }
#interview5 section .intercenter5 .txt1 a:hover ,a:visited ,a:link {color:#fff }
#interview5 section .intercenter5 .txt2 {font-size:20px; font-weight:300; color:#fff;line-height:180%;margin-top:5%; text-align:center }
#interview5 .simg2 {position:relative; width:35%; margin:10% auto 0 auto;}



/* table01 */
.table01{border-top:1px solid #44433e;width:100%;border-bottom:1px solid #b3b3b3;background-color:#494949;}
.table01 th{font-size:14px; color:#b3b3b3;font-weight:500; padding:5px 3px;text-align:center;border-bottom:1px solid #44433e;border-right:1px solid #44433e;background-color:#6e6e6e;}
.table01 td{font-size:14px; color:#b3b3b3;font-weight:300; padding:5px 3px; text-align:left;border-right:1px solid #44433e;border-bottom:1px solid #44433e;padding-left:2%}
.table01 .td1{font-size:14px; color:#b3b3b3;font-weight:300; padding:5px 3px; text-align:center;border-right:1px solid #44433e;border-bottom:1px solid #44433e;}
.table01 .thle{font-size:14px; color:#b3b3b3;font-weight:500; padding:5px 3px; text-align:center;border-bottom:1px solid #44433e;border-right:0px;background-color:#6e6e6e;}
.table01 .tdle{font-size:14px; color:#b3b3b3;font-weight:300; padding:5px 3px; text-align:left;border-bottom:1px solid #44433e;border-right:0px;padding-left:2%}
.table01 .le{font-size:14px; color:#b3b3b3;font-weight:300; text-align:left;border-right:1px solid #44433e;border-bottom:1px solid #44433e;padding-left:2%}

/* table02 */
.table02{font-size:16px; color:#fff;line-height:150%;margin-top:2%;text-align: justify;}
.table02 .td1{font-size:16px; color:#fff;font-weight:300; padding:0.5% 0 0.5% 0; text-align:left;width:2%}
.table02 .td2{font-size:16px; color:#fff;font-weight:300; padding:0.5% 0 0.5% 0; text-align:left;width:98%;text-align: justify;}
.table02 .td3{font-size:16px; color:#d25a43;font-weight:600; padding:0.5% 0 0.5% 0; text-align:left;width:100%}
.table02 .td4{font-size:16px; color:#fff;font-weight:300; padding:0.5% 0 1% 0; text-align:left;width:100%;text-align: justify;}


/* footer */
footer {background:#d7d7d7; padding:8% 0}
footer section {max-width:1487px; margin:0 auto; overflow:hidden}
footer section .fLogo {float:left}
footer section .fLogo {float:left}
footer section .utilWrap {float:left; margin-left:230px}
footer section .utilWrap .util a {color:#989898; font-weight:400; font-size:13px}
footer section .utilWrap .util a:hover {color:#595959}
footer section .utilWrap .util span {padding:0 10px; vertical-align:bottom; font-family:'돋움', 'Dotum', 'AppleGothic', sans-serif; color:#989898}
footer section .utilWrap .copy {color:#989898; font-weight:300; font-size:12px}
footer section .fSns {float:right; text-align:right}
footer section .fSns > a {display:inline-block}
footer section .fSns > a:hover {opacity:0.8}
footer section .fSns > p {}
footer section .fSns > p > a {color:#979898; font-size:13px; display:inline-block; margin-left:10px}
footer section .fSns > p > a:hover {color:#44433e}

@media (min-width: 1300px) {
	.hidden-lg {display:none !important}
	footer {padding:4% 4%}
	footer section .utilWrap {float:left; margin-left:100px; }
	#skech section {max-width:870px;}
	#subVisual01 section {max-width:870px;}
	#subVisual02 section {max-width:870px;}
	#subVisual03 section {max-width:870px;}
	#subVisual04 section {max-width:870px;}
	#subVisual05 section {max-width:870px;}
	#subVisual06 section {max-width:870px;}
	#subVisual07 section {max-width:870px;}


}

@media (min-width: 1200px) {
	.hidden-lg {display:none !important}
	footer {padding:4% 4%}
	footer section .utilWrap {float:left; margin-left:100px; }

	#skech section {max-width:850px;}
	#skech .logo {left:4%;top:38.5%}
	#subVisual01 section {max-width:850px;}
	#subVisual01 .logo {left:4%;top:38.5%}
	#subVisual02 section {max-width:850px;}
	#subVisual02 .logo {left:4%;top:38.5%}
	#subVisual03 section {max-width:850px;}
	#subVisual03 .logo {left:4%;top:38.5%}
	#subVisual04 section {max-width:850px;}
	#subVisual04 .logo {left:4%;top:38.5%}
	#subVisual05 section {max-width:850px;}
	#subVisual05 .logo {left:4%;top:38.5%}
	#subVisual06 section {max-width:850px;}
	#subVisual06 .logo {left:4%;top:38.5%}
	#subVisual07 section {max-width:850px;}
	#subVisual07 .logo {left:4%;top:38.5%}


}
@media (max-width: 1199px) and (min-width: 991px) {

	.hidden-md {display:none !important}
	.top {bottom:10%; right:3%; z-index:200; width:38px;padding:13px 0;}	
	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:12px}
	footer section .fLogo {float:none}
	footer section .utilWrap {float:none; margin-left:0; margin-top:20px}	
	footer section .utilWrap .util a {font-size:12px}
	footer section .fSns {float:none; text-align:left; margin-top:20px}
	footer section .fSns > p > a {margin-left:0;font-size:12px;}



	
	#skech .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#skech a.btn_side {top:5%; right:3.3%}
	#skech .sns {top:25%; right:3%}
	#skech section {max-width:100%; padding:10%}
	#skech section > h2 {padding-top:10%}
	#skech section > .txt1{font-size:22px}
	#skech section > h3{font-size:35px}
	/*Special*/
	#subVisual01 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual01 a.btn_side {top:5%; right:3.3%}
	#subVisual01 .sns {top:25%; right:3%}
	#subVisual01 section {max-width:100%; padding:10%}
	#subVisual01 section > h2 {padding-top:10%}
	/*Interview*/
	#subVisual02 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual02 a.btn_side {top:5%; right:3.3%}
	#subVisual02 .sns {top:25%; right:3%}
	#subVisual02 section {max-width:100%; padding:10%}
	#subVisual02 section > h2 {padding-top:10%}
	
	/*Trip*/
	#subVisual03 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual03 a.btn_side {top:5%; right:3.3%}
	#subVisual03 .sns {top:25%; right:3%}
	#subVisual03 section {max-width:100%; padding:10%}
	#subVisual03 section > h2 {padding-top:10%}
	/*Card News*/
	#subVisual04 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual04 a.btn_side {top:5%; right:3.3%}
	#subVisual04 .sns {top:25%; right:3%}
	#subVisual04 section {max-width:100%; padding:10%}
	#subVisual04 section > h2 {padding-top:10%}
	/*Together*/
	#subVisual05 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual05 a.btn_side {top:5%; right:3.3%}
	#subVisual05 .sns {top:25%; right:3%}
	#subVisual05 section {max-width:100%; padding:10%}
	#subVisual05 section > h2 {padding-top:10%}
	/*News*/
	#subVisual06 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual06 a.btn_side {top:5%; right:3.3%}
	#subVisual06 .sns {top:25%; right:3%}
	#subVisual06 section {max-width:100%; padding:10%}
	#subVisual06 section > h2 {padding-top:10%}
	#container section .simg06_1{width:70%;margin:0 auto}
	#container section .simg06_2{width:70%;margin:0 auto}
	/*Seminar*/
	#subVisual07 .logo {position:initial; top:0; left:0; padding:5% 10.3%}
	#subVisual07 a.btn_side {top:5%; right:3.3%}
	#subVisual07 .sns {top:25%; right:3%}
	#subVisual07 section {max-width:100%; padding:10%}
	#subVisual07 section > h2 {padding-top:10%}

	#container {padding:0 0}
	#container h3{font-size:32px;}
	#container section .simg{width:70%;margin:0 auto}
	#container section .simg03{width:70%;margin:0 auto}
	#container section .simg03_02{width:70%;margin:0 auto}
	#container .txt1{width:70%;margin:7% auto 0 auto}
	#Program section .pro_list .plist01 {float:left; width:22%;color:#fff;margin:0 1%}
	#Program section .plist01 h4 {font-size:18px; font-weight:300}
	#Program section .plist01 h4 span{font-size:14px; font-weight:300}
	#Program section .pro_list .plist01 ul li {font-size:12px; line-height:180%; font-weight:300}
	#Program section .mapinfo .info h4{font-size:18px}
	#Program section .mapinfo .info .txt1 li{font-size:14px;}
	#Program .mapinfo .btnSkip {font-size:12px}
    /*Interview5*/
	
    #interview55 section .interRight .txt1 {font-size:18px; }
    #interview55 section .interRight .txt2 {font-size:16px; }	
	#interview55 section .interRight h4 {font-size:18px;}
	/* table01 */
	.table02 .td1{font-size:16px;}
    .table02 .td2{font-size:14px;}
	.table02 .td3{font-size:14px;}
    .table02 .td4{font-size:14px;}


	

	






	
}
@media (max-width: 990px) and (min-width: 769px) {
	.hidden-sm {display:none !important}
	.m_view{display:block}
	.sns4{display:inline}
	.top {bottom:10%; right:3%; z-index:200; width:38px;padding:13px 0;}	
	

	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:12px}
	footer section .fLogo {float:none}
	footer section .utilWrap {float:none; margin-left:0; margin-top:20px}	
	footer section .utilWrap .util a {font-size:12px}
	footer section .fSns {float:none; text-align:left; margin-top:20px}
	footer section .fSns > p > a {margin-left:0;font-size:12px;}





	
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech a.btn_side {top:5.8%; right:3.3%}
	#skech .sns {top:25%; right:3%}
	#skech section {max-width:100%; padding:10%}
	#skech section > h2 {padding-top:10%}
	#skech section > h3{font-size:30px}
	#skech section > .txt1{font-size:18px}
	/*Special*/
	#subVisual01 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual01 a.btn_side {top:5.8%; right:3.3%}
	#subVisual01 .sns {top:25%; right:3%}
	#subVisual01 section {max-width:100%; padding:10%}
	#subVisual01 section > h2 {padding-top:20%}
	/*Interview*/
	#subVisual02 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual02 a.btn_side{top:5.8%; right:3.3%}
	#subVisual02 .sns {top:25%; right:3%}
	#subVisual02 section {max-width:100%; padding:10%}
	#subVisual02 section > h2 {padding-top:20%}
	/* interview2 */
	#interview2 section .intercenter2 h2 {font-size:24px;}
	#interview2 section .intercenter2 h3 {font-size:20px}
	#interview2 section .intercenter2 .txt1 {font-size:14px; }
	/*Trip*/
	#subVisual03 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual03 a.btn_side {top:5.8%; right:3.3%}
	#subVisual03 .sns {top:25%; right:3%}
	#subVisual03 section {max-width:100%; padding:10%}
	#subVisual03 section > h2 {padding-top:20%}
	/*Card News*/
	#subVisual04 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual04 a.btn_side {top:5.8%; right:3.3%}
	#subVisual04 .sns {top:25%; right:3%}
	#subVisual04 section {max-width:100%; padding:10%}
	#subVisual04 section > h2 {padding-top:20%}
	#subVisual04 .card{ width:70% ;align:center;}
	/*Together*/
	#subVisual05 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual05 a.btn_side {top:5.8%; right:3.3%}
	#subVisual05 .sns {top:25%; right:3%}
	#subVisual05 section {max-width:100%; padding:10%}
	#subVisual05 section > h2 {padding-top:20%}
	/*News*/
	#subVisual06 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual06 a.btn_side {top:5.8%; right:3.3%}
	#subVisual06 .sns {top:25%; right:3%}
	#subVisual06 section {max-width:100%; padding:10%}
	#subVisual06 section > h2 {padding-top:20%}
	#container section .simg06_1{width:80%;margin:0 auto}
	#container section .simg06_2{width:80%;margin:0 auto}
	/*Seminar*/
	#subVisual07 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual07 a.btn_side {top:5.8%; right:3.3%}
	#subVisual07 .sns {top:25%; right:3%}
	#subVisual07 section {max-width:100%; padding:10%}
	#subVisual07 section > h2 {padding-top:20%}

	.subNav{width:30%}
	.subNav .vol{font-size:14px}
	#container h3{font-size:28px;}
	#container section .simg{width:80%;margin:0 auto}
	#container section .simg03{width:80%;margin:0 auto}
	#container section .simg03_02{width:80%;margin:0 auto}
	#Program section .pro_list .plist01 {float:left; width:46%;color:#fff;margin:2% 1%}
	#Program section .plist01 h4 {font-size:16px; font-weight:300}
	#Program section .plist01 h4 span{font-size:12px; font-weight:300}
	#Program section .pro_list .plist01 ul li {font-size:12px; line-height:180%; font-weight:300}
	#Program section .mapinfo{width:70%; margin:3% auto;overflow:hidden}
	#Program section .mapinfo .map{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info h4{font-size:18px;margin:5% 0 0 0}
	#Program section .mapinfo .info .txt1 li{font-size:14px;}
	#Program .mapinfo .btnSkip {font-size:12px}
	#container .txt1{width:80%;margin:7% auto 0 auto}
    /*inteview5*/
    #interview55 section .interRight .txt1 {font-size:18px; }
    #interview55 section .interRight .txt2 {font-size:16px; }
	#interview55 section .interRight h2 {font-size:24px;}
	#interview55 section .interRight h4 {font-size:18px;}
	/* table01 */
	.table01 th{font-size:16px;}
	.table01 td{font-size:16px;padding-left:2%}
	.table01 .td1{font-size:16px;}
	.table01 .thle{font-size:16px;}
	.table01 .tdle{font-size:16px;padding-left2%}
	.table01 .le{font-size:16px;padding-left:2%}
	/* table02 */
	.table02 .td1{font-size:18px;}
    .table02 .td2{font-size:16px;}
	.table02 .td3{font-size:16px;}
    .table02 .td4{font-size:16px;}
	.table022 .td1{font-size:18px;}
    .table022 .td2{font-size:16px;}
	.table022 .td3{font-size:16px;}
    .table022 .td4{font-size:16px;}


    
}

@media (max-width:768px) and (min-width:519px) {
	.hidden-xs {display:none !important}
	.m_view{display:block}
	.sns4{display:inline}
	.top {bottom:10%; right:2%; z-index:200; width:38px;padding:13px 0;}
	.brMobile {display:none}



	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:11px}
	footer section .fLogo {float:none}
	footer section .utilWrap {float:none; margin-left:0; margin-top:20px}	
	footer section .utilWrap .util a {font-size:11px}
	footer section .fSns {float:none; text-align:left; margin-top:20px}
	footer section .fSns > p > a {margin-left:0;font-size:11px;}



	
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech a.btn_side {top:3.8%; right:3%}
	#skech .sns {top:35%; right:2%}
	#skech section {max-width:100%; padding:20% 10% 10% 10%}
	#skech section > h2 {padding-top:15%}
	#skech section > h3 {font-size:28px; line-height:150%; margin:1% 0 2% 0}
	#skech section > .txt1{font-size:18px}
	#skech section > .txt2{font-size:12px;line-height:160%;}
	/*Special*/
	#subVisual01{height:750px}
	#subVisual01 {background:url('../images/subBg01_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual01 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual01 a.btn_side {top:3.8%; right:3%}
	#subVisual01 .sns {top:35%; right:2%}
	#subVisual01 section {max-width:100%; padding:20% 10% 10% 10%}
	#subVisual01 section > h2 {padding-top:35%}
	#subVisual01 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual01 section > .txt2{font-size:13px;line-height:160%;}
	/*Interview*/
	#subVisual02{height:750px}
	#subVisual02 {background:url('../images/subBg02_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual02 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual02 a.btn_side {top:3.8%; right:3%}
	#subVisual02 .sns {top:35%; right:2%}
	#subVisual02 section {max-width:100%; padding:20% 10% 10% 10%;}
	#subVisual02 section > h2 {padding-top:35%}
	#subVisual02 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual02 section > .txt2{font-size:13px;line-height:160%;margin-top:3%;}
	#subVisual02 section > .txt1{font-size:12px;line-height:160%;margin-top:3%;}
	#interview2 section .intercenter2 .txt1 {font-size:13px;line-height:170%;}
	#interview2 section .intercenter2 h2 { font-size:28px}
	#interview2 section .intercenter2 h2:after {width:18px; height:1px;}
	
	/*Trip*/
	#subVisual03{height:750px}
	#subVisual03 {background:url('../images/subBg03_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual03 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual03 a.btn_side {top:3.8%; right:3%}
	#subVisual03 .sns {top:35%; right:2%}
	#subVisual03 section {max-width:100%; padding:20% 10% 10% 10%}
	#subVisual03 section > h2 {padding-top:15%}
	#subVisual03 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual03 section > .txt2{font-size:13px;line-height:160%;}


	/*Card News*/
	#subVisual04{height:750px}
	#subVisual04 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual04 a.btn_side {top:3.8%; right:3%}
	#subVisual04 .sns {top:35%; right:2%}
	#subVisual04 section {max-width:100%; padding:20% 10% 10% 10%}
	#subVisual04 section > h2 {padding-top:15%}
	#subVisual04 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual04 section > .txt2{font-size:13px;line-height:160%;}
	/*Together*/
	#subVisual05{height:750px}
	#subVisual05 {background:url('../images/subBg05_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual05 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual05 a.btn_side {top:3.8%; right:3%}
	#subVisual05 .sns {top:35%; right:2%}
	#subVisual05 section {max-width:100%; padding:20% 10% 10% 10%}
	#subVisual05 section > h2 {padding-top:15%}
	#subVisual05 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual05 section > .txt2{font-size:13px;line-height:160%;}
	/* interview5 */		
    #interview55 section .interRight .txt1 {font-size:16px; }
    #interview55 section .interRight .txt2 {font-size:14px; }
	#interview55 section .interRight h2 {font-size:20px;}
	#interview55 section .interRight h4 {font-size:16px;}
	
	/*News*/
	#subVisual06{height:750px}
	#subVisual06 {background:url('../images/subBg06_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual06 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual06 a.btn_side {top:3.8%; right:3%}
	#subVisual06 .sns {top:35%; right:2%}
	#subVisual06 section {max-width:100%; padding:20% 10% 10% 10%}
	#subVisual06 section > h2 {padding-top:35%}
	#subVisual06 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual06 section > .txt2{font-size:13px;line-height:160%;}
	#container section .simg06_1{width:80%;margin:0 auto}
	#container section .simg06_2{width:80%;margin:0 auto}
	/*Seminar*/
	#subVisual07{height:750px}
	#subVisual07 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual07 a.btn_side {top:3.8%; right:3%}
	#subVisual07 .sns {top:35%; right:2%}
	#subVisual07 section {max-width:100%; padding:20% 10% 10% 10%}
	#subVisual07 section > h2 {padding-top:15%}
	#subVisual07 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual07 section > .txt2{font-size:13px;line-height:160%;}




	#container .navi {padding-top:8%}
	.subNav{width:35%}
	.subNav .vol{font-size:14px}
	#container h3{font-size:24px;padding:0 10% 0 10%}
	#container section .simg{width:80%;margin:0 auto}
	#container section .simg03{width:80%;margin:0 auto}
	#container section .simg03_02{width:80%;margin:0 auto}




	#Program section .pro_list .plist01 {float:left; width:46%;color:#000;margin:2% 1%}
	#Program h3{font-size:28px;}
	#Program section .plist01 h4 {font-size:14px; font-weight:600}
	#Program section .plist01 h4 span{font-size:12px; font-weight:300}
	#Program section .pro_list{width:80%;}
	#Program section .pro_list .plist01 ul li {font-size:14px; line-height:180%; font-weight:300}
	#Program section .mapinfo{width:70%; margin:3% auto;overflow:hidden}
	#Program section .mapinfo .map{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info h4{font-size:18px;margin:5% 0 0 0}
	#Program section .mapinfo .info .txt1 li{font-size:13px;}
	#Program .mapinfo .btnSkip {font-size:12px}
	#container .txt1{width:80%;margin:7% auto 0 auto;font-size:14px}


	/* table01 */	
	.table01 th{font-size:13px;}
	.table01 td{font-size:13px;padding-left:2%}
	.table01 .td1{font-size:13px;}
	.table01 .thle{font-size:13px;}
	.table01 .tdle{font-size:13px;padding-left2%}
	.table01 .le{font-size:13px;padding-left:2%}

    .table02{font-size:13px;}
	.table02 .td1{font-size:15px;}
    .table02 .td2{font-size:13px;}
	.table02 .td3{font-size:13px;}
    .table02 .td4{font-size:13px;}
	.table022{font-size:13px;}
	.table022 .td1{font-size:15px;}
    .table022 .td2{font-size:13px;}
	.table022 .td3{font-size:13px;}
    .table022 .td4{font-size:13px;}


	
}

@media (max-width:520px) and (min-width:480px) {
	.hidden-xs {display:none !important}
	.m_view{display:block}
	.sns4{display:inline}
	.top {bottom:10%; right:2%; z-index:200; width:38px;padding:13px 0;}
	.brMobile {display:none}


	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:11px}
	footer section .fLogo {float:none}
	footer section .utilWrap {float:none; margin-left:0; margin-top:20px}	
	footer section .utilWrap .util a {font-size:11px}
	footer section .fSns {float:none; text-align:left; margin-top:20px}
	footer section .fSns > p > a {margin-left:0;font-size:11px;}


	
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech a.btn_side {top:3.8%; right:3%}
	#skech .sns {top:35%; right:2%}
	#skech section {max-width:100%; padding:20% 12% 10% 10%}
	#skech section > h2 {padding-top:15%}
	#skech section > h3 {font-size:28px; line-height:150%; margin:1% 0 2% 0}
	#skech section > .txt1{font-size:18px}
	#skech section > .txt2{font-size:12px;line-height:160%;}
	/*Special*/
	#subVisual01{height:750px}
	#subVisual01 {background:url('../images/subBg01_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual01 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual01 a.btn_side {top:3.8%; right:3%}
	#subVisual01 .sns {top:35%; right:2%}
	#subVisual01 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual01 section > h2 {padding-top:60%}
	#subVisual01 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual01 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual01 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	/*Interview*/
	#subVisual02{height:750px}
	#subVisual02 {background:url('../images/subBg02_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual02 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual02 a.btn_side {top:3.8%; right:3%}
	#subVisual02 .sns {top:35%; right:2%}
	#subVisual02 section {max-width:100%; padding:20% 12% 10% 10%;}
	#subVisual02 section > h2 {padding-top:60%}
	#subVisual02 section > h3 {font-size:28px; line-height:150%; margin:1% 0 2% 0}
	#subVisual02 section > .txt2{font-size:13px;line-height:160%;margin-top:5%;}
	#subVisual02 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	#interview2 section .intercenter2 .txt1 {font-size:13px;line-height:170%;}
	#interview2 section .intercenter2 h2 { font-size:26px}
	#interview2 section .intercenter2 h2:after {width:18px; height:1px;}

	
	/*Trip*/
	#subVisual03{height:750px}
	#subVisual03 {background:url('../images/subBg03_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual03 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual03 a.btn_side {top:3.8%; right:3%}
	#subVisual03 .sns {top:35%; right:2%}
	#subVisual03 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual03 section > h2 {padding-top:23%}
	#subVisual03 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual03 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual03 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	/*Card News*/
	#subVisual04{height:750px}
	#subVisual04 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual04 a.btn_side {top:3.8%; right:3%}
	#subVisual04 .sns {top:35%; right:2%}
	#subVisual04 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual04 section > h2 {padding-top:23%}
	#subVisual04 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual04 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual04 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	/*Together*/
	#subVisual05{height:750px}
	#subVisual05 {background:url('../images/subBg05_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual05 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual05 a.btn_side {top:3.8%; right:3%}
	#subVisual05 .sns {top:35%; right:2%}
	#subVisual05 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual05 section > h2 {padding-top:23%}
	#subVisual05 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual05 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual05 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	
	
	/*News*/
	#subVisual06{height:750px}
	#subVisual06 {background:url('../images/subBg06_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual06 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual06 a.btn_side {top:3.8%; right:3%}
	#subVisual06 .sns {top:35%; right:2%}
	#subVisual06 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual06 section > h2 {padding-top:60%}
	#subVisual06 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual06 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual06 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	#container section .simg06_1{width:80%;margin:0 auto}
	#container section .simg06_2{width:80%;margin:0 auto}
	/*Seminar*/
	#subVisual07{height:750px}
	#subVisual07 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual07 a.btn_side {top:3.8%; right:3%}
	#subVisual07 .sns {top:35%; right:2%}
	#subVisual07 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual07 section > h2 {padding-top:23%}
	#subVisual07 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual07 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual07 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}




	#container .navi {padding-top:8%}
	.subNav{width:35%}
	.subNav .vol{font-size:14px}
	#container .txt1{width:80%;font-size:14px;padding:0 10%}
	#container h3{font-size:22px;padding:0 10%}
	#container section .simg{width:80%;margin:0 auto}
	#container section .simg03{width:80%;margin:0 auto}
	#container section .simg03_02{width:80%;margin:0 auto}
	#Program section .pro_list .plist01 {float:left; width:46%;color:#000;margin:2% 1%}
	#Program section .plist01 h4 {font-size:14px; font-weight:600}
	#Program section .plist01 h4 span{font-size:12px; font-weight:300}
	#Program section .pro_list .plist01 ul li {font-size:12px; line-height:180%; font-weight:300}
	#Program section .mapinfo{width:70%; margin:3% auto;overflow:hidden}
	#Program section .mapinfo .map{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info h4{font-size:18px;margin:5% 0 0 0}
	#Program section .mapinfo .info .txt1 li{font-size:14px;}
	#Program .mapinfo .btnSkip {font-size:12px}

	/* interview5 */		
    #interview55 section .interRight .txt1 {font-size:16px; }
    #interview55 section .interRight .txt2 {font-size:13px; }
	#interview55 section .interRight h2 {font-size:20px;}
	#interview55 section .interRight h4 {font-size:16px;}
	/* table01 */	
	.table01 th{font-size:14px;}
	.table01 td{font-size:14px;padding-left:2%}
	.table01 .td1{font-size:14px;}
	.table01 .thle{font-size:14px;}
	.table01 .tdle{font-size:14px;padding-left2%}
	.table01 .le{font-size:14px;padding-left:2%}

    .table02{font-size:14px;}
	.table02 .td1{font-size:14px;}
    .table02 .td2{font-size:14px;}
	.table02 .td3{font-size:14px;}
    .table02 .td4{font-size:14px;}
	.table022{font-size:14px;}
	.table022 .td1{font-size:14px;}
    .table022 .td2{font-size:14px;}
	.table022 .td3{font-size:14px;}
    .table022 .td4{font-size:14px;}



	
}

@media (max-width:479px) and (min-width:425px) {
	.hidden-xs {display:none !important}
	.m_view{display:block}
	.sns4{display:inline}
	.top {bottom:10%; right:2%; z-index:200; width:38px;padding:13px 0;}
	.brMobile {display:none}

	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:11px}
	footer section .fLogo {float:none}
	footer section .utilWrap {float:none; margin-left:0; margin-top:20px}	
	footer section .utilWrap .util a {font-size:11px}
	footer section .fSns {float:none; text-align:left; margin-top:20px}
	footer section .fSns > p > a {margin-left:0;font-size:11px;}
	
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#skech a.btn_side {top:3.8%; right:3%}
	#skech .sns {top:35%; right:2%}
	#skech section {max-width:90%; padding:10%}
	#skech section > h2 {padding-top:15%}
	#skech section > h3 {font-size:28px; line-height:150%; margin:1% 0 2% 0}
	#skech section > .txt1{font-size:18px}
	#skech section > .txt2{font-size:12px;line-height:160%;}
	/*Special*/
	#subVisual01{height:750px}
	#subVisual01 {background:url('../images/subBg01_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual01 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual01 a.btn_side {top:3.8%; right:3%}
	#subVisual01 .sns {top:35%; right:2%}
	#subVisual01 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual01 section > h2 {padding-top:15%}
	#subVisual01 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual01 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual01 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	/*Interview*/
	#subVisual02{height:750px}
	#subVisual02 {background:url('../images/subBg02_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual02 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual02 a.btn_side {top:3.8%; right:3%}
	#subVisual02 .sns {top:35%; right:2%}
	#subVisual02 section {max-width:100%; padding:20% 12% 10% 10%;}
	#subVisual02 section > h2 {padding-top:55%}
	#subVisual02 section > h3 {font-size:24px; line-height:150%; margin:1% 0 2% 0}
	#subVisual02 section > .txt2{font-size:13px;line-height:160%;margin-top:5%;}
	#subVisual02 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	#interview2 section .intercenter2 .txt1 {font-size:12px;line-height:170%;}
	#interview2 section .intercenter2 h2 { font-size:26px}
	#interview2 section .intercenter2 h2:after {width:18px; height:1px;}
	
	/*Trip*/
	#subVisual03{height:750px}
	#subVisual03 {background:url('../images/subBg03_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual03 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual03 a.btn_side {top:3.8%; right:3%}
	#subVisual03 .sns {top:35%; right:2%}
	#subVisual03 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual03 section > h2 {padding-top:15%}
	#subVisual03 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual03 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual03 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	/*Card News*/
	#subVisual04{height:750px}
	#subVisual04 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual04 a.btn_side {top:3.8%; right:3%}
	#subVisual04 .sns {top:35%; right:2%}
	#subVisual04 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual04 section > h2 {padding-top:15%}
	#subVisual04 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual04 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual04 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	/*Together*/
	#subVisual05{height:750px}
	#subVisual05 {background:url('../images/subBg05_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual05 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual05 a.btn_side {top:3.8%; right:3%}
	#subVisual05 .sns {top:35%; right:2%}
	#subVisual05 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual05 section > h2 {padding-top:15%}
	#subVisual05 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual05 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual05 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	
	
	/*News*/
	#subVisual06{height:750px}
	#subVisual06 {background:url('../images/subBg06_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual06 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual06 a.btn_side {top:3.8%; right:3%}
	#subVisual06 .sns {top:35%; right:2%}
	#subVisual06 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual06 section > h2 {padding-top:55%}
	#subVisual06 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual06 section > .txt2{font-size:13px;line-height:160%;}
	#subVisual06 section > .txt1{font-size:12px;line-height:160%;margin-top:5%;}
	#container section .simg06_1{width:80%;margin:0 auto}
	#container section .simg06_2{width:80%;margin:0 auto}
	/*Seminar*/
	#subVisual07{height:750px}
	#subVisual07 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
	#subVisual07 a.btn_side {top:3.8%; right:3%}
	#subVisual07 .sns {top:35%; right:2%}
	#subVisual07 section {max-width:100%; padding:20% 12% 10% 10%}
	#subVisual07 section > h2 {padding-top:23%}
	#subVisual07 section > h3 {font-size:28px; line-height:150%; margin:3% 0 2% 0}
	#subVisual07 section > .txt2{font-size:12px;line-height:160%;}




	#container .navi {padding-top:8%}
	.subNav{width:35%}
	.subNav .vol{font-size:14px}
	#container h3{font-size:22px;padding:0 10% 0 10%;line-height:160%;}
	#container .txt1{width:80%;margin:7% auto 0 auto;font-size:14px; padding:0 10%}
	/*#container h2 span{font-size:30px;}*/


	#container section .simg{width:80%;margin:0 auto}
	#container section .simg03{width:80%;margin:0 auto}
	#container section .simg03_02{width:80%;margin:0 auto}
	#Program section .pro_list .plist01 {float:left; width:46%;color:#000;margin:2% 1%}
	#Program section .plist01 h4 {font-size:14px; font-weight:600}
	#Program section .plist01 h4 span{font-size:12px; font-weight:300}
	#Program section .pro_list .plist01 ul li {font-size:12px; line-height:180%; font-weight:300}
	#Program section .mapinfo{width:70%; margin:3% auto;overflow:hidden}
	#Program section .mapinfo .map{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info h4{font-size:18px;margin:5% 0 0 0}
	#Program section .mapinfo .info .txt1 li{font-size:14px;}
	#Program .mapinfo .btnSkip {font-size:12px}

	/* interview5 */		
    #interview55 section .interRight .txt1 {font-size:16px; }
    #interview55 section .interRight .txt2 {font-size:13px; }
	#interview55 section .interRight h2 {font-size:20px;}
	#interview55 section .interRight h4 {font-size:16px;}
	/* table01 */	
	.table01 th{font-size:13px;}
	.table01 td{font-size:13px;padding-left:2%}
	.table01 .td1{font-size:13px;}
	.table01 .thle{font-size:13px;}
	.table01 .tdle{font-size:13px;padding-left2%}
	.table01 .le{font-size:13px;padding-left:2%}

    .table02{font-size:13px;}
	.table02 .td1{font-size:15px;}
    .table02 .td2{font-size:13px;}
	.table02 .td3{font-size:13px;}
    .table02 .td4{font-size:13px;}
	.table022{font-size:13px;}
	.table022 .td1{font-size:15px;}
    .table022 .td2{font-size:13px;}
	.table022 .td3{font-size:13px;}
    .table022 .td4{font-size:13px;}

	
}


@media (max-width:424px) {
	.hidden-xs {display:none !important}
	.m_view{display:block}
	.brMobile {display:none}
	.sns4{display:inline}
	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:11px}
	footer section .fSns > p > a {font-size:11px;margin-left:0 }
	footer section .fLogo {float:none}
	footer section .utilWrap {float:none; margin-left:0; margin-top:20px}
	footer section .utilWrap .util {display:none}
	footer section .fSns {float:none; text-align:left; margin-top:20px}


	#skech .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#skech a.btn_side {top:4.5%; right:3%}
	#skech .sns {top:35%; right:2%;opacity:0.5}
	#skech section {max-width:90%; padding:5%;}
	#skech section > h2 {padding-top:45%;font-size:50px}
	#skech section > h3 {font-size:24px; line-height:150%; margin:30px 0 50px 0}
	#skech section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	#skech section > .txt1{font-size:14px}
	/*Special*/
	#subVisual01{height:750px}
	#subVisual01 {background:url('../images/subBg01_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual01 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual01 a.btn_side {top:4.5%; right:3%}
	#subVisual01 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual01 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual01 section > h2 {padding-top:30%;font-size:50px}
	#subVisual01 section > h3 {font-size:24px; line-height:150%; margin:30px 0 50px 0}
	#subVisual01 section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	/*Interview*/
    #subVisual02{height:750px}
	#subVisual02 {background:url('../images/subBg02_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual02 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual02 a.btn_side {top:3.8%; right:3%}
	#subVisual02 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual02 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual02 section > h2 {padding-top:65%;font-size:50px}
	#subVisual02 section > h3 {font-size:24px; line-height:150%; margin:1% 0 2% 0}
	#subVisual02 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual02 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}

	#interview2 section .intercenter2 .txt1 {font-size:12px;line-height:170%;}
	#interview2 section .intercenter2 h2 { font-size:26px}
	#interview2 section .intercenter2 h2:after {width:18px; height:1px;}
	/*Trip*/
	#subVisual03{height:750px}
	#subVisual03 {background:url('../images/subBg03_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual03 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual03 a.btn_side {top:4.5%; right:3%}
	#subVisual03 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual03 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual03 section > h2 {padding-top:30%;font-size:50px}
	#subVisual03 section > h3 {font-size:24px; line-height:150%; margin:30px 0 50px 0}
	#subVisual03 section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	/*card news*/
	#subVisual04{height:750px}
	#subVisual04 {background:url('../images/subBg04_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual04 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual04 a.btn_side {top:4.5%; right:3%}
	#subVisual04 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual04 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual04 section > h2 {padding-top:30%;font-size:50px}
	#subVisual04 section > h3 {font-size:24px; line-height:150%; margin:30px 0 50px 0}
	#subVisual04 section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	/*Together*/
	#subVisual05{height:750px}
	#subVisual05 {background:url('../images/subBg05_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual05 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual05 a.btn_side {top:4.5%; right:3%}
	#subVisual05 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual05 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual05 section > h2 {padding-top:30%;font-size:50px}
	#subVisual05 section > h3 {font-size:24px; line-height:150%; margin:30px 0 50px 0}
	#subVisual05 section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	/*news*/
	#subVisual06{height:750px}
	#subVisual06 {background:url('../images/subBg06_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual06 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual06 a.btn_side {top:4.5%; right:3%}
	#subVisual06 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual06 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual06 section > h2 {padding-top:65%;font-size:50px}
	#subVisual06 section > h3 {font-size:24px; line-height:150%; margin:30px 0 50px 0}
	#subVisual06 section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	#container section .simg06_1{width:75%;margin:0 auto}
	#container section .simg06_2{width:75%;margin:0 auto}
	/*Seminar*/
	#subVisual07{height:750px}
	#subVisual07 {background:url('../images/subBg07_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual07 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:50%}
	#subVisual07 a.btn_side {top:4.5%; right:3%}
	#subVisual07 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual07 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual07 section > h2 {padding-top:45%;font-size:50px}
	#subVisual07 section > h3 {font-size:18px; line-height:150%; margin:30px 0 50px 0}
	#subVisual07 section > .txt2{font-size:12px;line-height:150%;margin-right:3%}

	#container .navi {padding-top:8%}
	.subNav{width:50%}
	.subNav .vol{font-size:14px}
	/*#container h2 span{font-size:40px;}*/
	/*#container h3{font-size:18px;}*/
	#container h2 span{font-size:30px;}
	#container h3{font-size:16px;padding:0 10% 0 10%;line-height:160%;}
	#container .txt1{width:75%;margin:7% auto 0 auto;font-size:13px}	



	#container section .simg{width:75%;margin:0 auto}
	#container section .simg03{width:75%;margin:0 auto}
	#container section .simg03_02{width:75%;margin:0 auto}
	#Program h3{font-size:24px;}
	#Program section .pro_list{width:80%;}
	#Program section .pro_list .plist01 {float:left; width:100%;color:#000;margin:2% 2%}
	#Program section .plist01 h4 {font-size:14px; font-weight:300}
	#Program section .plist01 h4 span{font-size:12px; font-weight:300}
	#Program section .pro_list .plist01 ul li {font-size:12px; line-height:180%; font-weight:300}
	#Program section .mapinfo{width:80%; margin:3% auto;overflow:hidden}
	#Program section .mapinfo .map{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info h4{font-size:18px;margin:5% 0 0 0}
	#Program section .mapinfo .info .txt1 li{font-size:14px;}
	#Program .mapinfo .btnSkip {font-size:12px}

	/* interview5 */	
    #interview55 section .interRight .txt1 {font-size:15px; }
    #interview55 section .interRight .txt2 {font-size:13px; }
	#interview55 section .interRight h2 {font-size:24px;}
	#interview55 section .interRight h4 {font-size:15px;}
	.top {bottom:5%; right:2%; z-index:200; width:38px;padding:13px 0;}
	/* table01 */	
	.table01 th{font-size:13px;}
	.table01 td{font-size:13px;padding-left:2%}
	.table01 .td1{font-size:13px;}
	.table01 .thle{font-size:13px;}
	.table01 .tdle{font-size:13px; padding-left:2%}
	.table01 .le{font-size:13px;padding-left:2%}
	.table02{font-size:13px;}
	.table02 .td1{font-size:15px;}
    .table02 .td2{font-size:13px;}
	.table02 .td3{font-size:13px;}
    .table02 .td4{font-size:13px;}
	.table022{font-size:13px;}
	.table022 .td1{font-size:15px;}
    .table022 .td2{font-size:13px;}
	.table022 .td3{font-size:13px;}
    .table022 .td4{font-size:13px;}


	
}


@media (max-width:380px) {
	.hidden-xs {display:none !important}
	.m_view{display:block}
	.brMobile {display:none}
	.sns4{display:inline}
	footer {padding:5% 10% 5% 10%;}
    footer section .utilWrap .copy {font-size:11px}
	footer section .fSns > p > a {font-size:11px; margin-left:0}
	footer section .utilWrap .util {display:none}


	.top {bottom:5%; right:2%; z-index:200; width:38px;padding:13px 0;}

	#skech .logo {position:initial; top:0; left:0; padding:8% 8%;width:50%}
	#skech a.btn_side {top:4.5%; right:3%}

	#skech .sns {top:35%; right:2px;opacity:0.5}
	#skech section {max-width:100%; padding:20% 13% 10% 10%;;}
	#skech section > h2 {padding-top:20%;font-size:50px}
	#skech section > h3 {font-size:18px; line-height:150%; margin:5% 0 2% 0}
	#skech section > .txt2{font-size:12px;line-height:150%;margin-right:3%}
	#skech section > .txt1{font-size:12px}
	/*Special*/	
    #subVisual01{height:750px}
	#subVisual01 {background:url('../images/subBg01_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual01 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
    #subVisual01 .vol { font-size:14px}
	#subVisual01 a.btn_side {top:4.5%; right:3%}
	#subVisual01 .sns {top:35%; right:2%;opacity:0.5;}
	#subVisual01 section {max-width:100%; padding:20% 15% 10% 10%;}
	#subVisual01 section > h2 {padding-top:100px;font-size:50px}
	#subVisual01 section > h3 {font-size16px; line-height:150%; margin:5% 0 2% 0}
	#subVisual01 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual01 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}

	/*Interview*/
    #subVisual02{height:750px}
	#subVisual02 {background:url('../images/subBg02_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual02 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:60%}
    #subVisual02 .vol { font-size:12px}
	#subVisual02 a.btn_side {top:4.5%; right:3%}
	#subVisual02 .sns {top:38%; right:2%;opacity:0.5}
	#subVisual02 section {max-width:100%; padding:20% 15% 10% 10%;}
	#subVisual02 section > h2 {padding-top:250px;font-size:50px}
	#subVisual02 section > h3 {font-size:16px; line-height:150%; margin:1% 0 2% 0}
	#subVisual02 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual02 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}
	#interview2 section .intercenter2 .txt1 {font-size:11px;line-height:170%;}
	#interview2 section .intercenter2 h2 { font-size:26px}
	#interview2 section .intercenter2 h2:after {width:18px; height:1px;}


	/*Trip*/
    #subVisual03{height:750px}
	#subVisual03 {background:url('../images/subBg03_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual03 .logo {position:initial; top:0; left:0; padding:7% 10.3%}
    #subVisual03 .vol { font-size:14px}
	#subVisual03 a.btn_side {top:4.5%; right:3%}
	#subVisual03 .sns {top:35%; right:2%;opacity:0.5;}
	#subVisual03 section {max-width:100%; padding:20% 15% 10% 10%;}
	#subVisual03 section > h2 {padding-top:100px;font-size:50px}
	#subVisual03 section > h3 {font-size:16px; line-height:150%; margin:5% 0 2% 0}
	#subVisual03 section > .txt2{font-size:11px;line-height:170%;margin-top:5%;}
	#subVisual03 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}
	/*card news*/
    #subVisual04{height:750px}
	#subVisual04 {background:url('../images/subBg04_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual04 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:60%}
    #subVisual04 .vol { font-size:12px}
	#subVisual04 a.btn_side {top:4.5%; right:3%}
	#subVisual04 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual04 section {max-width:100%; padding:20% 15% 10% 10%;}
	#subVisual04 section > h2 {padding-top:100px;font-size:50px}
	#subVisual04 section > h3 {font-size:16px; line-height:150%; margin:5% 0 2% 0}
	#subVisual04 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual04 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}
	/*Together*/
    #subVisual05{height:750px}
	#subVisual05 {background:url('../images/subBg05_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual05 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:60%}
    #subVisual05 .vol { font-size:12px}
	#subVisual05 a.btn_side {top:4.5%; right:3%}
	#subVisual05 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual05 section {max-width:100%; padding:20% 15% 10% 10%;}
	#subVisual05 section > h2 {padding-top:100px;font-size:50px}
	#subVisual05 section > h3 {font-size:16px; line-height:150%; margin:5% 0 2% 0}
	#subVisual05 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual05 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}
	/*news*/
	#subVisual06{height:750px}
	#subVisual06 {background:url('../images/subBg06_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual06 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:60%}
    #subVisual06 .vol { font-size:12px}
	#subVisual06 a.btn_side {top:4.5%; right:3%}
	#subVisual06 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual06 section {max-width:100%; padding:20% 15% 10% 10%;}
	#subVisual06 section > h2 {padding-top:250px;font-size:50px}
	#subVisual06 section > h3 {font-size:16px; line-height:150%; margin:5% 0 2% 0}
	#subVisual06 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual06 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}
	#container section .simg06_1{width:75%;margin:0 auto}
	#container section .simg06_2{width:75%;margin:0 auto}
	/*Seminar*/
    #subVisual07{height:750px}
	#subVisual07 {background:url('../images/subBg07_.jpg') no-repeat center; background-size:cover; width:100%; height:750px; position:relative}
	#subVisual07 .logo {position:initial; top:0; left:0; padding:7% 10.3%;width:60%}
    #subVisual07 .vol { font-size:12px}
	#subVisual07 a.btn_side {top:4.5%; right:3%}
	#subVisual07 .sns {top:35%; right:2%;opacity:0.5}
	#subVisual07 section {max-width:100%; padding:20% 13% 10% 10%;}
	#subVisual07 section > h2 {padding-top:100px;font-size:50px}
	#subVisual07 section > h3 {font-size:16px; line-height:150%; margin:5% 0 2% 0}
	#subVisual07 section > .txt2{font-size:12px;line-height:160%;margin-top:5%;}
	#subVisual07 section > .txt1{font-size:11px;line-height:160%;margin-top:5%;}

	#container .navi {padding-top:8%}
	.subNav{width:50%}
	.subNav .vol{font-size:14px}
	#container h2 span{font-size:30px;}
	#container h3{font-size:16px;padding:0 10% 0 10%;line-height:140%;}
	#container .txt1{width:80%;margin:7% auto 0 auto;font-size:13px;line-height:160%}
	#container section .simg{width:80%;margin:0 auto}
	#container section .simg03{width:80%;margin:0 auto}
	#container section .simg03_02{width:80%;margin:0 auto}
	#Program h3{font-size:20px;}
	#Program section .pro_list{width:80%;}
	#Program section .pro_list .plist01 {float:left; width:100%;color:#000;margin:2% 2%}
	#Program section .plist01 h4 {font-size:12px; font-weight:300}
	#Program section .plist01 h4 span{font-size:12px; font-weight:300}
	#Program section .pro_list .plist01 ul li {font-size:11px; line-height:180%; font-weight:300}
	#Program section .mapinfo{width:80%; margin:3% auto;overflow:hidden}
	#Program section .mapinfo .map{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info{margin:0 auto;width:100%;margin-top:3%}
	#Program section .mapinfo .info h4{font-size:16px;margin:5% 0 0 0}
	#Program section .mapinfo .info .txt1 li{font-size:12px;}
	#Program .mapinfo .btnSkip {font-size:12px}
	
	/* interview5 */
    #interview55 section .interRight .txt1 {font-size:15px; }
    #interview55 section .interRight .txt2 {font-size:13px; }
	#interview55 section .interRight h2 {font-size:24px;}
	#interview55 section .interRight h4 {font-size:15px;}
	/* table01 */	
	.table01 th{font-size:13px;}
	.table01 td{font-size:13px;padding-left:2%}
	.table01 .td1{font-size:13px;}
	.table01 .thle{font-size:13px;}
	.table01 .tdle{font-size:13px;padding-left2%}
	.table01 .le{font-size:13px;padding-left:2%}
	.table02 {font-size:13px;}
	.table02{font-size:13px;}
	.table02 .td1{font-size:14px;}
    .table02 .td2{font-size:12px;}
	.table02 .td3{font-size:12px;}
    .table02 .td4{font-size:12px;}
	 .table022{font-size:13px;}
	.table022 .td1{font-size:14px;}
    .table022 .td2{font-size:12px;}
	.table022 .td3{font-size:12px;}
    .table022 .td4{font-size:12px;}


}