@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-red {background-color:#cb6145; color:#fff; padding:3px; }
.bg-blue {background-color:#008dcd; color:#fff; padding:3px;}
.bg-orange {background-color:#ff9f00; color:#fff; padding:3px;}
.roundbox {border-radius: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}

.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}
.bold1 {font-weight:400}
.bold2 {font-weight:700}
.text-green {color:#17990d}



#invite {position:relative; padding:80px 0 50px; width:100%}
#section1 {position:relative; padding:80px 0; width:100%; background:#ecf3f0}
#section2 {padding:80px 0 10px; }
#section3 {padding:80px 0 10px; background:#f1f1f1 cover}
#section4 {padding:30px 0}
#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}



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


/* 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; padding:10px 0}
	.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 {border-top:1px solid #d5dfda; padding:50px 0 70px}
	.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}

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


@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 20px 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 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;}


}