@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}

/* padding/margin */
.mt-5 {margin-top:50px}

/* font style */
.fw-bold {font-weight:bold}

/* 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}

.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}


/* main movie */
#section {width:100%}
.mainimg_m {display:none;}
.mainimg_t {display:none;}
.mainimg {display:block;}
#section .movie {margin:0; padding:0; display:block; width:100%}
#videoBG {
   width:100%;
   min-width:100%; /*µ¿¿µ»ó ³Êºñ¸¦ ²ËÂ÷°Ô*/
   height:auto;
   min-height:100%; /*µ¿¿µ»ó ³ôÀ̸¦ ²ËÂ÷°Ô*/
   z-index:-100; /*´Ù¸¥¿ä¼Òº¸´Ù ¾Æ·¡¿¡ À§Ä¡*/
}

#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 ; 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%}

.coding {background-color:#5ec6ed; color:#fff; border-radius:3px; padding:0 3px}

/* main */
.main_img {background:url("https://paidionfile.com/img/vbs/2023win/bg_onec.jpg") repeat-x; background-position:50% 50%}
.footer {display:flex; justify-content:center; align-items:center; background-color:#ebebeb; border-top:1px solid #d5dfda; padding:30px 0; color:#7f8c86; }
.table1_2 .box1 {background-color:Tomato; color:White; padding:2px; border-radius:3px}
.table1_2 .box2 {background-color:Orange; color:White; padding:2px; border-radius:3px}
.table1_2 .box3 {background-color:MediumSeaGreen; color:White; padding:2px; border-radius:3px}
.table1_2 .box4 {background-color:DodgerBlue; color:White; padding:2px; border-radius:3px}


/* main: responsive ewb design area */
	.main_text {display:flex; justify-content:center; align-items:center; width:100%; background-color:#002820; opacity: 0.8; margin-top:-60px; height:60px; }
	.main_text span {font-size:1.3em; color:#fff;}

	.subtitle {background:#ccc}
	.subtitle p {padding-top:100px; color:#0170a3; margin-left:-90px;font-size:50px; font-weight:bold; text-shadow: 1px 1px #fff;}
	.sub_subtitle {padding-bottom:20px}

	#content {margin:50px 100px}
	.subnav {background-color:#eeeeee; border:1px solid #cccccc; padding:30px}
	.subnav li {padding:5px;}
	.subnav li p {font-size:20px}
	.subarea {margin:50px 0}
	.subarea h2 {padding-bottom:30px}
	.subarea h4 {line-height:150%}
	.subarea1_1>.n1 {background-color:#f9f9f9; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd; padding:3em; border-radius:30px}
	.subarea1_1 .n1 img {padding-bottom:5px;}
	.subarea1_1>.n2 {border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:3em; border-radius:30px}
	.subarea1_1 .n2 img {padding-bottom:5px;}
	.subarea1_1 .n3 {padding-top:20px;}
	.subarea1_1 .n3 img {width:90%}
	.subarea1_2 {padding:20px}
	.subarea1_2 img {border-radius:40px 40px 0 0 }
	.subarea1_2 b {display:block; padding:20px 20px; font-size:1.5em}
	.subarea1_2 p {text-align:left; font-size:1.2em; line-height:160%}
	.subarea1_3 {}
	.subarea1_3 img {padding:20px; border-radius:50px}
	.subarea1_3 .col-md-6 {padding:30px 20px}
	.subarea1_3 p {padding:0 40px}
	.subarea2_1 .col-md-3 {padding:20px}
	.subarea3_1>.text2 {padding-bottom:20px}
	.memo {margin-top:5px}
	.subarea3_1>.n1 {padding-bottom:20px}
	.n1>.text4 {padding-bottom:20px}
	.subarea4_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:3em; border-radius:30px}
	.subarea4_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:3em; border-radius:30px}
	.subarea3_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:3em; border-radius:30px}
	.subarea3_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:3em; border-radius:30px}

/* ¼­ºê */
.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}


.subarea2_1 .col-md-3 {padding:20px}
.padding_l_20 {padding-left:20px}

/* ŸÀÌƲ ½ºÅ¸ÀÏ */
.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 */
.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}

/*footer*/
.footer {display:flex; justify-content:center; align-items:center; background-color:#ebebeb; border-top:1px solid #d5dfda; margin-top:50px; padding:30px 0; color:#7f8c86; }

/*sub*/
.subtitle {background:#32c6f4; margin-top:-10px}
.sub_bg_box {position:absolute; top:0px; left:50%}
.subtitle p {padding-top:80px; color:#fff; font-size:50px; font-weight:bold; text-shadow: 1px 1px #0170a3;}
.sub_subtitle {padding-bottom:20px}

/* 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.8em; 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) {
	.main_text {display:flex; justify-content:center; align-items:center; width:100%; background-color:#002820; margin-top:0; height:60px; }
	.main_text {font-size:14px; line-height:1.3em}
	.main_text span {display:block; padding:0 10px 0; font-size:12px}
	.breadcrumb { border:1px solid #dddddd; padding:10px; margin-top:15px } 
	ol .active a {font-weight:bold}
	ol a {color:#555}
	.subtitle {background:url('../img/subbg1m.jpg'); margin-top:-10px; background-position:center bottom; height:140px}
	.subtitle p {padding-top:45px; color:#0170a3; font-size:2.2em; font-weight:bold; text-shadow: 1px 1px #fff;}
	.subarea {margin:20px 0}
	.subarea1_1>.n1 {background-color:#f9f9f9; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd; padding:2em; border-radius:30px}
	.subarea1_1 .n1 img {padding-bottom:5px;}
	.subarea1_1>.n2 {border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:2em; border-radius:30px}
	.subarea1_1 .n2 img {padding-bottom:5px;}
	.subarea1_1 .n3 {padding-top:20px;}
	.subarea1_1 .n3 img {width:100%}
	.subarea1_2 {padding:20px 0}
	.subarea1_2 img {border-radius:40px 40px 0 0 }
	.subarea1_2 b {display:block; padding:20px 20px; font-size:1.5em}
	.subarea1_2 p {text-align:left; font-size:1.2em; line-height:160%}
	.subarea1_3 {}
	.subarea1_3 img {padding:20px; border-radius:50px}
	.subarea1_3 .col-md-6 {padding:10px 0}
	.subarea1_3 p {padding:0}
	.subarea1_4 img {width:60%}
	.subarea1_5 img {padding:10px 100px}
	.subarea2_1 .col-md-3 {padding:10px}
	.subarea4_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:1em; border-radius:30px}
	.subarea4_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:1em; border-radius:30px}
	.subarea3_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:1em; border-radius:30px}
	.subarea3_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:1em; border-radius:30px}
	.table1_2 th {}
	.table1_2 td {padding:0; margin:0}
	.table1_2 td img {padding:0; margin:0}

	.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}
	.text6 {font-size:1.0em; letter-spacing:-1px; line-height:1.2em}

	.padding1 {padding:5px}
	.padding2 {padding:10px}
	.padding3 {padding:15px}
	.padding4 {padding:20px}
	.padding5 {padding:25px}
	.display_pc {display:none}
	.display_m {display:block}
	
	#section img{width:100%; background-color:transparent}
	.mainimg {display:none;}
	.mainimg_m {display:block;}

	.mainimg_t {display:none;}
	.btnn {display:none;}
	#videoBG {display:none;}
	
	.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;}


	/*footer*/
	.footer {margin-top:0}

	/*sub*/
	.subtitle {background:url('../img/subbg1m.jpg'); margin-top:-10px; background-position:center bottom; height:140px}
	.subtitle p {padding-top:45px; color:#0170a3; font-size:2.2em; font-weight:bold; text-shadow: 1px 1px #fff;}
	.subarea {margin:20px 0}
	.breadcrumb { border:1px solid #dddddd; padding:10px; margin-top:15px } 
}