/*
eura
2016.08.26
*/
/*nanum*/
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/Nanum Barun Gothic/Nanum Barun Gothic.css);

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{width:100%; height:100%; padding:0; margin:0; font-family:"Nanum Barun Gothic","NanumGothic","malgun gothic","dotum","sans-serif";}
code {font-family:"Nanum Barun Gothic","NanumGothic","malgun gothic","dotum","sans-serif";}
code {background-color: #f9f2f4; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #c7254e; font-size: 13px; padding: 2px 4px; white-space: nowrap; font-weight: bold;}
ul,ol,li{list-style:none;padding: 0; margin: 0;}
a {color:inherit; text-decoration: none; transition:background 0.3s; -webkit-transition:background 0.3s;}


.wrap {position:relative; width: 1024px; min-width: 1024px; margin: 0 auto;}
.header {position: fixed; width: 100%; height: 70px; background: #2a3990; top: 0; left: 0; right: 0; z-index: 999}
.header .wrap {height: 70px;}
.header .wrap .logo {display: block; width: 218px; height: 70px; line-height: 85px; text-align: center; border-left:1px solid #1c2a7b; border-right: 1px solid #1c2a7b;}
.header .wrap .logo img {width: 180px;}
.header .wrap .r_wrap {position: absolute; top: 0; right: 0; height: 70px; line-height: 70px; color: #fff; font-size: 14px; border-right: 1px solid #1c2a7b; padding-right: 15px;}
.header .wrap .r_wrap .link {border-radius: 50px; padding: 8px 20px; font-size: 13px;}
.header .wrap .r_wrap .link img {width: 18px; margin-top: -2px; margin-right: 5px; vertical-align: middle; opacity: .5;}
.header .wrap .r_wrap .link.l1 {background: #4a5ab7;}
.header .wrap .r_wrap .link.l1:hover {background: #5b6ac7;}
.header .wrap .r_wrap .link.l1.mr5 {margin-right: 5px;}
.mobile_menu,.payapp_llink,#m_m_toggle {display: none;}
.menu {display: inline;}
.leftmenu {width: 220px; height: auto; min-height: 800px; float: left;}
.leftmenu ul {position: fixed; overflow-x: hidden; width: 218px; top:70px; bottom:30px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
.leftmenu li.title {height: 70px; line-height: 100px; background: #fff; padding-left: 15px; border-bottom: 3px solid #3b465a;}
.leftmenu li.title img {width: 130px;}
.leftmenu li.menu {display:block; height: 50px; line-height: 50px; background: #fff; padding-left: 15px; border-bottom: 1px solid #e0e0e0; color:#3b465a;  font-size: 15px; font-weight: 600;}
.leftmenu li.title:hover,.leftmenu li.menu:hover {background: #fff; color: #3b465a; cursor: pointer;}
.leftmenu li {background: #f3f3f3; height: 35px; line-height: 35px; padding-left: 30px; border-bottom: 1px solid #e0e0e0; color: #3b465a; font-size: 13px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.leftmenu li a{display:block;}
.leftmenu li:hover {background: #f1f3ff; color: #2a3990;}
.leftmenu .current {background: #f1f3ff; color: #2a3990; font-weight: bold;}
.container {width: 100%;}
.content {position: relative; left: 220px; float: left; width: 804px; height: 100%; min-height: 800px; padding: 15px; color: #616e84; border-right: 1px solid #e0e0e0; -webkit-overflow-scrolling:touch;}
.content section {padding-bottom: 40px;}
.content h1 {font-size:22px; font-weight:bold; color: #3b465a; border-bottom: 1px solid #e0e0e0; padding: 10px 0; margin-top:0;}
.content h2 {font-size:20px; font-weight:bold; color: #2a3990; margin-top: 20px;}
.content h2.st01 {margin-top: 10px;}
.content .mini_title {display:inline-block; font-size: 13px;}
.content h3 {font-size:16px; font-weight:bold; color: #2b3546; margin-top: 20px; margin-bottom: 10px;}
.content h4 {font-size:15px; font-weight:bold; color: #616e84; margin-top: 20px; margin-bottom: 0px;}
.content .url {display:inline-block; background:#d3d9ff; color:#2a3990; border-radius:2px; padding: 3px 5px; font-size: 13px;}
.content a.url:hover {background:#c3cbff; text-decoration: underline;}
.content .ul01 li {font-size: 14px; padding: 5px 10px; list-style: disc inside;}
.content .ul01 li.co01 {color: #aa9793; list-style: none;}
.content .api_table {width:100%; border: 1px solid #e0e0e0; color: #3b465a; font-size: 14px;}
.content .api_table tbody th {background: #f3f3f3; padding: 10px; border: 1px solid #e0e0e0;}
.content .api_table tbody td {background: #fff; padding: 10px; border: 1px solid #e0e0e0; font-size: 13px;}
.content .api_table tr:hover td {background: #ecefff;}
.content .text-ex {font-size: 13px; margin-top: 20px;}
.content .text-see {font-size: 14px; margin: 20px 0 10px;}
.content .prettyprint {background:#f3f3f3; border: 1px solid #e0e0e0; font-size:13px; padding: 20px; border-radius: 2px;}
.content .blank {padding: 40px 0; margin-top: 0px;}
.content .blank div {border: 1px dashed #e0e0e0;}
.content .text {font-size: 14px; line-height: 23px;}
.content .tag {color: #008;}
.content .pln {color: #000;}
.content .atn,.typ {color: #606;}
.content .pun,.opn,.clo {color: #660;}
.content .atv,.str {color: #080;}
.content .param {background-color:#d9edf7; color: #3a87ad;}
.bottom {position: fixed; width: 100%; height: 30px; line-height: 30px; background: #3b465a; color: #c2ccdf; font-size: 12px; text-align: right; bottom: 0; left: 0; right: 0; z-index: 900;}

/*clear*/
.content:after,.leftmenu:after {content: ''; display: block; clear: both;}


@media (min-width: 735px) {
    .content #section-1 img,.content #section-2 img,.content #section-3 img,.content #section-4 img,.content #section-5 img,
    .content #section-6 img,.content #section-7 img,.content #section-8 img,.content #section-9 img,.content #section-10 img,
    .content #section-11 img,.content #section-12 img,.content #section-13 img,.content #section-14 img {width: auto;}
}

@media all and (min-width: 0px) and (max-width: 1023px) {
    .wrap {position:relative; width: 100%; min-width: 100%;}
    .header {height: 49px;}
    .header .wrap {height: 50px;}
    .header .wrap .logo {width: 190px; height: 50px; line-height: 63px; border: 0; padding: 0 15px; cursor: pointer;}
    .header .wrap .r_wrap {display: none}
    .mobile_menu {display: inline-block; position: absolute; top: 0; right: 0px; height: 50px; line-height: 50px; padding: 0 10px; z-index: 999;}
    .mobile_menu span {color: #b7c2ff; padding: 3px 6px; cursor: pointer;}
    .payapp_llink {display: inline-block; position: absolute; top: 45px; right: 0px; padding: 0 10px; z-index: 999;}
    .payapp_llink a {display: none;}
    .leftmenu {position:fixed; z-index: 999;}
    .leftmenu ul {width:200px; height: 100%; background: #fff; border-left: 0; top: 0px; bottom: 0; right: -200px; transition:right 0.2s ease-out; -webkit-transition-right:0.2s ease-out;}
    .leftmenu li.title {height: 40px; line-height: 55px;}
    .leftmenu li.title img {width: 110px;}
    #m_m_toggle {display: none;}
    #m_m_toggle[type="checkbox"]:checked ~ .leftmenu {position:fixed; width: 200px; z-index: 9999; float: right; right: 0;}
    #m_m_toggle[type="checkbox"]:checked ~ .leftmenu ul {right:0;}
    #m_m_toggle[type="checkbox"]:checked ~ .mobile_menu {right: 200px; transition:right 0.2s ease-out; -webkit-transition-right:0.2s ease-out; z-index: 999;}
    #m_m_toggle[type="checkbox"]:checked ~ .mobile_menu span {background: #6776cb; border-radius: 5px; color: #fff;}
    #m_m_toggle[type="checkbox"]:checked ~ .payapp_llink {right: 200px; transition:right 0.2s ease-out; -webkit-transition-right:0.2s ease-out; z-index: 999;}
    #m_m_toggle[type="checkbox"]:checked ~ .payapp_llink a {display:inline-block; background: #0e76bc; border-radius: 5px; color: #fff; padding: 5px 10px; font-size: 12px; text-align: center;}
    #m_m_toggle[type="checkbox"]:checked ~ .payapp_llink a img {display: block; width: 20px; margin: 0 auto 5px; opacity: .5;}
    #m_m_toggle[type="checkbox"]:checked ~ .closer {position: fixed; display: inline; width: 100%; height: 100%; top:0; bottom: 0; left: 0; background: rgba(0,0,0,0.7); transition:background 0.3s; -webkit-transition:background 0.3s;}
    .content {position:absolute; width: 100%; height: auto; min-height: auto; margin-bottom: 30px; overflow-x: hidden; left: 0;}
    .content section {padding-bottom: 0px;}
    .content section:last-child {padding-bottom: 30px; -webkit-padding-after: 0;}
    .content section img {width: 100%;}
    .content .blank {padding: 20px 0;}
    .content h1 {font-size: 18px;}
    .content h2 {font-size: 16px;}
    .content .ul01 li {font-size: 13px;}
    .bottom {padding: 0 15px;}

    /*clear*/
    .leftmenu li:after {content: ''; display: block; clear: both;}
}
.overflow_hidden {overflow: hidden;}