@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('fonts.css'); /*NanumBarunGothic*/
@import url('board.css');
@import url('nice-select.css');

html{overflow:auto;}
body{background-color:#fff; -webkit-text-size-adjust:none;}

body, input, textarea, select, button, table{margin:0; font-size:15px; font-family:'Poppins', 'Lato', 'NanumBarunGothic', sans-serif; color:#555; font-weight:300;}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, /*blockquote,*/ form, fieldset, legend, button { margin: 0; padding: 0; }

img, fieldset{border:0 none}
dl, ul, ol, li {list-style: none outside none;}
button{border:0 none; cursor:pointer; display: block;}
table, th, td, div{border-collapse:separate}

a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this));}
area {outline:0;}

li img { vertical-align:top;}
td img { vertical-align:middle}
.cursor { cursor: pointer;}

strong, .strong , b { font-weight: 400; }
address, caption, cite, code, dfn, em, var {font-style:normal;}

hr { clear: both; display: none; }
.blind, legend, caption {display:none !important}

a {text-decoration:none; color:#222; transition:color 0.2s, background 0.2s;}
a:hover, a:active, a:focus {text-decoration:none;}
table a:link, table a:visited {color:#222;}
table a:hover, table a:active {color:#222; text-decoration:underline;}

input, select, textarea {vertical-align:middle; font-size:1em; line-height:130%}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ddd; background:#fff; outline:0;}
select{height:28px;}
input[type=button] {border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; transition:color 0.2s, background 0.2s;}
input[type=submit] {border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; transition:color 0.2s, background 0.2s;}
input.text {padding:0px 2px; height:28px; color:#666; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
input.file {border:1px solid #ddd; padding:2px 6px;}
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:2px 0;}

.button {border:0 none; cursor:pointer;}

/* 게시판 view, list 버튼 */
.btn_gray {min-width:80px; height:40px; line-height:39px; font-size:16px; background:#7a7a7a; padding:0 10px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; border:none; cursor:pointer; border-radius:2px; box-sizing:content-box; border-radius:100px !important;}
.btn_red {min-width:80px; height:40px; line-height:39px; font-size:16px; background:#004ea2; padding:0 10px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align:center; border:none; cursor:pointer; border-radius:2px; box-sizing:content-box; border-radius:100px !important;}
.btn_black {min-width:80px; height:40px; line-height:39px; font-size:16px; background:#171717; padding:0 10px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; border:none; cursor:pointer; border-radius:2px; box-sizing:content-box; border-radius:100px !important;}

.btn_gray:hover, .btn_gray2:hover {color:#fff; text-decoration:none}
.btn_red:hover ,.btn_red2:hover {color:#fff; text-decoration:none}

/* 게시판 form */
.btn_gray2 {min-width:100px; height:50px; line-height:49px; font-size:20px; background:#7a7a7a; padding:0 25px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; border:none; cursor:pointer; border-radius:2px; box-sizing:content-box; border-radius:100px !important;}
.btn_red2 {min-width:100px; height:50px; line-height:49px; font-size:20px; background:#004ea2; padding:0 25px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align:center; border:none; cursor:pointer; border-radius:2px; box-sizing:content-box; border-radius:100px !important;}
.btn_black2 {min-width:100px; height:50px; line-height:49px; font-size:20px; background:#171717; padding:0 25px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; border:none; cursor:pointer; border-radius:2px; box-sizing:content-box; border-radius:100px !important;}

.btn_login {width:120px; height:65px; line-height:63px; font-size:16px; background:url('/images/member/login_bg.gif') repeat-x left top; padding:0px; display:inline-block; color:#0c4b9e; text-decoration:none; text-align:center; border:1px solid #0c4b9e; cursor:pointer; }
.btn_search {min-width:110px; height:50px; cursor:pointer; line-height:50px; font-size:18px; padding:0 15px; background:#004ea2; color:#fff; border:none;}
.btn_prnext {width:30px; height:30px; cursor:pointer; line-height:28px; font-size: 12px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding: 0px;display: inline-block;color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; border-radius:2px;}
.btn_comment {width:80px; height:52px; line-height:51px; font-size:13px; background:#999 !important; padding:0px; display:inline-block; color:#fff; text-decoration:none; text-align:center; cursor:pointer; border-radius:2px;}

/* 국문사이트에 영문게시판 쓸때 버튼 */
.btn_eng_gray {width:80px; height:30px; line-height:29px; font-size:12px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.btn_eng_red {width:80px; height:30px; line-height:29px; font-size:12px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#d8050d; text-decoration:none; text-align:center; border:1px solid #c70008; border-top-color:#e40009; border-bottom-color:#a30006; cursor:pointer; border-radius:2px;}
.btn_eng_black {min-width:80px; height:30px; line-height:29px; font-size:12px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0 5px; margin-left:1px; display:inline-block; color:#444; text-decoration:none; text-align: center; border:1px solid #777; border-top-color:#999; border-bottom-color:#444; cursor:pointer; border-radius:2px;}

.btn_eng_gray:hover, .btn_eng_gray2:hover {color:#666; text-decoration:none}
.btn_eng_red:hover ,.btn_eng_red2:hover {color:#d8050d; text-decoration:none}

.btn_eng_gray2 {width:120px; height:35px; line-height:33px; font-size:14px; background:url('/images/common/btn/btn_bg2.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.btn_eng_red2 {width:120px; height:35px; line-height:33px; font-size:14px; background:url('/images/common/btn/btn_bg2.gif') repeat-x left top; padding:0px; display:inline-block; color:#d8050d; text-decoration:none; text-align:center; border:1px solid #c70008; border-top-color:#e40009; border-bottom-color:#a30006; cursor:pointer; border-radius:2px;}

.btn_eng_login {width:120px; height:65px; line-height:63px; font-size:15px; background:url('/images/member/login_bg.gif') repeat-x left top; padding:0px; display:inline-block; color:#d8050d; text-decoration:none; text-align:center; border:1px solid #c70008; border-top-color:#e40009; border-bottom-color:#a30006; cursor:pointer; }
.btn_eng_search {width:80px; height:33px; cursor:pointer; line-height:31px; font-size:13px; background:url('/images/common/btn/btn_bg2.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#444; text-decoration:none; text-align: center; border:1px solid #777; border-top-color:#999; border-bottom-color:#444; border-radius:2px;}
.btn_eng_prnext {width:30px; height:30px; cursor:pointer; line-height:28px; font-size: 12px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding: 0px;display: inline-block;color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; border-radius:2px;}
.btn_eng_comment {width:80px; height:52px; line-height:51px; font-size:12px; background:#999 !important; padding:0px; display:inline-block; color:#fff; text-decoration:none; text-align:center; cursor:pointer; border-radius:2px;}

/* input-radio */
.comm_radio {position:absolute;left:-9999px;}
.comm_radio_label {margin-right:10px;}
.comm_radio_label .ico_radio {display:inline-block; width:20px; height:20px; margin-top:-2px; background:url('/images/common/icon_radio.png') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.radio_on .ico_radio {background-position:left bottom;}

/* input-checkbox */
.comm_check {position:absolute;left:-9999px;}
.comm_check_label .ico_check {display:inline-block; width:20px; height:20px; margin-top:-1px; background:url('/images/common/icon_check.png') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.check_on .ico_check, .check_on .ico_check2 {background-position:left bottom;}
.check_on {color:#555}

/* margin */
.mgT0 {margin-top:0px !important}
.mgT3 {margin-top:3px !important}
.mgT5 {margin-top:5px !important}
.mgT6 {margin-top:6px !important}
.mgT8 {margin-top:8px !important}
.mgT10 {margin-top:10px !important}
.mgT13 {margin-top:13px !important}
.mgT15 {margin-top:15px !important}
.mgT20 {margin-top:20px !important}
.mgT25 {margin-top:25px !important}
.mgT30 {margin-top:30px !important}
.mgT35 {margin-top:35px !important}
.mgT40 {margin-top:40px !important}
.mgT50 {margin-top:50px !important}
.mgT60 {margin-top:60px !important}
.mgT60 {margin-top:60px !important}
.mgT75 {margin-top:75px !important}


.mgB0 {margin-bottom:0px !important}
.mgB5 {margin-bottom:5px !important}
.mgB10 {margin-bottom:10px !important}
.mgB20 {margin-bottom:20px !important}
.mgB30 {margin-bottom:30px !important}
.mgB35 {margin-bottom:35px !important}
.mgB40 {margin-bottom:40px !important}
.mgB50 {margin-bottom:50px !important}

.mgR10 {margin-right:10px !important}
.mgR12 {margin-right:12px !important}
.mgR14 {margin-right:14px !important}
.mgR20 {margin-right:20px !important}
.mgR23 {margin-right:23px !important}
.mgR28 {margin-right:28px !important}
.mgR30 {margin-right:30px !important}
.mgR70 {margin-right:70px !important}

.mgL0 {margin-left:0px !important}
.mgL5 {margin-left:5px !important}
.mgL10 {margin-left:10px !important}
.mgL12 {margin-left:12px !important}
.mgL15 {margin-left:15px !important}
.mgL17 {margin-left:17px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgL40 {margin-left:40px !important}

/* padding */
.pd3 {padding:3px !important}
.pd10 {padding:10px !important}
.pd17 {padding:17px !important}

.pdT0 {padding-top:0px !important}
.pdT4 {padding-top:4px !important}
.pdT5 {padding-top:5px !important}
.pdT7 {padding-top:7px !important}
.pdT10 {padding-top:10px !important}
.pdT15 {padding-top:15px !important}
.pdT20 {padding-top:20px !important}
.pdT30 {padding-top:30px !important}
.pdT50 {padding-top:50px !important}

.pdB0 {padding-bottom:0px !important}
.pdB5 {padding-bottom:5px !important}
.pdB10 {padding-bottom:10px !important}
.pdB20 {padding-bottom:20px !important}
.pdB30 {padding-bottom:30px !important}
.pdB40 {padding-bottom:40px !important}
.pdB50 {padding-bottom:50px !important}

.pdL0 {padding-left:0px !important}
.pdL8 {padding-left:8px !important}
.pdL12 {padding-left:12px !important}
.pdL20 {padding-left:20px !important}
.pdL50 {padding-left:50px !important}

.pdR0 {padding-right:0px !important}
.pdR5 {padding-right:5px !important}
.pdR10 {padding-right:10px !important}
.pdR20 {padding-right:20px !important}


/* align */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.alignJ{text-align:justify !important;}
.clear {clear:both !important}
.floatL {float:left !important}
.floatR {float:right !important}
img.imgT {vertical-align:top !important}
img.imgB {vertical-align:bottom !important}
img.imgC {vertical-align:middle !important}

/* button & icon */
.btn_search1 {display:block; text-align:center; height:54px; line-height:54px; color:#fff; background:#0652ab; font-size:22px; border:none; cursor:pointer; font-weight:600;}
.btn_search1:hover {color:#0652ab; background:#fff;}
.btn_search2 {display:inline-block; text-align:center; width:110px; height:50px; line-height:50px; color:#fff; background:#0652ab; border:none; font-size:18px; border:none; cursor:pointer; font-weight:400; box-sizing:content-box;}
.btn_search2_gray {display:inline-block; text-align:center; width:150px; height:50px; line-height:50px; color:#fff; background:#777; border:none; font-size:18px; border:none; cursor:pointer; font-weight:400; box-sizing:content-box;}
.btn_round_white {display:inline-block; min-width:100px; padding:0 25px; border:1px solid #fff; color:#fff; font-weight:500; height:49px; line-height:49px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_whiteBig {display:inline-block; min-width:150px; padding:0 45px; border:2px solid #fff; color:#fff; font-weight:500; height:70px; line-height:70px; text-align:center; border-radius:100px; font-size:22px;}
.btn_round_whiteBig:hover {background:#fff; border-color:#fff; color:#333 !important;}
.btn_round_whiteMid {display:inline-block; min-width:200px; padding:0 20px; background:#303030; border:1px solid #303030; color:#fff; font-weight:300; height:39px; line-height:39px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_whiteMid2 {display:inline-block; min-width:75px; padding:0 30px; background:#303030; border:1px solid #303030; color:#fff; font-weight:300; height:39px; line-height:39px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_whiteSmall2 {display:inline-block; min-width:75px; padding:0 15px; background:#303030; border:1px solid #303030; color:#fff; font-weight:300; height:39px; line-height:39px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_black {display:inline-block; min-width:100px; padding:0 25px; border:1px solid #333; color:#333; font-weight:500; height:49px; line-height:49px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_black:hover {color:#fff; background:#333;}
.btn_round_black2 {display:inline-block; min-width:100px; padding:0 50px; background:#262729; border:1px solid #262729; color:#fff; font-weight:500; height:49px; line-height:49px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_blackSmall {display:inline-block; min-width:60px; padding:0 15px; background:#fff; border:1px solid #262729; color:#262729; font-weight:300; height:30px; line-height:30px; text-align:center; border-radius:100px; font-size:14px;}
.btn_round_blackSmall:hover {color:#fff; background:#262729;}
.btn_round_blackSmall2 {display:inline-block; min-width:75px; padding:0 15px; background:#fff; border:1px solid #262729; color:#262729; font-weight:300; height:39px; line-height:39px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_black_small {display:inline-block; min-width:70px; padding:0 25px; background:#fff; border:1px solid #262729; color:#262729; font-weight:500; height:49px; line-height:49px; text-align:center; border-radius:100px; font-size:18px; text-align:center;}
.btn_round_blackMid {display:inline-block; min-width:200px; padding:0 20px; background:#fff; border:1px solid #262729; color:#262729; font-weight:300; height:39px; line-height:39px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_blackMid2 {display:inline-block; min-width:75px; padding:0 30px; background:#fff; border:1px solid #262729; color:#262729; font-weight:300; height:39px; line-height:39px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_blue {display:inline-block; min-width:100px; padding:0 50px; background:#004ea2; border:1px solid #004ea2; color:#fff; font-weight:500; height:49px; line-height:49px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_blue2 {display:inline-block; width:100%; padding:0 10px; background:#fff; border:1px solid #004ea2; color:#004ea2; font-weight:500; height:49px; line-height:47px; text-align:center; border-radius:100px; font-size:18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px;}
.btn_round_blue2:hover {background: #00448e; color: #fff;}
.btn_round_blue_small {display:inline-block; min-width:70px; padding:0 25px; background:#004ea2; border:1px solid #004ea2; color:#fff; font-weight:500; height:49px; line-height:49px; text-align:center; border-radius:100px; font-size:18px;}
.btn_round_blue_small img {vertical-align:middle;}
.btn_copy {display:inline-block; min-width:44px; padding:0 5px; height:20px; line-height:22px; text-align:center; font-size:11px; color:#fff; background:#91979d; border-radius:2px; cursor:pointer;}
.btn_more {display:inline-block; min-width:48px; padding:0 15px; height:27px; line-height:27px; text-align:center; color:#333; border:1px solid #333; border-radius:100px; font-size:16px;}
.btn_more:hover {background:#0652ab; border-color:#0652ab; color:#fff;}
.btn_download {display:inline-block; min-width:50px; padding:0 20px; height:31px; line-height:31px; border:1px solid #333; color:#333; text-align:center; border-radius:100px; font-size:14px; font-weight:400;}
.btn_download:hover {background:#333; color:#fff;}

.ico_process01 {display:inline-block; padding:0 5px; height:31px; min-width:40px; padding:0 10px; line-height:31px; border-radius:2px; background:#004ea2; color:#fff; font-size:15px;}
.ico_process02 {display:inline-block; padding:0 5px; height:31px; min-width:40px; padding:0 10px; line-height:31px; border-radius:2px; background:#7a7a7a; color:#fff; font-size:15px;}
.ico_brown {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#bd9f4c; border-radius:2px; color:#fff;}
.ico_green {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#6cbd4c; border-radius:2px; color:#fff;}
.ico_dgreen {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#338f0f; border-radius:2px; color:#fff;}
.ico_red {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#bd081c; border-radius:2px; color:#fff;}
.ico_blue {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#0b82d6; border-radius:2px; color:#fff;}
.ico_dblue {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#556c86; border-radius:2px; color:#fff;}
.ico_purple {display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; font-weight:600; color:#fff; background:#775586; border-radius:2px; color:#fff;}

.red {color:#e70202 !important;}
.blue {color:#004ea2 !important;}
.orange {color:#ff7d0a !important;}
.plus {color:#ed1719 !important;}
.minus {color:#1443d9 !important;}

.btn_adm1 {border:1px solid #aaa; margin:0; border-radius:2px; color:#333; text-align:center; padding:5px 10px; font-size:11px; background:#fff;}
.btn_adm2 {border:1px solid #004ea2; margin:0; border-radius:2px; color:#fff; text-align:center; padding:5px 10px; font-size:11px; background:#004ea2;}

/*************************************************************************/
/*************************************************************************/
/******************************* 1024px ***********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:1024px){
.btn_round_black {font-size:16px; min-width:80px; height:40px; line-height:40px;}
.btn_round_blue {min-width:60px; padding:0 30px;}
.btn_round_black2 {min-width:60px; padding:0 30px;}
	
	
	
	
}
/*************************************************************************/
/*************************************************************************/
/******************************* 768px ***********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:768px){
body, input, textarea, select, button, table{font-size:15px;}
.btn_round_black {font-size:16px; height:40px; line-height:40px;}
.btn_round_white {font-size:16px; height:40px; line-height:40px;}
.btn_search2 {height:42px; line-height:42px; font-size:13px; width:70px;}
.btn_round_blue2 {margin-bottom: 5px;}
}

/*************************************************************************/
/*************************************************************************/
/******************************* 640px ***********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:640px){
body, input, textarea, select, button, table{font-size:14px;}
.btn_red {font-size:14px; height:34px; line-height:34px; min-width:auto; padding:0 20px;}
.btn_gray {font-size:14px; height:34px; line-height:34px; min-width:auto; padding:0 20px;}
.btn_black {font-size:14px; height:34px; line-height:34px; min-width:auto; padding:0 20px;}
}

/*************************************************************************/
/*************************************************************************/
/******************************* 520px ***********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:520px){
body, input, textarea, select, button, table, .select{font-size:3.4vw;}
.btn_round_white {font-size:3.6vw; height:36px; line-height:36px; padding:0 5%; min-width:70px;}
.btn_round_black {font-size:3.6vw; height:36px; line-height:36px; padding:0 5%; min-width:70px;}
.btn_round_black2 {font-size:3.4vw; height:32px; line-height:32px; padding:0 10%; min-width:auto;}
.btn_round_blue {font-size:3.4vw; height:32px; line-height:32px; padding:0 10%; min-width:auto;}
.btn_round_blue2 {font-size:3.4vw; height:32px; line-height:32px; padding:0 10%; width:100% !important;}
.btn_round_whiteMid {font-size:3.4vw; min-width:auto; padding:0 4%; height:30px; line-height:30px;}
.btn_round_blackMid {font-size:3.4vw; min-width:auto; padding:0 4%; height:30px; line-height:30px;}
.btn_round_whiteMid2 {font-size:3.4vw; min-width:auto; padding:0 4%; height:30px; line-height:30px;}
.btn_round_blackMid2 {font-size:3.4vw; min-width:auto; padding:0 4%; height:30px; line-height:30px;}
.btn_round_blackSmall2 {font-size:3.4vw; padding:0 5%; min-width:40px; height:32px; line-height:32px;}
.btn_round_whiteSmall2 {font-size:3.4vw; padding:0 5%; min-width:40px; height:32px; line-height:32px;}
.btn_search2_gray {font-size:3.6vw; height:36px; line-height:36px; padding:0 5%; min-width:70px;}
}

/*************************************************************************/
/*************************************************************************/
/******************************* 480px ***********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:480px){
body, input, textarea, select, button, table, .select{font-size:3.6vw;}
.btn_red {font-size:3.4vw; height:28px; line-height:28px; min-width:auto; padding:0 15px;}
.btn_gray {font-size:3.4vw; height:28px; line-height:28px; min-width:auto; padding:0 15px;}
.btn_black {font-size:3.4vw; height:28px; line-height:28px; min-width:auto; padding:0 15px;}
.btn_red2 {font-size:4.2vw; height:11vw; line-height:11vw;}
.btn_gray2 {font-size:4.2vw; height:11vw; line-height:11vw;}
.btn_round_blue_small {font-size:3.6vw; height:11vw; line-height:11vw; padding:0 8%;}
.btn_round_black_small {font-size:3.6vw; height:11vw; line-height:11vw; padding:0 8%;}
.btn_more {font-size:3.4vw; min-width:auto; height:23px; line-height:23px;}
.btn_round_blackSmall2 {font-size:3.8vw; padding:0 5%;}
.btn_round_whiteSmall2 {font-size:3.8vw; padding:0 5%;}
.btn_download {font-size:3.4vw; height:23px; line-height:23px; padding:0 15px;}
.ico_process01 {font-size:3.4vw; padding:0 10%; min-width:12vw;}
.ico_process02 {font-size:3.4vw; padding:0 10%; min-width:12vw;}
}


/*20200203 S701SM 제품상세 */
.t701sm_detail {
background: #000000;float: left;
}
.t701sm_detail h2{font-size: 65px;color: #fff;text-align: center;letter-spacing: -2px;line-height: 60px;font-family: sans-serif}
.t701sm_detail h5{color: #fff;text-align: center;font-size: 30px;font-family: sans-serif;font-weight: 500;margin-top: 10px;letter-spacing: -1px;}
.t701sm_detail p{color: #fff;    text-align: center;font-size: 24px;letter-spacing: -1px;padding: 10px}


.t701sm_detail div {width: 100%; margin: 120px 0}

.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 40px}
.t701sm_detail .section014,.t701sm_detail .section015,.t701sm_detail .section016{position: relative;}
.t701sm_detail .section013 ul{display: table; width: 80%; table-layout: fixed; padding: 0 10%}
.t701sm_detail .section013 ul li{text-align: center; width: 20%; display: table-cell; list-style: none; padding-bottom: 30px}
.t701sm_detail .section013 ul li p{font-size: 24px; font-family:"sans-serif"}
.t701sm_detail .section013 ul li p span{font-weight: 500} 
.t701sm_detail .section014 div,.t701sm_detail .section015 div,.t701sm_detail .section016 div{position: absolute}
.t701sm_detail .section014 h2, .t701sm_detail .section014 p,.t701sm_detail .section015 h2, .t701sm_detail .section015 p{text-shadow: 0px 0px 12px black;} 
.t701sm_detail .section014 h2{font-size: 55px !important}
.t701sm_detail .section014 p{font-size: 30px !important}

.t701sm_detail .section015 div{width: 44% !important; left: 40px;    margin: 18% 0;}
.t701sm_detail .section015 h2{font-size: 50px !important; text-align: left !important}
.t701sm_detail .section015 p{font-size: 26px !important; text-align: left !important}

.t701sm_detail .section016 h2{text-align: right !important;text-shadow: 0px 0px 12px black;}
.t701sm_detail .section016 p{font-size: 26px !important; text-align: right !important; padding:30px 0 0 0; margin: 0}
.t701sm_detail .section016 div{margin: 28% 0 0 0; right:5%}
.t701sm_detail .section017 {margin-top: 160px;}
.t701sm_detail .section017 h5{font-size: 45px !important}
@media only screen and (max-width:1440px){
.t701sm_detail div {margin: 100px 0}	
.t701sm_detail h2{font-size: 55px;letter-spacing: -2px;line-height: 55px;}
.t701sm_detail h5{font-size: 28px;font-weight: 500;margin-top: 9px;letter-spacing: -1px;}
.t701sm_detail p{font-size: 22px;letter-spacing: -1px;padding: 9px}
.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 35px}	
.t701sm_detail .section013 ul{ width: 90%; table-layout: fixed; padding: 0 5%}
.t701sm_detail .section014 h2{font-size: 40px !important}
.t701sm_detail .section014 p{font-size: 24px !important}
.t701sm_detail .section015 div{width: 49%}	
.t701sm_detail .section015 h2{font-size: 38px !important;}
.t701sm_detail .section015 p{font-size: 22px !important; }
.t701sm_detail .section016 p{font-size: 24px !important}
.t701sm_detail .section017 h5{font-size: 40px !important}	
}



@media only screen and (max-width:1024px){
.t701sm_detail div {margin: 80px 0}	
.t701sm_detail h2{font-size: 50px;letter-spacing: -2px;line-height: 50px;}
.t701sm_detail h5{font-size: 24px;font-weight: 500;margin-top: 8px;letter-spacing: -1px;}
.t701sm_detail p{font-size: 20px;letter-spacing: -1px;padding: 8px}
.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 30px}	
.t701sm_detail .section014 h2{font-size: 36px !important}
.t701sm_detail .section014 p{font-size: 22px !important}
.t701sm_detail .section015 div{width: 49%}	
.t701sm_detail .section015 h2{font-size: 34px !important;}
.t701sm_detail .section015 p{font-size: 18px !important; }
.t701sm_detail .section016 p{font-size: 20px !important}
.t701sm_detail .section017 h5{font-size: 35px !important}
.t701sm_detail .section013 ul li{width: 50%; float: left} 
.t701sm_detail .section013 ul li p{font-size: 20px}	
}
@media only screen and (max-width:768px){
.t701sm_detail div {margin: 60px 0}	
.t701sm_detail h2{font-size: 40px;letter-spacing: -2px;line-height: 40px;}
.t701sm_detail h5{font-size: 20px;font-weight: 500;margin-top: 6px;letter-spacing: -1px;}
.t701sm_detail p{font-size: 18px;letter-spacing: -1px;padding: 6px}
.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 25px}	
	
	
	
.t701sm_detail .section014 h2{font-size: 32px !important}
.t701sm_detail .section014 p{font-size: 20px !important}
.t701sm_detail .section015 div{width: 49%}	
.t701sm_detail .section015 h2{font-size: 32px !important;}
.t701sm_detail .section015 p{font-size: 16px !important; }
.t701sm_detail .section016 p{font-size: 18px !important}
.t701sm_detail .section017 h5{font-size: 32px !important}
.t701sm_detail .section013 ul li p{font-size: 18px}		
}

@media only screen and (max-width:640px){
.t701sm_detail .section015 div,.t701sm_detail .section016 div{position: relative}		
.t701sm_detail div {margin: 50px 0}	
.t701sm_detail h2{font-size: 36px;letter-spacing: -2px;line-height: 36px;}
.t701sm_detail h5{font-size: 18px;font-weight: 500;margin-top: 5px;letter-spacing: -1px;}
.t701sm_detail p{font-size: 16px;letter-spacing: -1px;padding: 5px}
.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 22px}	
.t701sm_detail .section014 h2{font-size: 30px !important}
.t701sm_detail .section014 p{font-size: 18px !important}
.t701sm_detail .section015 div{width: 100%}	
.t701sm_detail .section015 h2{font-size: 30px !important;}
.t701sm_detail .section015 p{font-size: 16px !important; }
.t701sm_detail .section016 p{font-size: 16px !important}
.t701sm_detail .section017 h5{font-size: 30px !important}

}
@media only screen and (max-width:520px){
.t701sm_detail .section015 div,.t701sm_detail .section016 div{position: relative}	
.t701sm_detail div {margin: 50px 0}	
.t701sm_detail h2{font-size: 36px;letter-spacing: -2px;line-height: 36px;}
.t701sm_detail h5{font-size: 18px;font-weight: 500;margin-top: 5px;letter-spacing: -1px;}
.t701sm_detail p{font-size: 16px;letter-spacing: -1px;padding: 5px}
.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 20px}	
.t701sm_detail .section014 h2{font-size: 30px !important}
.t701sm_detail .section014 p{font-size: 18px !important}
.t701sm_detail .section015 div{width: 100%}	
.t701sm_detail .section015 h2{font-size: 30px !important;}
.t701sm_detail .section015 p{font-size: 14px !important; }
.t701sm_detail .section016 h2{font-size: 30px !important;}
.t701sm_detail .section016 p{font-size: 16px !important}
.t701sm_detail .section017 h5{font-size: 30px !important}
.t701sm_detail .section013 ul li p{font-size: 16px}		
}

@media only screen and (max-width:480px){
.t701sm_detail .section015 div,.t701sm_detail .section016 div{position: relative}	
.t701sm_detail div {margin: 40px 0}	
.t701sm_detail h2{font-size: 24px;letter-spacing: -1px;line-height: 32px;}
.t701sm_detail h5{font-size: 14px;font-weight: 500;margin-top: 4px;letter-spacing:0px;}
.t701sm_detail p{font-size: 12px;letter-spacing: 0px;padding: 4px}
.t701sm_detail .section001 p,.t701sm_detail .section003 p,.t701sm_detail .section005 p,.t701sm_detail .section007 p,.t701sm_detail .section017 p{margin-top: 18px}	
.t701sm_detail .section013 ul li:nth-child(1){width: 100%; float: left} 
	.t701sm_detail .section013 ul li:nth-child(1) img{max-width: 155px}	
.t701sm_detail .section014 h2{font-size: 22px !important; padding: 0 5%}
.t701sm_detail .section014 p{font-size: 13px !important}

.t701sm_detail .section015 div{left: 0; width: 100% !important; text-align: center !important}	
.t701sm_detail .section015 h2{font-size: 22px !important;; text-align: center !important}
.t701sm_detail .section015 p{font-size: 12px !important; ; text-align: center !important}
	
.t701sm_detail .section016 div{right:0; margin: 0 0 30px 0}
	.t701sm_detail .section016 h2{font-size: 22px !important;text-align: center !important}
.t701sm_detail .section016 p{font-size: 12px !important;text-align: center !important; padding: 5px 0 20px}
	
.t701sm_detail .section017 h5{font-size: 28px !important}
.t701sm_detail .section013 ul li p{font-size: 14px}		
.t701sm_detail .section013 ul li img{width: 70%}		
}







/*kdl3750S 도어락 상세 css*/ 

.kdl3750S h2,.kdl3750S h5,.kdl3750S p, .kdl3750S span{font-family:  'NanumSquare', sans-serif}
            .kdl3750S h2{font-size: 3.4vw;letter-spacing: -0.2vw}
            .kdl3750S h5{font-size: 2.0vw;margin-top: 10px;letter-spacing: -0.2vw}
			.kdl3750S h6{font-size: 1.3vw;letter-spacing: -0.1vw; margin: 0}
            .kdl3750S p{font-size: 1.6vw;letter-spacing: -0.1vw;}
			.secbox{position: relative; float: left}
			.posi-ab{position: absolute}
			
			.fontcolor1{color:#cdcece}
			.fontcolor2{color:#313131}
			.fontcolor3{color:#134fb0}
			.fullwidth{width:100%}
			.alg-cen{text-align: center}
			.alg-lef{text-align: left}
			.alg-rig{text-align: right}
			.light{ font-weight: 300 }
			.normal{ font-weight: 400 }
            .bold{ font-weight: 600 }
            .bolder{ font-weight: 800 }
			.marg-top30{margin-top: 30px}
			.marg-bot60{margin-bottom: 60px}
			.padtop15{padding-top: 15% !important}
            .secbox ui, .secbox ul li{list-style: none;padding: 0; margin: 0}
			
			
			.posi01{top: 10%}
			.posi01-1{top: 65%; left: 50%; width: 45%}
			.posi01-1 span{font-size: 2.2vw;letter-spacing:-0.1vw;}
			.posi02{top: 30%; left: 45%; width: 47%}
			.posi03{top: 33%; left: 4%;width: 50%}
			.posi03 ul li{width: 25%; float: left}
			.posi04{top: 15%; width: 100%}
			.posi04 ul{width:90%; margin: 10% auto 0}
			.posi04 ul li{width: 46%; float: left; padding-right: 4%}
			.posi04 ul li img, .posi04 ul li p{float: left}
			.posi04 ul li p{width: 73%; padding: 3%;height: 6vw;}
			.posi04 ul li div{float: left;width: 17%}
			.posi05{top: 30%; right: 5%; width: 37%}
			.posi06{top: 20%; left: 40%; width: 50%}
			.posi06 h2{position: relative}
			.posi06 .posinum1{top: -1%;left: -10%;width: 7%;}
			.sec07{background-color:#dfdfdf}
			.sec07 ul {width: 100%; margin: 10% auto ;float: left;}
			.sec07 ul li{width: 33.3333%; float: left;box-sizing: border-box; padding: 4%}
			.sec07 ul li p{font-size: 1.2vw; margin-top: 5%}
			.posi08{top: 40%; left: 5%; width: 50%}
			.posi09{top: 10%; left: 7%; width: 48%}
			.posi09 .posinum1{top: -5%;left: -9%;width: 7%;}
			.sec10{background-color:#dfdfdf}
			.sec10 ul {width: 100%; margin: 10% auto ;float: left;}
			.sec10 ul li{width: 33.3333%; float: left;box-sizing: border-box; padding: 4%}
			.sec10 ul li p{font-size: 1.2vw; margin-top: 5%}
			.posi11{top: 40%; right: 5%; width: 50%}
			.posi12{top: 75%; left: 45%; width: 49%}
			.posi12 .posinum1{top: -5%;left: -9%;width: 7%;}
			.sec13{background-color:#dfdfdf}
			.sec13 ul {width: 100%; margin: 10% auto ;float: left;}
			.sec13 ul li{width: 33.3333%; float: left;box-sizing: border-box; padding: 4%}
			.sec13 ul li p{font-size: 1.2vw; margin-top: 5%}
			.posi14{top: 36%; left: 7%; width: 50%}
			.sec15  .acc2{width: 100%;top: 44%;}
            .sec15  .acc3{top: 2%; right: 2%}
			.posi15 ul {width:90%; margin: 5% auto ;float: _left;}
			.posi15 ul li{width: 33.3333%; float: left;box-sizing: border-box; padding: 4%; text-align: center}
			.posi15 ul li p{font-size: 1.2vw; margin: 5% 0}
			.posi15 ul li img{text-align: center}
			.viewmobile{display: none}
			
			 
			@media only screen and (max-width:1440px){
			.kdl3750S h2{font-size: 55px;letter-spacing: -0.2vw}
            .kdl3750S h5{font-size: 38px;margin-top: 5px;letter-spacing: -0.2vw}
			.kdl3750S h6{font-size: 24px;letter-spacing: -0.1vw; margin: 0}
            .kdl3750S p{font-size: 24px;letter-spacing: -0.1vw;}
				
			.posi01-1 span{font-size: 24px;letter-spacing:-0.1vw;}	
			.sec07 ul li p, .sec10 ul li p, .sec13 ul li p{font-size: 24px; margin-top: 1%}	
			.posi15 ul li p{font-size: 20px; margin-top: 5%}			
			}
			@media only screen and (max-width:1200px){
			.kdl3750S h2{font-size: 45px;letter-spacing: -0.2vw}
            .kdl3750S h5{font-size: 32px;margin-top: 5px;letter-spacing: -0.2vw}
			.kdl3750S h6{font-size: 20px;letter-spacing: -0.1vw; margin: 0}
            .kdl3750S p{font-size: 20px;letter-spacing: -0.1vw;}
				
			.posi01-1 span{font-size: 20px;letter-spacing:-0.1vw;}	
			.sec07 ul li p, .sec10 ul li p, .sec13 ul li p{font-size: 2px; margin-top: 1%}	
			.posi15 ul li p{font-size: 20px; margin-top: 5%}			
			}
			@media only screen and (max-width:1024px){
			.kdl3750S h2{font-size: 35px;letter-spacing: -0.2vw}
            .kdl3750S h5{font-size: 28px;margin-top: 5px;letter-spacing: -0.2vw}
			.kdl3750S h6{font-size: 18px;letter-spacing: -0.1vw; margin: 0}
            .kdl3750S p{font-size: 18px;letter-spacing: -0.1vw;}
				
			.posi01-1 span{font-size: 18px;letter-spacing:-0.1vw;}	
			.sec07 ul li p, .sec10 ul li p, .sec13 ul li p{font-size: 18px; margin-top: 1%}	
			.posi15 ul li p{font-size: 18px; margin-top: 5%}			
			}
			
			@media only screen and (max-width:768px){
				.kdl3750S h2{font-size: 32px;letter-spacing: -0.2vw}
            .kdl3750S h5{font-size: 24px;margin-top: 5px;letter-spacing: -0.2vw}
			.kdl3750S h6{font-size: 16px;letter-spacing: -0.1vw; margin: 0}
            .kdl3750S p{font-size: 16px;letter-spacing: -0.1vw;}
				
			.posi01-1 span{font-size: 16px;letter-spacing:-0.1vw;}	
			.sec07 ul li p, .sec10 ul li p, .sec13 ul li p{font-size: 16px; margin-top: 1%}	
			.posi15 ul li p{font-size: 16px; margin-top: 5%}	
			.sec15  .acc3{display: none}	
				.sec15 .viewpc{display: none}
				.viewmobile{display: block}
				.posi15 ul li:nth-child(1){width: 30%; float: left;box-sizing: border-box; padding: 4%; }
				.posi15 ul li:nth-child(2){width: 70%; float: left;box-sizing: border-box; padding: 4%; }
				.posi15 ul {width:90%; margin: 0 auto ;float: left;}
				.sec15 .acc2 {width: 100%;top: 21%;}
			}
			@media only screen and (max-width:640px){
			.kdl3750S h2{font-size: 20px;letter-spacing: -0.2vw}
            .kdl3750S h5{font-size: 16px;margin-top: 5px;letter-spacing: -0.2vw}
			.kdl3750S h6{font-size: 14px;letter-spacing: -0.1vw; margin: 0}
            .kdl3750S p{font-size: 12px;letter-spacing: -0.1vw;}
				
			.posi01-1 span{font-size: 12px;letter-spacing:-0.1vw;}	
			.sec07 ul li p, .sec10 ul li p, .sec13 ul li p{font-size: 12px; margin-top: 1%}	
			.posi15 ul li p{font-size: 12px; margin-top: 5%}		
				
			.posi02{top: 20%; left: 40%; width: 52%}	
			.posi03{top: 33%; left: 4%;width: 75%}	
			.marg-bot60{margin-bottom: 30px}	
			.posi04 ul li{width: 46%; float: left; padding-right: 4%}
			.posi04 ul li p{width: 81%; padding: 1%;height: 45px;}	
			.posi04 ul{margin: 5% auto 0}	
			.posi05{width: 100%}	
			.posi06{top:17%; left: 37%; width: 63%}		
			.sec07 ul li,.sec10 ul li,.sec13 ul li{width: 100%; float: left;box-sizing: border-box; padding: 4%}
			.sec07 ul li div, .sec10 ul li div, .sec13 ul li div{width: 100%; float: left;box-sizing: border-box; padding:0 30%}	
			.posi12{top: 71%; left: 45%; width: 50%}	
			.posi12	.marg-top30{margin-top: 10px}
			
				
			}