@charset "utf-8";
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');


body{position:relative; margin-top:40px; font-family:'NanumSquareRound', sans-serif; font-size:13px;}
pre,code{font-family: 'Nanum Gothic Coding', monospace}
p {padding:0; margin:0}
a:hover,a:link{text-decoration:none}
ul li {list-style:none;}

.l {float:left}
.c {clear:both}
.block {display:block}
/* bg-clor */
.bg-Tomato {background-color:Tomato; color:#fff; padding:3px;}
.bg-red {background-color:#ef4e24; color:#fff; padding:3px; }
.bg-blue {background-color:#008dcd; color:#fff; padding:3px;}
.bg-bblue {background-color:#0f5ecb; color:#fff; padding:3px;}
.bg-bblue_s {background-color:#2e7fef; color:#fff; padding:3px;}
.bg-orange {background-color:#f67d2c; color:#fff; padding:3px;}
.bg-orange_s {background-color:#ff943e; color:#fff; padding:3px;}
.bg-green {background-color:#5eb500; color:#fff; padding:3px;}
.bg-lgreen {background-color:#97c50a; color:#fff; padding:3px;}
.bg-lblue {background-color:#c4edff; padding:3px;}
.bg-llblue {background-color:#e5f6ff; padding:3px;}
.bg-lorange {background-color:#ffddc6; padding:3px;}
.bg-lgrey {background-color:#efefef; padding:2px;}
.bg-dgrey {background-color:#555555; color:#fff; padding:3px;}
.bg-white {background-color:#fff}
.bg-bluegreen {background-color:#4b9d9a; color:#fff; padding:3px;}
.bg-DodgerBlue {background-color:DodgerBlue; color:#fff; padding:3px;}
.bg-violet {background-color:#b53fcf; color:#fff; padding:3px;}
.bg-pink {background-color:#ed4d93; color:#fff; padding:3px;}
.bg-lyel {background-color:#f2ffc4; padding:2px;}
.bg-yellow {background-color:#fff13d; padding:2px;}

.block {display:block}
.bg-red {background-color:#cb6145; color:#fff; padding:3px; }
.bg-blue {background-color:#008dcd; color:#fff; padding:3px;}
.roundbox {border-radius:3px}

/* font-color */
.text-Tomato {color:Tomato;}
.text-red {color:#df193f;}
.text-blue {color:#097ada}
.text-Orange {color:#ff7e00}
.text-DodgerBlue {color:DodgerBlue}
.text-MediumSeaGreen {color:MediumSeaGreen}
.text-bluegreen {color:#4b9d9a}
.text-green {color:#006236}
.text-grey {color:#888}
.text-violet {color:#b53fcf}
.text-pink {color:#ed4d93}
.text-main {color:#fff}
.text-yellow {color:#fff13d}
.text-white {color:#fff}
.text-navy {color:#2551a2}
.text-pink {color:#ed4d93}
.text-green {color:#17990d}
.text-black {color:#000}

.block {display:block}
.bg-red {background-color:#cb6145; color:#fff; padding:3px; }
.bg-blue {background-color:#008dcd; color:#fff; padding:3px;}
.roundbox {border-radius:3px}
.text-Tomato {color:Tomato;}
.text-red {color:#df193f;}
.text-Orange {color:#ff9f00}
.text-DodgerBlue {color:DodgerBlue}
.text-MediumSeaGreen {color:MediumSeaGreen}
.text-violet {color:#b53fcf}
.text-main {color:#fff}

.bluebox {padding:5px 12px; border-radius:3px; background-color:#3e7eb5; color:#fff; }
.whitebox {padding:4px 10px; border-radius:3px; background-color:#fff;  }
.greybox {padding:4px 10px; border-radius:3px; background-color:#888; color:#fff; }

.home {padding:50px}
.home .row {padding:20px 0}
.home td {padding:0 50px}
.top_icon {padding:0 0 0 50px}
.top_icon td {padding:10px 2px 0 2px}
.qna {background-color:#555; color:#fff; font-weight:600; border-radius:5px; padding:3px 5px}



#invite {position:relative; padding:80px 0; width:100%}
#section1 {position:relative; padding:80px 0 ; width:100%; background:#deeef5}
#section2 {padding:80px 0 10px; }
#section3 {padding:80px 0 10px; background:#f1f1f1 cover}
#section4 {padding:30px 0 ; background:#d8f0fb}
#section5 {padding:30px 0}
#section6 {position:relative; padding:80px 0; width:100%; background:#fff8d8}
#sub_section1 {margin-top:30px}
#sub_section2 {margin:30px 0; padding:30px;}

#top-link-block.affix-top {position: absoulte; bottom: -82px; right: 10px; z-index:100}
#top-link-block.affix {position: fixed; bottom: 30px; right: 10px}
.embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%}
.embed-container iframe,embed-container object,.embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%}


/* ¼­ºê1 */
.sub_main {position:relative}
.tophead {margin:30px 30px 0 40px; padding-bottom:15px; padding-left:20px; border-bottom:2px #000 solid; font-size:25px}

.submenu {padding-top:10px; font-size:16px; list-style:none}
.submenu li {padding:15px 0; border-bottom:1px #dedede solid}
.submenu li a {padding-left:20px; color:#2b2b2b}
.submenu li a:hover {color:#e9456d; text-decoration:none}
li.submenu_active a {color:#e9456d ; font-weight:bold}

.submenu2 {padding-top:10px; font-size:16px; list-style:none}
.submenu2 li {padding:15px 0; border-bottom:1px #dedede solid}
.submenu2 li a {padding-left:20px; color:#2b2b2b}
.submenu2 li a:hover {color:#2da9e5; text-decoration:none}
li.submenu2_active a {color:#2da9e5 ; font-weight:bold}

.submenu3 {padding-top:10px; font-size:16px; list-style:none}
.submenu3 li {padding:15px 0; border-bottom:1px #dedede solid}
.submenu3 li a {padding-left:20px; color:#2b2b2b}
.submenu3 li a:hover {color:#a74682; text-decoration:none}
li.submenu3_active a {color:#a74682; font-weight:bold}

/* ŸÀÌƲ ½ºÅ¸ÀÏ */
.title1 { font-size:18px; color:#00639a; font-weight:600 }
.title2 { background-color:#2378a8; color:#ffffff; padding:5px 15px;border-radius:4px; font-size:18px  }

/* main */
.main_img {background:url("https://paidionfile.com/img/vbs/2023win/bg_onec_new.jpg") repeat-x; background-position:50% 50%}
.navbar-brand img { margin-top:-7px }
.img-responsive {max-width: 100%;, height: auto; , display: block;}
.center-block {display: block; margin-left: auto; margin-right: auto; }
.sns_icon {position:absolute; z-index:1; top:65px; right:10px}
.con_head {padding-top:5px; font-size:25px}
.side_menu {margin-top:30px}
.side_menu a {padding: 10px 10px}
.bold1 {font-weight:400}
.bold2 {font-weight:700}



/* main: responsive ewb design area */
	
	.text1 {font-size:2.6em; letter-spacing:-1px; font-weight:600; padding:15px 0}
	.text2 {font-size:2.0em; letter-spacing:-1px; font-weight:600; line-height:1.6em; }
	.text3 {font-size:1.7em; line-height:1.6em}
	.text4 {font-size:1.5em; line-height:1.6em}
	.text5 {font-size:1.3em; line-height:1.5em}
	.text6 {font-size:1.1em; line-height:1.5em}
	.padding1 {padding:10px}
	.padding2 {padding:20px}
	.padding3 {padding:30px}
	.padding4 {padding:40px}
	.padding5 {padding:50px}
	.display_m {display:none}
	#topnav {margin-right:10px; }
	.home_text { padding-top:40px; }
	.main_icon {position:absolute; z-index:1; top:40px; right:25px; }
	.main_icon div {opacity:90%;padding-bottom:10px}
	.main_txt {font-size:1.4em; line-height:1.9em}
	.main_area02 h2 {padding-bottom:15px}
	.main_area02 img {padding-bottom:15px}
	.main_area02 .kka_con .col-md-3 {padding-bottom:40px}
	.main_area02 .kka_con b {display:block; padding:15px 10px; font-weight:bold; font-size:1.7em}
	.main_area02 .kka_con small {padding-top:15px; font-size:1.2em}
	.main_area03 h4 {line-height:160%}
	.main_area04 {}
	.main_area04 h2 {padding-bottom: 30px}
	.main_area04 .kka_con P {padding:15px 10px;}
	.main_area04 .kka_con small {padding-top:15px; font-size:1.2em}
	.footer_pc {display:block}
	.footer_m {display:none}
section1
	.subcon {padding:15px 0}
	.movie {margin:20px 100px}
	.footer_home {color:#819192}


	#r-banner {position:fixed; padding:30px 10px 0 0; width:15%;}
	#r-banner .button {  margin:0 0 7px 0;}
	#r-banner .button p.button1 {color:Tomato; padding:10px; border-radius:5px; border:1px solid Tomato;}
	#r-banner .button p.button2 {color:#ff9f00; padding:10px; border-radius:5px; border:1px solid #ff9f00;}
	#r-banner .button p.button3 {color:MediumSeaGreen; padding:10px; border-radius:5px; border:1px solid MediumSeaGreen;}
	#r-banner .button p.button4 {color:DodgerBlue; padding:10px; border-radius:5px; border:1px solid DodgerBlue;}
	#r-banner .button p.button5 {color:#a75fd9; padding:10px; border-radius:5px; border:1px solid #a75fd9;}
	#r-banner .button a:hover p.button1 {color:#fff; padding:10px; border-radius:5px; background-color:Tomato;}
	#r-banner .button a:hover p.button2 {color:#fff; padding:10px; border-radius:5px; background-color:#ff9f00;}
	#r-banner .button a:hover p.button3 {color:#fff; padding:10px; border-radius:5px; background-color:MediumSeaGreen;}
	#r-banner .button a:hover p.button4 {color:#fff; padding:10px; border-radius:5px; background-color:DodgerBlue;}
	#r-banner .button a:hover p.button5 {color:#fff; padding:10px; border-radius:5px; background-color:#a75fd9;}

@media all and (max-width:768px) {
	.text1 {font-size:1.8em; letter-spacing:-1px; font-weight:600; padding:5px 0}
	.text2 {font-size:1.5em; letter-spacing:-1px; line-height:1.5em}
	.text3 {font-size:1.4em; letter-spacing:-1px; line-height:1.5em}
	.text4 {font-size:1.3em; letter-spacing:-1px; line-height:1.4em}
	.text5 {font-size:1.1em; letter-spacing:-1px; line-height:1.3em}

	.padding1 {padding:5px}
	.padding2 {padding:10px}
	.padding3 {padding:15px}
	.padding4 {padding:20px}
	.padding5 {padding:25px}
	.display_pc {display:none}
	.display_m {display:block}
	
	.home td {padding:0}
	.top_icon {padding:10px 0 0 10px; border-top:1px solid #dddddd}
	.top_icon td {padding:0 0 0 2px}
	#invite {padding:20px 10px;}
	#section1 {padding:40px 0;}
	#section2 {padding:40px 10px}
	#section3 {padding:20px 0 0 0;}
	#section4 {padding:10px 0}
	#section5 {padding:10px 0}
	#sub_section1 {margin-top:5px}
	#sub_section2 {margin:30px 0; padding:30px;}
	.main_area01 {margin-top:10px}
	.main_area03 .col-md-6 {padding-bottom:20px}
	.main_area04 .kka_con b {font-size:14px}
	.main_area04 .kka_con small {font-size:10px}
	.main_icon {top:30px; right:15px;}
	.main_icon img {width:93%}

	.subcon {padding:10px 0 20px 0}
	.movie {margin:0}
	.letter_s {letter-spacing:-2px}


		.button {padding:0 0 7px 0}
	.button p.button1 {color:Tomato; padding:10px; border-radius:5px; border:1px solid Tomato;}
	.button p.button2 {color:#ff9f00; padding:10px; border-radius:5px; border:1px solid #ff9f00;}
	.button p.button3 {color:MediumSeaGreen; padding:10px; border-radius:5px; border:1px solid MediumSeaGreen;}
	.button p.button4 {color:DodgerBlue; padding:10px; border-radius:5px; border:1px solid DodgerBlue;}
	.button p.button5 {color:#a75fd9; padding:10px; border-radius:5px; border:1px solid #a75fd9;}
	.button a:hover p.button1 {color:#fff; padding:10px; border-radius:5px; background-color:Tomato;}
	.button a:hover p.button2 {color:#fff; padding:10px; border-radius:5px; background-color:#ff9f00;}
	.button a:hover p.button3 {color:#fff; padding:10px; border-radius:5px; background-color:MediumSeaGreen;}
	.button a:hover p.button4 {color:#fff; padding:10px; border-radius:5px; background-color:DodgerBlue;}
	.button a:hover p.button5 {color:#fff; padding:10px; border-radius:5px; background-color:#a75fd9;}
}