@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
/*
	Editorial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */
body {overflow-y: hidden}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

	body {line-height: 1;}

	ol, ul {list-style: none;}

	blockquote, q {quotes: none;}

	blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

	table {border-collapse: collapse;border-spacing: 0;}

	body {-webkit-text-size-adjust: none;-ms-overflow-style: scrollbar;background: #ffffff;}

    /* Box Model */
	*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}


	@media screen and (max-width: 1280px) {}
	@media screen and (max-width: 980px) {}
	@media screen and (max-width: 736px) {}
	@media screen and (max-width: 480px) {}
	@media screen and (max-width: 360px) {}
	@media screen and (min-width: 481px) and (max-width: 1680px) {}

    /* Basic */
	@-ms-viewport {width: device-width;}
	@-o-viewport {width: device-width;}
	@viewport {width: device-width;}


	@media screen and (max-width: 480px) {html, body {min-width: 320px;} }

    /* Type */
    *{font-family: 'Nanum Barun Gothic', serif!important;}
	body, input, select, textarea {color: #7f888f;font-size: 13pt;font-weight: 400;line-height: 1.65;}
	@media screen and (max-width: 1680px) {body, input, select, textarea {font-size: 11pt;}}
	@media screen and (max-width: 1280px) {body, input, select, textarea {font-size: 10pt;}}
	@media screen and (max-width: 360px) {body, input, select, textarea {font-size: 9pt;}}

	a {text-decoration: none;}
	a:hover {color: #367ab9 !important;}
	a:hover strong {color: inherit;}
	strong, b {color: #3d4449;font-weight: 600;}
	em, i {font-style: italic;}
	p {margin: 0 0 2em 0;font-size: 1em;padding-left: 1.25em;}
    p.bb_title {font-size: 1.155em;}
	h1, h2, h3, h4, h5, h6 {color: #3d4449;font-weight: 700;line-height: 1.5;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
	h1 {font-size: 22pt; }
	h2 {font-size: 20pt;}
	h3 {font-size: 17pt;}
	h4 {font-size: 16pt;}
	h5 {font-size: 14pt;}
	h6 {font-size: 10pt;}
    
    
    .red {color : #d61818}
    .blue {color : #1852d6}
	@media screen and (max-width: 1680px) {h1 {font-size: 22pt;}}

	@media screen and (max-width: 980px) {h1 {font-size: 20pt;}}

	@media screen and (max-width: 736px) {
    h1 {font-size: 18pt;line-height: 1.4;}
    h2 {font-size: 16pt;}
    h3 {font-size: 14pt;}}
	hr {border: 0;border-bottom: solid 1px rgba(210, 215, 217, 0.75);margin: 2em 0;}
	hr.major {margin: 3em 0;}
	.align-left {text-align: left;}
	.align-center {text-align: center;}
	.align-right {text-align: right;}

/* Section/Article */
    /* Header */

	header {border-bottom: 1px solid #cacaca; position: fixed;top: 0; left: 0; padding: 10px;position: relative; box-sizing: border-box;z-index: 88;}
    header h1 {text-align: center;margin-left: 10px;}
    header h1 img{float: left;height: 30px; margin : 7px 10px 0 0;}
	@media screen and (max-width: 1680px) {}
	@media screen and (max-width: 736px) {
        header{ position: fixed;top: 0; width: 100%; z-index: 1;background: #fff;cursor: pointer;}
        .header-sub {position: relative;width: 100%;}
        header h1 {display: inline-block;width: 100%; height:0; margin: 0;text-align: center;font-size: 15px;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
        header h1 span {display: none;}
        header h1 img{margin : 0;height: 20px; width: auto;}}

	header p {font-size: 1em;font-weight: 400;margin-top: -0.5em;text-transform: uppercase;}
	div.major > :last-child {border-bottom: solid 3px #367ab9;display: inline-block;margin: 0 0 20px 0;padding: 0 10px 5px 0;}

/* Form */
	input[type="text"],input[type="search"]{-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;background: #ffffff;border-radius: 0.375em;border: none;border: solid 1px rgba(210, 215, 217, 0.75);color: inherit;display: block;outline: 0;padding: 0 1em;text-decoration: none;width: 100%;}
    input[type="text"]:focus,input[type="search"]:focus {border-color: #367ab9;box-shadow: 0 0 0 1px #367ab9;}
	input[type="text"],input[type="search"]{height: 2.75em;}

/* Image */
	.image {border: 0;display: inline-block;position: relative;}
	.image img {}
    .image.main {display: block;margin: 0 0 0 0;width: 100%;}
    .image.main img {width: auto; max-width: 100%;}
/* List */
	ol {list-style :disc;margin: 1em 0 0em 0;padding-left: 0.9em;font-size: 1.211em;font-weight: 600;color: #5c5c5c;}
    ol li {padding-left: 0.25em;}
	ul {margin: 0 0 2em 0;padding-left: 1em;}
	ul li {padding-left: 0.5em;}



/* Wrapper */
	#wrapper {display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;min-height: 100vh;}

/* Main */

	#main {overflow-y: scroll;-webkit-overflow-scrolling:touch; -moz-flex-grow: 1;-webkit-flex-grow: 1;-ms-flex-grow: 1;flex-grow: 1;-moz-flex-shrink: 1;-webkit-flex-shrink: 1;-ms-flex-shrink: 1;flex-shrink: 1;width: 100%;height: 100vh;}
	#main > .inner {padding: 0 80px 10px 80px ;margin: 0 auto;max-width: 110em;}
	#main > .inner > section {padding: 60px  0;border-top: solid 2px rgba(210, 215, 217, 0.75);}

	#main > .inner > section:first-of-type {border-top: 0 !important;}
    #main > .inner > section h2,#main > .inner > section h3{line-height: 2}
    #main > .inner > section h3{margin-left: 20px;}
    @media screen and (max-width: 1680px) {}


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

    @media screen and (max-width: 736px) {
        header h1 img{float: none}
        #main > .inner {padding: 0px 40px 10px 40px}
        #main > .inner > section {padding: 2em  0; margin-top: 50px;}}
    
/* Sidebar */
	#sidebar {overflow:scroll;-webkit-overflow-scrolling:touch;-moz-flex-grow: 0;-webkit-flex-grow: 0;-ms-flex-grow: 0;flex-grow: 0;-moz-flex-shrink: 0;-webkit-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;-moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;-webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;-ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;transition: margin-left 0.5s ease, box-shadow 0.5s ease;background-color: rgb(250, 250, 250);font-size: 0.9em;position: relative;width: 22em;}
	#sidebar h2 {font-size: 1.38889em;}

	#sidebar > .inner {padding: 2.22222em 2.22222em 2.44444em 2.22222em ;position: relative;width: 22em;}

	#sidebar > .inner > * {border-bottom: solid 2px rgba(210, 215, 217, 0.75);margin: 0 0 3.5em 0;padding: 0 0 3.5em 0;}

	#sidebar > .inner > * > :last-child {margin-bottom: 0;}

	#sidebar > .inner > *:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
    .slide_x {display: none;}
    #hamburger {display: none;}
	@media screen and (max-width: 1680px) {

	    #sidebar {width: 22em;}

        #sidebar > .inner {padding: 1.66667em 1.66667em 1.33333em 1.66667em ;width: 22em;}}

	@media screen and (max-width: 1280px) { }
		
    @media screen and (max-width: 736px) {
        .slide_x {display: block; width: 22px; height: 22px; float: right;background: url(../images/icon_x.png)no-repeat;background-size: contain;}
        #hamburger div {display: inline-block;background-color: #a0a0a0; height: 2.555px; width: 100%;}
        #hamburger div:first-child{margin-top: 0px;}
        #hamburger {line-height:0.5em; text-align: center;display: block;cursor: pointer;width: 20px;height: 23px;position: relative; box-sizing: border-box ;float: left; background: #ffffff}

        
        #sidebar {display: none; transition: 0.5; box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.175);height: 100%;left: 0;position: fixed;top: 0;z-index: 10000;}
		#sidebar > .inner {-webkit-overflow-scrolling: touch;height: 100%;left: 0;overflow-y: auto;position: absolute;top: 0;}
        #sidebar > .inner:after {content: '';display: block;height: 4em;width: 100%;}}


/* Menu */
    #sidebar {overflow-y: scroll; height: 100vh}
	#menu ul { -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;color: #3d4449;font-family: 400;letter-spacing: 0.075em;list-style: none;margin-bottom: 0;padding: 0;text-transform: uppercase;}
    #menu > ul {padding-bottom: 80px;}
	#menu ul a, #menu ul span {border-bottom: 0;color: inherit;cursor: pointer;display: block;font-size: 1.05em;padding: 0.225em 0;font-weight: bold;}
	#menu ul a:hover, #menu ul span:hover {color: #367ab9;}
	#menu > ul > li {border-top: solid 1px rgba(210, 215, 217, 0.75);margin: 0.5em 0 0 0;padding: 0.5em 0 0 0;}
    #menu > ul > li > ul {color: #9fa3a6;display: block;margin: 0.5em 0 1.5em 0;padding-left: 1em;}
    #menu > ul > li > ul a, #menu > ul > li > ul span {font-size: 1em;font-weight: normal;color: #727272;}
    #menu > ul > li > ul > li {margin: 0.125em 0 0 0;padding: 0.125em 0 0 0;}
    #menu > ul > li:first-child {border-top: 0;margin-top: 0;padding-top: 0;}



.wrap_step {text-align: left;width: 100%;display: inline-block;padding: 15px; border: 3px solid #c9c9c9;list-style: none!important;}
.wrap_step li {text-align: center;width: 27%; display: inline-block;margin-top: 20px; vertical-align: top; background: #d9d5d5; color: #000000; padding: 10px; }

.wrap_step li:nth-child(1),.wrap_step li:nth-child(3),.wrap_step li:nth-child(5){margin-top: 0px;}
.wrap_step li p {font-size: 0.5em; margin: 0;}
.wrap_step li a {display: inline-block;padding: 0!important; margin: 0!important;}
.wrap_step li.arw {vertical-align: middle;width: auto;margin-top : 10px;background: #fff;color: #676767;}

.btn_top { color: #fff; background: #bcbcbc; font-size: 1.222em; padding: 0.3em 0.7em;; position: fixed; right: 20px; bottom: 10px;}





table, tr, td, th { vertical-align: middle;border: 1px solid #cacaca; text-align: center; padding: 0.6em;}
@media screen and (max-width: 1073px) {
    
    .wrap_step li {width: 43%; margin-top: 20px;}
    .wrap_step li.arw:nth-child(1),.wrap_step li.arw:nth-child(2){margin-top: 0px;}
    .wrap_step li.arw {margin-top: 20px;}
    .wrap_step li:nth-child(5){margin-top: 20px;}
    .wrap_step li:nth-child(1),.wrap_step li:nth-child(3){margin-top: 0px;}
    
}
@media screen and (max-width: 995px) {
    .wrap_step li.arw {display: inline-block;width: 100%; margin-top: 0px!important;}
    .wrap_step li {width: 100%;display: inline-block;text-align: center;float: none;height: auto; margin-top: 0!important;}
    
}