@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

html { margin: 0; padding: 0; -webkit-text-size-adjust: none; word-break: keep-all; }
body { font-weight: 300; font-size: 14px; line-height: 1.2; font-family: 'Noto Sans KR', sans-serif; color: #3d3d3d; -webkit-text-size-adjust: none; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, radio, select,  button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, ol, li { list-style: none }
fieldset, img { border: 0; vertical-align: middle; }
address, em { font-style: normal }
table { width: 100%; /*border-collapse: collapse;*/     display: table;     border-collapse: separate;     border-spacing: 2px;    border-color: grey;}
button { border: 0 }
hr { display: none }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: none }
caption, legend { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
input, textarea, select { vertical-align: middle; color: #3d3d3d; font-family: 'Noto Sans KR', sans-serif;}
button, label, input[type=image] { cursor: pointer }
input[type=text], input[type=tel], input[type=password] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd;  }
select, textarea { box-sizing: border-box; border: 1px solid #cdcdcd; }
select { height:26px }
pre { margin: 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-all; }
strong { font-weight: 700 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }



/* clearfix */
.clearfix:before,
.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;}


/* dis_web dis_mob */
.dis_web { }




.main_visual { position:relative; width:100%; max-width:1800px; height:900px; background-image:url(../images/bg_visual.png); background-repeat:no-repeat; background-position:top center; margin:0 auto;}
.logo { position:absolute; top:46px; left:100px;}
.home_link { position:absolute; top:30px; right:100px; background-image:url(../images/ico_home.png); background-repeat:no-repeat; background-position:left; padding-left:17px; color: #FFF; font-size:11px;}
.main_copy { width:100%; font-size:80px; color:#fff; font-weight:bold; text-align:center; padding-top:260px;}
.desc {width:100%; font-size:26px; color:#fff; font-weight:300; text-align:center; margin:38px auto 0 auto; line-height:36px;}

.v_btn { width:100%; text-align:center; margin-top:70px;}
.v_btn .program_info { display:inline-block; width:239px; height:61px; border-radius:30px; border:1px #FFF solid; box-sizing:border-box; rgba: 0 0 0 0; background-image:url(../images/ico_appl.png); background-repeat:no-repeat; background-position: 40px 18px; padding:11px 20px 20px 52px; font-size:20px; color:#fff;  }
.v_btn .tour_application { display:inline-block; width:239px; height:61px; border-radius:30px; border:1px #FFF solid; box-sizing:border-box; rgba: 0 0 0 0; background-image:url(../images/ico_program.png); background-repeat:no-repeat; background-position: 35px 21px; padding:11px 20px 20px 60px; font-size:20px; color:#fff;  }

.ico_scroll { text-align:center; margin:170px auto 0 auto;}


.container { position:relative; width:100%; max-width:1800px; background-image:url(../images/bg_con.png); background-repeat:no-repeat; background-position:top center; margin:0 auto;}
h1 { font-size:40px; color:#1f1f1f; text-align:center; font-weight:bold; padding-top:70px;}
.b_line { width:90px; border-bottom:1px #666666 solid; margin: 0 auto; margin-bottom:70px; }

.con_box { width:100%; max-width:1000px; margin:0 auto 60px auto; clear:both;}
.con_box .title { float:left; width:17%; font-size:30px; color:#1f1f1f; padding-left:20px; font-weight:bold; word-break: keep-all; }
.con_box .info { float:right; width:80%; }
.info table { width: 100%; border-top: 1px #d6d6d6 solid; border-collapse: collapse; }
.info table tr { border-bottom: 1px #e6e6e6 solid; }
.info table th { padding: 15px; background: #f0f0f1; word-break:keep-all;}
.info table td { padding: 15px; background: #fff; text-align:left;  word-break: initial; line-height: 1.2em; word-break:keep-all;}
.info table .r_line { border-right: 1px #e6e6e6 solid; }

.info table tr td ul li { position: relative; /*li태그를 기준으로 relative.*/ padding-left:0px;/*왼쪽에 리스트 스타일이 나올 공간을 띄워줍니다*/ margin-bottom: 5px; line-height: 20px;}
.info table tr td ul li:last-child { margin-bottom: 0px;}

/*.info table tr td ul li:before { background: #3d3d3d none repeat scroll 0 0; border-radius: 2px; content: ''; display: block; height: 1px; left: 0; position: absolute; top: 9px; width: 5px;}*/


.con_btn { width:100%; text-align:center; clear:both;} 
.con_btn .tour_application2 { display:inline-block; width:360px; height:98px; border-radius:50px; background-color:#ad1111;  box-sizing:border-box; rgba: 0 0 0 0; background-image:url(../images/ico_appl2.png); background-repeat:no-repeat; background-position: 70px 32px; padding:25px 20px 20px 62px; font-size:30px; font-weight:bold; color:#fff; margin:0 10px 90px 0;  }
.con_btn .tour_application3 { display:inline-block; width:360px; height:98px; border-radius:50px; background-color:#ad1111;  box-sizing:border-box; rgba: 0 0 0 0; background-image:url(../images/ico_appl3.png); background-repeat:no-repeat; background-position: 65px 34px; padding:25px 20px 20px 75px; font-size:30px; font-weight:bold; color:#fff; margin:0 0 90px 10px;  }




.copyright { width:100%; max-width:1800px; margin:0 auto; box-sizing:border-box; font-size:13px; color:#fff; font-weight:bold; text-align:center; padding:20px; background-color:#474747; }

@media screen and (max-width:768px) {

.dis_web { display:none;}


.main_visual {  max-width:1800px; height: inherit; background-position:-210px 0; background-size:cover; }
.logo {  top:20px; left:2%;}
.home_link { position:absolute; top:20px; right:2%;  font-size:0.7em;}
.main_copy {width:90%; font-size:4em;  padding-top:2em; margin:0 auto;}
.desc {width:70%; font-size:1.4em; line-height:1.6em; margin:20px auto 0 auto; }

.v_btn { width:100%; text-align:center; margin-top:30px;}
.v_btn .tour_application { margin-top:15px; }

.ico_scroll { text-align:center; margin:60px auto 0 auto; padding-bottom:30px;}
.ico_scroll img { width:10%;}



h1 { width:70%; margin:0 auto; word-break:keep-all;}
.b_line { width:90px; border-bottom:1px #666666 solid; margin: 0 auto; margin-bottom:40px; }

.con_box { width:100%; max-width:1000px; margin:0 auto 30px auto; clear:both;}

.con_box .title { float: inherit; width:95%; text-align:left; }
.con_box .info { float:inherit; width:95%; margin:10px auto 0 auto; }



.con_btn { width:100%; text-align:center; clear:both;} 
.con_btn .tour_application2 { display:inline-block; width:300px; height:80px; border-radius:50px; background-color:#ad1111;  box-sizing:border-box; rgba: 0 0 0 0; background-image:url(../images/ico_appl2.png); background-repeat:no-repeat; background-position: 40px 22px; padding:20px 20px 20px 60px; font-size:26px; font-weight:bold; color:#fff; margin:10px auto 10px auto;  }
.con_btn .tour_application3 { display:inline-block; width:300px; height:80px; border-radius:50px; background-color:#ad1111;  box-sizing:border-box; rgba: 0 0 0 0; background-image:url(../images/ico_appl3.png); background-repeat:no-repeat; background-position: 40px 25px; padding:20px 20px 20px 60px; font-size:26px; font-weight:bold; color:#fff; margin:10px auto 50px auto;  }



.copyright { width:100%; max-width:1800px; margin:0 auto; box-sizing:border-box; font-size:13px; color:#fff; font-weight:bold; text-align:center; padding:20px; background-color:#474747; }


}